/*************************** MAIN.CSS *************************** Written by: Edguy's Web Team For: Edguy.net Date: March 2nd 2017 ****************************************************************/ /* * FancyBox - jQuery Plugin * Simple and fancy lightbox alternative * * Examples and documentation at: http://fancybox.net * * Copyright (c) 2008 - 2010 Janis Skarnelis * That said, it is hardly a one-person project. Many people have submitted bugs, code, and offered their advice freely. Their support is greatly appreciated. * * Version: 1.3.4 (11/11/2010) * Requires: jQuery v1.3+ * * Dual licensed under the MIT and GPL licenses: * http://www.opensource.org/licenses/mit-license.php * http://www.gnu.org/licenses/gpl.html */ #fancybox-loading { position: fixed; top: 50%; left: 50%; width: 40px; height: 40px; margin-top: -20px; margin-left: -20px; cursor: pointer; overflow: hidden; z-index: 1104; display: none; } #fancybox-loading div { position: absolute; top: 0; left: 0; width: 40px; height: 480px; background-image: url('/images/fancybox/fancybox.png'); } #fancybox-overlay { position: absolute; top: 0; left: 0; width: 100%; z-index: 1100; display: none; } #fancybox-tmp { padding: 0; margin: 0; border: 0; overflow: auto; display: none; } #fancybox-wrap { position: absolute; top: 0; left: 0; padding: 20px; z-index: 1101; outline: none; display: none; } #fancybox-outer { position: relative; width: 100%; height: 100%; background: #fff; } #fancybox-content { width: 0; height: 0; padding: 0; outline: none; position: relative; overflow: hidden; z-index: 1102; border: 0px solid #fff; } #fancybox-hide-sel-frame { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background: transparent; z-index: 1101; } #fancybox-close { position: absolute; top: -15px; right: -15px; width: 30px; height: 30px; background: transparent url('/images/fancybox/fancybox.png') -40px 0px; cursor: pointer; z-index: 1103; display: none; } #fancybox-error { color: #444; font: normal 12px/20px Arial; padding: 14px; margin: 0; } #fancybox-img { width: 100%; height: 100%; padding: 0; margin: 0; border: none; outline: none; line-height: 0; vertical-align: top; } #fancybox-frame { width: 100%; height: 100%; border: none; display: block; } #fancybox-left, #fancybox-right { position: absolute; bottom: 0px; height: 100%; width: 35%; cursor: pointer; outline: none; background: transparent url('/images/fancybox/blank.gif'); z-index: 1102; display: none; } #fancybox-left { left: 0px; } #fancybox-right { right: 0px; } #fancybox-left-ico, #fancybox-right-ico { position: absolute; top: 50%; left: -9999px; width: 30px; height: 30px; margin-top: -15px; cursor: pointer; z-index: 1102; display: block; } #fancybox-left-ico { background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -30px; } #fancybox-right-ico { background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -60px; } #fancybox-left:hover, #fancybox-right:hover { visibility: visible; /* IE6 */ } #fancybox-left:hover span { left: 20px; } #fancybox-right:hover span { left: auto; right: 20px; } .fancybox-bg { position: absolute; padding: 0; margin: 0; border: 0; width: 20px; height: 20px; z-index: 1001; } #fancybox-bg-n { top: -20px; left: 0; width: 100%; background-image: url('/images/fancybox/fancybox-x.png'); } #fancybox-bg-ne { top: -20px; right: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -162px; } #fancybox-bg-e { top: 0; right: -20px; height: 100%; background-image: url('/images/fancybox/fancybox-y.png'); background-position: -20px 0px; } #fancybox-bg-se { bottom: -20px; right: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -182px; } #fancybox-bg-s { bottom: -20px; left: 0; width: 100%; background-image: url('/images/fancybox/fancybox-x.png'); background-position: 0px -20px; } #fancybox-bg-sw { bottom: -20px; left: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -142px; } #fancybox-bg-w { top: 0; left: -20px; height: 100%; background-image: url('/images/fancybox/fancybox-y.png'); } #fancybox-bg-nw { top: -20px; left: -20px; background-image: url('/images/fancybox/fancybox.png'); background-position: -40px -122px; } #fancybox-title { font-family: Helvetica; font-size: 12px; z-index: 1102; } .fancybox-title-inside { padding-bottom: 10px; text-align: center; color: #333; background: #fff; position: relative; } .fancybox-title-outside { padding-top: 10px; color: #fff; } .fancybox-title-over { position: absolute; bottom: 0; left: 0; color: #FFF; text-align: left; } #fancybox-title-over { display: block; } .fancybox-title-float { position: absolute; left: 0; bottom: -20px; height: 32px; } #fancybox-title-float-wrap { border: none; border-collapse: collapse; width: auto; } #fancybox-title-float-wrap td { border: none; white-space: nowrap; } #fancybox-title-float-left { padding: 0 0 0 15px; background: url('/images/fancybox/fancybox.png') -40px -90px no-repeat; } #fancybox-title-float-main { color: #FFF; line-height: 29px; font-weight: bold; padding: 0 0 3px 0; background: url('/images/fancybox/fancybox-x.png') 0px -40px; } #fancybox-title-float-right { padding: 0 0 0 15px; background: url('/images/fancybox/fancybox.png') -55px -90px no-repeat; } /* IE6 */ .fancybox-ie6 #fancybox-close { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_close.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-left-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-right-ico { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_nav_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-over { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_over.png', sizingMethod='scale'); zoom: 1; } .fancybox-ie6 #fancybox-title-float-left { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_left.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-main { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_main.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-title-float-right { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_title_right.png', sizingMethod='scale'); } .fancybox-ie6 #fancybox-bg-w, .fancybox-ie6 #fancybox-bg-e, .fancybox-ie6 #fancybox-left, .fancybox-ie6 #fancybox-right, #fancybox-hide-sel-frame { height: expression(this.parentNode.clientHeight + "px"); } #fancybox-loading.fancybox-ie6 { position: absolute; margin-top: 0; top: expression( (-20 + (document.documentElement.clientHeight ? document.documentElement.clientHeight/2 : document.body.clientHeight/2 ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop )) + 'px'); } #fancybox-loading.fancybox-ie6 div { background: transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_loading.png', sizingMethod='scale'); } /* IE6, IE7, IE8 */ .fancybox-ie .fancybox-bg { background: transparent !important; } .fancybox-ie #fancybox-bg-n { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_n.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-ne { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_ne.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-e { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_e.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-se { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_se.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-s { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_s.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-sw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_sw.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-w { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_w.png', sizingMethod='scale'); } .fancybox-ie #fancybox-bg-nw { filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/js/fancybox-1.3.4/fancy_shadow_nw.png', sizingMethod='scale'); }#index-slides-container{ width:100%; overflow:hidden; } #index-slides{ width:1000px; height:348px; position:relative; margin:10px auto; } #index-slides .viewer{ width:100%; height:348px; position:absolute; top:0; right:0; background:rgba(0,0,0,0.8); } #index-slides .viewer .slide{ opacity:0.95; } #index-slides .viewer .slide:hover{ opacity:1.0; } #index-slides .viewer .slide-container{ position:absolute; top:0; left:0; display:none; } #index-slides .viewer .slide-container, #index-slides .viewer .slide{ width:100%; height:100%; } #index-slides .viewer .slide-container:first-child{ display:block; } #index-slides .viewer #slideA{ background:url('/images/skins/Monuments/MonumentsAdA.jpg') center center no-repeat; } #index-slides .viewer #slideB{ background:url('/images/skins/Monuments/MonumentsAdB.jpg') center center no-repeat; } #index-slides:hover .viewer .previous, #index-slides:hover .viewer .next{ opacity:1; } #index-slides .viewer .slider{ position:absolute; top:15px; right:10px; width:100px; height:20px; } #index-slides .viewer .slider .selector{ border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; -o-border-radius: 50px 50px 50px 50px; border:1px solid rgba(255,255,255,0.5); width:15px; height:15px; background:#000; float:right; margin-right:6px; opacity:0.8; } #index-slides .viewer .slider .selector.current{ border:1px solid rgba(0,0,0,0.5); background:#FFF; } #index-slides .viewer .slider .selector:hover{ opacity:1; } #index-slides .viewer .previous, #index-slides .viewer .next { transition: opacity 0.5s; -moz-transition: opacity 0.5s; -webkit-transition: opacity 0.5s; -o-transition: opacity 0.5s; opacity:0; cursor: pointer; z-index: 9001; position: absolute; top: 50%; left:-5px; margin-top: -17px; width: 35px; height: 35px; background: url(/images/skins/SpacePolice/left.png); } #index-slides .viewer .next { left:auto; right:-5px; background: url(/images/skins/SpacePolice/right.png); } #index-slides .viewer .slide .text-container{ position:absolute; bottom:0; left:0; width:100%; height:63px; color:#333; background-color:rgba(255,255,255,0.6); } #index-slides .viewer .slide .text-container .title{ position:absolute; top:10px; left:20px; font-size:15px; } #index-slides .viewer:hover .slide .text-container .subtitle{ text-decoration: underline; } #index-slides .viewer .slide .text-container .subtitle{ position:absolute; top:30px; left:20px; font-size:21px; } #index-slides .viewer .slide .text-container .learnmore{ position:absolute; top:20px; right:20px; font-size:21px; } /************************* Index CSS ***************************/ /* Everything related to the CSS on the index page! */ /***************************************************************/ .panel { float: left; width:200px; height:245px; position: relative; -webkit-perspective: 600px; -moz-perspective: 600px; } .panel .front, .panel .back{ background:#fff; color:#333; border:1px solid #ccc; } .panel .front { float: none; position: absolute; top: 0; left: 0; z-index: 900; width: inherit; height: inherit; text-align: center; -webkit-transform: rotateX(0deg) rotateY(0deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateX(0deg) rotateY(0deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel .back { float: none; position: absolute; top: 0; left: 0; z-index: 800; width: inherit; height: inherit; -webkit-transform: rotateY(-180deg); -webkit-transform-style: preserve-3d; -webkit-backface-visibility: hidden; -moz-transform: rotateY(-180deg); -moz-transform-style: preserve-3d; -moz-backface-visibility: hidden; -o-transition: all .4s ease-in-out; -ms-transition: all .4s ease-in-out; -moz-transition: all .4s ease-in-out; -webkit-transition: all .4s ease-in-out; transition: all .4s ease-in-out; } .panel:hover .front { z-index: 900; -webkit-transform: rotateY(180deg); -moz-transform: rotateY(180deg); } .panel:hover .back { z-index: 1000; -webkit-transform: rotateX(0deg) rotateY(0deg); -moz-transform: rotateX(0deg) rotateY(0deg); } body #flip-ad{ margin-bottom:15px; } #flip-ad, #flip-ad .front, #flip-ad .back{ border:0; margin: 0; width:307px; height:344px; } #flip-ad .front{ background:url('/images/skins/SpacePolice/FlipperA.jpg') center center no-repeat; } #flip-ad .back{ background:url('/images/skins/SpacePolice/FlipperB.jpg') center center no-repeat; } .de #flip-ad .front{ background:url('/images/skins/SpacePolice/FlipperA.jpg') center center no-repeat; } .de #flip-ad .back{ background:url('/images/skins/SpacePolice/FlipperB.jpg') center center no-repeat; } .twitter-timeline{ width:305px; } #ad0{ margin-bottom:15px; } .video-container .title{ width: 285px; margin: 0; margin-top:15px; padding: 5px 10px; text-align: center; background-color: rgba(0, 0, 0, 0.4); border: 1px solid black; border-bottom: 0; } /************************** News CSS ***************************/ /* Everything related to the news CSS on the index page! */ /***************************************************************/ .newsItem div{ text-align:left; } .newsdate, #newsdate{ font-size:15px; font-weight:bold; color:#FFF; text-shadow: black 0.05em 0.1em 0.2em; } .newstitle, #newstitle{ font-size:22px; font-weight:bold; color:#649197; text-transform: uppercase; } .newscontent, #newscontent{ padding: 20px 0px 2px 0px; } .fulllink, .share{ margin-top:15px; display:inline-block; width:75px; font-weight:bold; }a .fulllink, .share a{color:#FFF;} .share img{ position:relative; top:5px; left:2px; } .separatorNews { display:block; margin:auto; margin-top:10px; margin-bottom:25px; width:90%; height:6px; } /************************** Tour CSS ***************************/ /* Everything related to the tour CSS on the index page! */ /***************************************************************/ body.band #contentContainer #content{ padding-left:15%; padding-right:15%; } body#band #content h1{ margin-bottom:15px; } body.band #content h1{ margin-bottom:0; } body.band #content h3{ font-family:Ethnocentric; text-align:center; } body.band #content #memberBio{ color: #FFFFFF; text-align:justify; } body.band #memberPhoto{ margin-left:15px; margin-bottom:15px; float:right; border: 20px solid rgba(0,0,0,0.5); } body.band #bandPhoto{ margin:auto; display:block; } body.band strong{ color:#FFFFFF; } body.band p{ color:#DDDDDD; }/************************** Tour CSS ***************************/ /* Everything related to the tour CSS on the index page! */ /***************************************************************/ body.tour #content .item{ font-family:Ethnocentric; width:40%; margin:auto; margin-bottom:3px; position:relative; clear:both; float:none; text-align:center; font-size:1em; display:block; padding:8px 10px 5px; color:#FFF; background:#0A92CC; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); text-decoration:none; } body.tour #content .item:hover{ background:#0AB6FF; } body.tour #contentContainer #content{ } body.tour table#tourdates{ margin-top:45px; width:100%; border:0; font-size:15px; } body.tour table#tourdates img.flag{ width:22px; } body.tour table#tourdates .date, body.tour table#tourdates .city, body.tour table#tourdates .venue{ } body.tour table#tourdates .venue a{ color:#D0D0D0; border:0; border-bottom:1px dotted; }body.tour table#tourdates .venue a:hover{ color:#FFF; text-decoration:none; } body.tour table#tourdates .links{ text-align:center; } body.tour table#tourdates th{ text-align:center; font-family:Ethnocentric; } body.tour table#tourdates td{ /*background: linear-gradient(to right, currentColor 0%, currentColor 50%, transparent 50%, transparent 100%) repeat-x left bottom; background-size: 60px 1px;*/ color:#FFF; padding:12px 0 11px; vertical-align:middle; border-bottom:1px dashed rgba(255, 204, 00, 0.5); } body.tour table#tourdates .buy-tickets{ color:#FFF; background:#0A92CC; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; padding: 3px 6px 3px; line-height: 17px; text-decoration:none; } body.tour #content .buy-tickets:hover{ background:#0AB6FF; } body.tour table#tourdates .icon{ display:block; margin:auto; background:url('/images/skins/SpacePolice/social_sprite.png'); opacity:0.9; width:33px; height:25px; } body.tour table#tourdates .icon:hover{ opacity:1; } body.tour table#tourdates .facebook{ background-position:-0px -29px; }/************************** Music CSS **************************/ /* Everything related to the music CSS on the index page! */ /***************************************************************/ body.music #contentContainer #content{ min-height:900px; } body.music #info{ padding-top:15px; width:290px; min-height:300px; margin-bottom:30px; } body.music #info h1{ font-family:Ubuntu; font-size:30px; background:#649197; display:block; position:absolute; z-index:1000 !important; top:20px; left:260px; padding:10px; text-shadow: 0 0 4px rgba(0,0,0,0.5); -moz-text-shadow: 0 0 4px rgba(0,0,0,0.5); -webkit-text-shadow: 0 0 4px rgba(0,0,0,0.5); -o-text-shadow: 0 0 4px rgba(0,0,0,0.5); border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; -webkit-border-radius: 2px 2px 2px 2px; -o-border-radius: 2px 2px 2px 2px;} body.music #info #tracklist { counter-reset:myOwnCounter; position:absolute; top:97px; left:33%; width:30%; } body.music #info #tracklist>li.first{ counter-reset:myOwnCounter; } body.music #info #tracklist>li{ margin-bottom:5px; list-style:none; border-bottom:1px dashed rgba(255, 204, 00, 0.5); padding-bottom:7px; } body.music #info #tracklist>li:before{ content:counter(myOwnCounter)". "; counter-increment:myOwnCounter; color: #649197; } body.music .chartInfo strong, body.music .moreInfo strong { color: #649197; } body.music #album{ text-align:center; position:absolute; top:45px; left:30px; } body.music .albumCover{ background:rgba(0,0,0,0.5); padding:20px; } body.music #album .edition{ text-align:center; } body.music #album .clear{ margin-bottom:35px; } body.music #album a{ margin-top:18px; margin-right:3px; text-decoration:none; display:inline-block; color:#FFF; background:#649197; padding:3px 10px; width:58px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7);} body.music #album :hover{ background:#7BB3BA; } body.music .chartInfo{ width:98%; padding: 0 1%; margin-bottom:30px; position: absolute; right: 0; width: 27%; top: 260px; } body.music .moreInfo{ position:absolute; top:97px; right:0; width:27%; padding: 0 1%; } body.music #subMenu .item{ position:relative; background:rgba(0,0,0,0.5); padding:20px; display:block; width:259px; height:259px; margin:10px; float:left; } body.music #subMenu .item:hover{ background:#7BB3BA; } body.music #subMenu .item img{ z-index:0; position:absolute; top:20px; left:20px; } body.music #subMenu .item .info{ transition: opacity 0.3s; -moz-transition: opacity 0.3s; -webkit-transition: opacity 0.3s; -o-transition: opacity 0.3s; opacity:0; position:absolute; left:20px; bottom:20px; padding:10px; width:239px; background:rgba(0,0,0,0.7); color:#FFF; } body.music #subMenu .item:hover .info{ opacity:1; } body.music #subMenu .item a{ display:block; position:absolute; top:0; left:0; width:100%; height:100%; } body#music-SuperheroesCD .chartInfo{ top:334px !important; } /********************* Hellfire Club CSS ***********************/ /* Everything related to the Hellfire Club CSS! */ /***************************************************************/ body.members #contentContainer #content{ min-height:975px; } body.members .messageerror{ color:red; } body.members #contentContainer #content input{ font-family:Ubuntu; font-size:20px; font-weight:300; text-align:center; color:#FFF; background:#0A92CC; padding:5px 10px; border-radius: 3px 3px 3px 3px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; -o-border-radius: 3px 3px 3px 3px; border:0; margin-top:22px; } body.members #contentContainer #content input.submit{ margin-top:50px; padding:5px 40px; } body.members #contentContainer #content input.submit:hover{ background:#0AB6FF; cursor:pointer; } body.members #contentContainer #content input::-webkit-input-placeholder { color: #FFF; } body.members #contentContainer #content input:-moz-placeholder { /* Firefox 18- */ color: #FFF; } body.members #contentContainer #content input::-moz-placeholder { /* Firefox 19+ */ color: #FFF; } body.members #contentContainer #content input:-ms-input-placeholder { color: #FFF; } body.members #contentContainer #content input.formstyleaddress:focus::-webkit-input-placeholder { font-size:0; } body.members #contentContainer #content input.formstyleaddress:focus:-moz-placeholder { /* Firefox 18- */ font-size:0; } body.members #contentContainer #content input.formstyleaddress:focus::-moz-placeholder { /* Firefox 19+ */ font-size:0; } body.members #contentContainer #content input.formstyleaddress:focus:-ms-input-placeholder { font-size:0; }/************************* Media CSS ***************************/ /* Everything related to the media CSS on the index page! */ /***************************************************************/ body#photos #contentContainer #content{ padding: 20px; } body#photos #contentContainer #content a .gallerypics{ border: 20px solid rgba(0,0,0,0.5) !important; margin-bottom:13px; } a:hover .gallerypics{ } body#photos #contentContainer #content h1, body#videos #contentContainer #content h1{ margin-bottom:13px; } /***************************************************************\ |* Table of content *| |***************************************************************| |* - Default CSS *| |* - General layout *| |* - Normal page's layout *| |* - Special page's layout *| |* - Submenu *| \***************************************************************/ /* latin */ @font-face { font-family: 'Montaga'; font-style: normal; font-weight: 400; src: local('Montaga'), local('Montaga-Regular'), url(http://fonts.gstatic.com/s/montaga/v4/DlQ9Ikv09mwGQdyRKUBTtg.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } /* latin-ext */ @font-face { font-family: 'Almendra'; font-style: normal; font-weight: 400; src: local('Almendra'), local('Almendra-Regular'), url(https://fonts.gstatic.com/s/almendra/v8/uzCu8MxE9FBRB1UNllkhORTbgVql8nDJpwnrE27mub0.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Almendra'; font-style: normal; font-weight: 400; src: local('Almendra'), local('Almendra-Regular'), url(https://fonts.gstatic.com/s/almendra/v8/nn6qd3WfGL85pmBWUjz1lvesZW2xOQ-xsNqO47m55DA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215; } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 300; src: local('Ubuntu Light'), local('Ubuntu-Light'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/_aijTyevf54tkVDLy-dlnD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 400; src: local('Ubuntu'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/_xyN3apAT_yRRDeqB3sPRg.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 500; src: local('Ubuntu Medium'), local('Ubuntu-Medium'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/OsJ2DjdpjqFRVUSto6IffD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: normal; font-weight: 700; src: local('Ubuntu Bold'), local('Ubuntu-Bold'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/0ihfXUL2emPh0ROJezvraD8E0i7KZn-EPnyo3HZu7kw.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 300; src: local('Ubuntu Light Italic'), local('Ubuntu-LightItalic'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/DZ_YjBPqZ88vcZCcIXm6VobN6UDyHWBl620a-IRfuBk.woff) format('woff'); } @font-face { font-family: 'Ubuntu'; font-style: italic; font-weight: 400; src: local('Ubuntu Italic'), local('Ubuntu-Italic'), url(http://themes.googleusercontent.com/static/fonts/ubuntu/v5/kbP_6ONYVgE-bLa9ZRbvvvesZW2xOQ-xsNqO47m55DA.woff) format('woff'); } /************************* Default CSS *************************/ /* Default stuff like links behavior, body behavior, etc. */ /***************************************************************/ a{outline-color:invert;outline-style:none;outline-width:medium;} a:active{outline: none;} a:focus{-moz-outline-style: none;} a img, a:visited img{border:0;} body{ width:100%; font: 16px "Ubuntu", Verdana, Helvetica, sans-serif; color:#F9F9F9; background:url("/images/skins/Monuments/Background.jpg") #000000 top center no-repeat; padding:0; margin:0; line-height: 1.5em; text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -moz-text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -webkit-text-shadow: 2px 2px rgba(0,0,0,0.5) auto; -o-text-shadow: 2px 2px rgba(0,0,0,0.5) auto;} p.clear{clear:both;} a{ color: #999999; text-decoration: none; } a:hover {color: #FFFFFF;text-decoration:underline;} a img.borders{border:2px solid #999999;} a:hover img.borders{border:2px solid #FFFFFF;} /*Chrome*/ input, input:focus{outline:none;} h1, h2, h3{ margin-top:0; padding-top:0; } h1{ font-size:19px; text-shadow: black 0.05em 0.1em 0.2em; } h2{ font-size:17px; } h3{ font-size:15px; } /************************ General layout ***********************/ /* CSS for the general layout */ /***************************************************************/ #header div, #contentContainer{ display:block; } #main, #header{ width:1000px; margin:auto; position:relative; } #header-container{ position:relative; bottom:7px; width:100%; height: 174px; background:rgba(0,0,0,0.3); } #header{ position:relative; } #header #logo{ position:absolute; z-index:150; width:320px; height:128px; background:url('/images/skins/Monuments/Logo.png') center center no-repeat; top:25px; } #header #menu{ font-size: 0px; z-index:125; width:700px; position:absolute; top:72px; right:0; text-align:right; } #header #menu .main-item{ position:relative; font-family: Montaga; text-align:center; font-size: 22px; display:inline-block; margin-right:3px; padding:8px 10px 5px; height:24px; color:#FFF; width:88px; /* background-color:#649197; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); */ } #header #menu .main-item:hover, #header #menu .main-item.active{ } #header #menu .main-item>a:hover, #header #menu .main-item.active>a{ color:#649197; } #header #menu a, #header #menu a{ text-decoration:none; display:block; width:100%; height:100%; position:absolute; top:0; left:0; color:#FFF; line-height:40px; } #header .social .icon, #header .language .icon{ display:inline-block; background:url('/images/skins/SpacePolice/social_sprite.png'); opacity:0.9; } #header .social .icon:hover, #header .language .icon:hover{ opacity:1; } #header .language .icon{ width:32px; height:25px; } #header .social .icon{ width:33px; height:25px; } #header .social{ position:absolute; top:20px; right:0; } #header .language .german{ background-position:-36px -1px; } #header .language .english{ background-position:-1px -1px; } #header .social .youtube{ display:none; } #header .social .facebook{ background-position:-0px -29px; } #header .social .twitter{ background-position:-36px -29px; } #header .social .google{ background-position:-72px -29px; } #header .language{ position:absolute; top:20px; right:125px; } #index-slides .viewer, #contentContainer { box-shadow: 0px 0px 18px rgba(0,0,0,1); -moz-box-shadow: 0px 0px 18px rgba(0,0,0,1); -webkit-box-shadow: 0px 0px 18px rgba(0,0,0,1); -o-box-shadow: 0px 0px 18px rgba(0,0,0,1);} #contentContainer{ width:100%; margin-top:20px; } #contentContainer #content{ background:rgba(0,0,0,0.7); padding:20px; } #contentContainer #content *{ z-index:150; } #footer{ font-family:Montaga; position:relative; z-index:250; width:100%; height:30px; text-align:left; line-height:1.8em; font-size:11px; font-weight:bold; text-shadow: 1px 1px 3px black; -moz-text-shadow: 1px 1px 3px black; -webkit-text-shadow: 1px 1px 3px black; -o-text-shadow: 1px 1px 3px black; text-transform: uppercase; margin:20px 0 10px 0; } #footer a{ color: #FFF; } #footer .social{ position:absolute; right:0; top:-7px; } #back-to-top { text-align:center; font-family:Montaga; color:#FFF; background:#649197; display: none; cursor: pointer; font-size:19px; line-height:54px; width: 50px; height: 50px; position: absolute; bottom: 20px; right: 50%; margin-right: -580px; border-radius: 50px 50px 50px 50px; -moz-border-radius: 50px 50px 50px 50px; -webkit-border-radius: 50px 50px 50px 50px; -o-border-radius: 50px 50px 50px 50px; box-shadow: 0 0 15px rgba(0,0,0,0.8); -moz-box-shadow: 0 0 15px rgba(0,0,0,0.8); -webkit-box-shadow: 0 0 15px rgba(0,0,0,0.8); -o-box-shadow: 0 0 15px rgba(0,0,0,0.8); transition: background 0.5s; -moz-transition: background 0.5s; -webkit-transition: background 0.5s; -o-transition: background 0.5s; } /********************* Normal page's layout ********************/ /* CSS for the normal pages' layout */ /***************************************************************/ #content h1{ font-family:Montaga; font-size:20px; text-align:center; margin:25px 0 15px 0; text-transform:uppercase; } /********************* Special page's layout *******************/ /* CSS for the special pages' layout */ /***************************************************************/ #index #contentContainer #content #left{ float:right; } #contentContainer #content #left{ display:inline-block; width:65%; float:left; position:relative; } #contentContainer #content #right{ display:inline-block; width:33%; position:relative; padding-right:2%; } #contentContainer #content #right{ z-index:auto; } #contentContainer #content #left, #contentContainer #content #left *{ z-index:200; } #contentContainer #content #right *{ z-index:150; } /**************************** Submenu **************************/ /* CSS for the submenu layout */ /***************************************************************/ #header .submenu{ height:0; overflow:hidden; position:absolute; top:36px; left:0; padding-top:4px; width:160%; left:-30%; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=0)'; filter: alpha(opacity=0); -moz-opacity: 0; -khtml-opacity: 0; opacity: 0; transition: opacity 1s; -moz-transition: opacity 1s; -webkit-transition: opacity 1s; -o-transition: opacity 1s;} #header #menu .main-item:hover .submenu{ height:auto; display:block; -ms-filter: 'progid:DXImageTransform.Microsoft.Alpha(Opacity=100)'; filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1;} #header .submenu .item{ margin-bottom:3px; position:relative; clear:both; float:none; text-align:center; font-size:0.75em; height:24px; display:block; margin-right:3px; padding:8px 10px 5px; color:#FFF; background:#649197; border-radius: 5px 5px 5px 5px; -moz-border-radius: 5px 5px 5px 5px; -webkit-border-radius: 5px 5px 5px 5px; -o-border-radius: 5px 5px 5px 5px; text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -moz-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -webkit-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); -o-text-shadow: 1px 1px 3px rgba(0,0,0,0.7); text-decoration:none; text-transform:uppercase; } #header .submenu .item:hover, #header .submenu .item.active{ background:#7BB3BA; }