/*
3DHOP - 3D Heritage Online Presenter
Copyright (c) 2014, Marco Callieri - Visual Computing Lab, ISTI - CNR
All rights reserved.    

This program is free software: you can redistribute it and/or modify
it under the terms of the GNU General Public License as published by
the Free Software Foundation, either version 3 of the License, or
(at your option) any later version.

This program is distributed in the hope that it will be useful,
but WITHOUT ANY WARRANTY; without even the implied warranty of
MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the
GNU General Public License for more details.

You should have received a copy of the GNU General Public License
along with this program.  If not, see <http://www.gnu.org/licenses/>.
*/

@font-face {
   font-family: 'My Font';       
   src: local('My Font'), url('../fonts/Inkburro.ttf') format('truetype');  
}

@font-face {
   font-family: 'My Font IE';       
   src: url('../fonts/Inkburro.eot');   
}

html {
  background				:url(https://3dhop.net/distribution/latest/skins/backgrounds/light.jpg) no-repeat center top fixed;
  background-size			:cover;
  -webkit-background-size	:cover;
  -moz-background-size		:cover;
  -o-background-size		:cover;
}

body {
	cursor					:default;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

a { 
	color					:#800000; 
	font-style				:italic; 
	font-weight				:bold; 
}

a:hover { 
	color					:#DC143C; 
	cursor					:pointer; 
}

ul {
	list-style-type			:circle;
	margin-top				:-15px; 
	margin-bottom			:-4px; 
}

ul li {
	padding-top				:0px; 
}

#container{
	position				:fixed;
	width					:100%;
	height					:100%;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#tab {
	margin					:0% 2% 0% 2%; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#subtab{
	width					:350px; 
	padding-right			:10%;
	text-align				:center;
	font-family				:Georgia;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#title { 
	margin					:0px 0px 5px 0px;
	vertical-align			:middle;
	font-family				:"My Font IE", "My Font", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-weight				:bold;
	font-size				:40px;
	color					:#DC143C;
	text-align				:center;
	text-transform			:capitalize;
	text-shadow				:1px 1px 10px gray;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#subtitle { 
	margin					:5px 0px 15px 0px;
	vertical-align			:middle;
	font-family				:"My Font IE", "My Font", "Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-size				:25px;
	font-weight				:bold;
	color					:gray;
	text-align				:center;
	text-transform			:capitalize;
	text-shadow				:1px 1px 10px gray;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

#caption{ 
 	font-family				:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	font-style				:italic;
	font-weight				:bold;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.screenshot { 
	vertical-align			:middle;
	width					:350px;
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.scroll {
	font-family				:"Palatino Linotype", "Book Antiqua", Palatino, serif; 
	padding					:10px 0px 10px 0px; 
	text-align				:justify;
	width					:350px;
	overflow				:auto; 
	-webkit-user-select		:none; 
	-webkit-touch-callout	:none; 
	-khtml-user-select		:none; 
	-moz-user-select		:none; 
	-ms-user-select			:none; 
	user-select				:none; 
	touch-action			:none; 
	-ms-touch-action		:none; 
}

.panel {
	background-color		:rgba(50, 50, 50, 0.9); 
}

#draw-canvas { 
	background-color	:rgba( 0, 0, 0, 0.1);
	border-radius		:5px;
}