/* Move down content because we have a fixed navbar that is 50px tall */ body { padding-bottom: 20px; background:#fff url(images/topbg.jpg) repeat-x; } .jumbotron{ padding:0; margin:0 auto; } .navbar-inverse { background: rgba(0, 0, 0, 0.7); /* browsers */ /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c0000000'); IE */ border:none; } .navbar-inverse .navbar-nav > li > a { font-weight:bold; font-size:110%; color: #ccc; } .navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus { background:#222; } .top_container{ max-width: 990px; } .toplogos{ background:none; border:none; } .logo-dism{ margin-top:10px; } .row{ color:#333; } .aboutus p{ margin: 0 0 15px; } .mission{ background: #dadada; padding: 0px 20px 5px; border: 1px solid #ccc; border-radius: 8px; } .prizes_container{ background: #333; border: 5px solid #666; border-radius: 10px; margin:20px; } .prizes_inner_container{ margin:20px; line-height:40px; } .prizes_inner_container p{ font-size:18px; } .prizes_inner_container li{ font-size:16px; line-height:32px; } p.smalltext{ font-size: 14px; line-height: 24px; } .rules_regulations, .aboutus, .tnc{ line-height:21px; margin-bottom:20px; } .prizes_container{ margin-bottom:40px; } div.rules_regulations ol li{ margin-bottom:15px; } div.rules_regulations ol li ol li, div.rules_regulations ol li ul li{ margin-bottom:5px; } div.tnc ol{ margin:15px 0; } div.tnc ol li{ margin-bottom:15px; } /*.faq li{ font-weight:bold; font-size:115%; }*/ .faq li p{ font-style:italic; font-weight:normal; font-size:90%; } .panel-group{ margin-bottom: 20px; } .panel { background-color: #333; } .panel-default .panel-heading{ background-color: #ccc!important; } .panel-heading { padding: 0; } .panel-group .panel, .panel{ border: none; } .panel-title a{ /*font-weight:bold;*/ color:#333; display: block; padding: 10px 15px; } .panel-title a:hover{ text-decoration:none!important; color:#fff; font-weight:bold; display: block; background: #888; } div.panel-heading a:hover{ } .contact p{ font-size:18px; } .footer-tnc{ text-align: right; width:300px; float: right; } footer{ color:#999; } footer img{ margin-right:15px; } footer .col-lg-6{ margin:40px 0; } footer .copyrights{ float:none; margin-right:20px; } /**SHARRE**/ #share{ font-size: 90%; } .jssocials-share-link { border-radius: 50%; } #share_wrapper{ float:left; /*margin:80px 42% 0 42%;*/ } .sharrre .box{ background:#6f838c; background:-webkit-gradient(linear,left top,left bottom,color-stop(#6f838c,0),color-stop(#4d5e66,1)); background:-webkit-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-moz-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:-o-linear-gradient(top, #6f838c 0%, #4d5e66 100%); background:linear-gradient(top, #6f838c 0%, #4d5e66 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#6f838c', endColorstr='#4d5e66',GradientType=0 ); -webkit-box-shadow:0 1px 1px #d3d3d3; -moz-box-shadow:0 1px 1px #d3d3d3; box-shadow:0 1px 1px #d3d3d3; height:22px; display:inline-block; position:relative; padding:0px 55px 0 8px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; font-size:12px; float:left; clear:both; overflow:hidden; -webkit-transition:all 0.3s linear; -moz-transition:all 0.3s linear; -o-transition:all 0.3s linear; transition:all 0.3s linear; } .sharrre .left{ line-height:22px; display:block; white-space:nowrap; text-shadow:0px 1px 1px rgba(255,255,255,0.3); color:#ffffff; -webkit-transition:all 0.2s linear; -moz-transition:all 0.2s linear; -o-transition:all 0.2s linear; transition:all 0.2s linear; } .sharrre .middle{ position:absolute; height:22px; top:0px; right:30px; width:0px; background:#63707e; text-shadow:0px -1px 1px #363f49; color:#fff; white-space:nowrap; text-align:left; overflow:hidden; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -webkit-transition:width 0.3s linear; -moz-transition:width 0.3s linear; -o-transition:width 0.3s linear; transition:width 0.3s linear; } .sharrre .middle a{ color:#fff; font-weight:bold; padding:0 9px 0 9px; text-align:center; float:left; line-height:22px; -webkit-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; -moz-box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; box-shadow:-1px 0px 1px rgba(255,255,255,0.4), 1px 1px 2px rgba(0,0,0,0.2) inset; } .sharrre .right{ position:absolute; right:0px; top:0px; height:100%; width:45px; text-align:center; line-height:22px; color:#4b5d61; background:#f1faf9; background:-webkit-gradient(linear,left top,left bottom,color-stop(#f1faf9,0),color-stop(#bacfd2,1)); background:-webkit-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-moz-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:-o-linear-gradient(top, #f1faf9 0%, #bacfd2 100%); background:linear-gradient(top, #f1faf9 0%, #bacfd2 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#f1faf9', endColorstr='#bacfd2',GradientType=0 ); } .sharrre .box:hover{ padding-right:130px; } .sharrre .middle a:hover{ text-decoration:none; } .sharrre .box:hover .middle{ width:90px; } h1{ padding-right: 15px; padding-left: 15px; } @media (min-width: 1200px) { .wrapper{ width:1312px; margin:0 auto; } .navbar-inverse{ width:990px; margin:0 auto; } .row, footer{ width:990px; margin:10px auto; } .row iframe{ width:990px; height:810px; margin:10px auto 0; } .row .contact iframe{ width:800px; height:665px; margin:10px auto 0; } .contact1{ display:block; } .contact2{ display:none; } footer .text-right{ margin-top:50px; } } @media (min-width: 990px) { .jumbotron{ width:990px; /*background:url(images/bg_main.jpg) no-repeat;*/ } .row .contact iframe{ width:800px; height:665px; margin:10px auto 0; } } @media (min-width: 768px) and (max-width: 991px) { h1{ padding-right: 0; padding-left: 0; } .row iframe{ width:100%; height:1540px; } .row .contact iframe{ width:100%; height:665px; margin:10px auto 0; } footer .text-right{ text-align: right; margin-top:50px; } footer .col-lg-6{ float: left; width: 50%; } .contact1{ display:none; } .contact2{ display:block; } } @media (min-width: 992px) and (max-width: 1199px) { h1{ padding-right: 0; padding-left: 0; } .row iframe{ width:990px; height:800px; } .row .contact iframe{ width:800px; height:665px; margin:10px auto 0; } footer .text-right{ text-align: right; margin-top:50px; } footer .col-lg-6{ float: left; width: 50%; } .contact1{ display:none; } .contact2{ display:block; } } @media (min-width: 768px) { .navbar-nav, .navbar-nav > li { float: right; } } @media (min-width: 768px) and (max-width: 991px) { footer .text-right{ width: 45%; float: right; margin-top: 10px; } footer .copyrights{ margin-bottom:10px; } } @media (max-width: 767px) { .footer-tnc{ float: left; text-align: left } h1{ padding-right: 0; padding-left: 0; } .row iframe{ width:100%; height:1540px; } .row .contact iframe{ width:100%; height:665px; margin:10px auto 0; } .row h1{ padding-left:20px; } .navbar-inverse { background: rgba(0, 0, 0, 0.85); /* browsers */ /*filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4c000000', endColorstr='#4c0000000'); IE */ border:none; } .contact1{ display:none; } .contact2{ display:block; } footer .text-right{ text-align: left; } footer .copyrights{ float:none; margin-left:0px; margin-bottom:15px; } /**SHARRE**/ #share_wrapper{ float:none; /*margin:80px 42% 0 42%;*/ } } @media screen and (max-width: 400px) { .thumbnail img{width:130px} }