surfaces2018/public/style/style.css

547 lines
8.8 KiB
CSS

html{height: 100%;}
body
{ font-family: "lucida sans", arial, sans-serif;
padding: 0px;
margin: 0px;
background: #090708;
color: #5D5D5D;
}
body{
background-color: white;
}
p
{ margin: 0px;
padding: 0px 0px 16px 0px;
line-height: 1.7em;
font-size:18px;
color:black;
}
h1, h2, h3, h4, h5, h6
{ font: normal 179% 'century gothic', arial, sans-serif;
color: #43423F;
margin: 0 0 15px 0;
padding: 15px 0 5px 0;}
h1#welcome{
font-size:300%;
}
h2
{ font: normal 160% 'century gothic', arial, sans-serif;
color: #43423F;}
h3
{ font: normal 125% 'century gothic', arial, sans-serif;}
h4, h5, h6
{ margin: 0;
padding: 0 0 5px 0;
font: normal 120% arial, sans-serif;
color: #0AB6F6;}
h5, h6
{ font: italic 95% arial, sans-serif;
color: #888;}
h6
{ color: #362C20;}
a, a:hover
{
color: #635B53;
text-decoration: none;}
a:hover
{
color: #00C5EE;}
img
{ border: 0px;
margin: 0px;
padding: 0px;}
a
{ outline: none;}
form
{ padding: 0;
margin: 0;}
.left
{ float: left;
margin-right: 10px;}
.right
{ float: right;
margin-left: 10px;}
.center
{ display: block;
text-align: center;
margin: 0 auto;}
blockquote
{ margin: 20px 0px 20px 0px;
padding: 10px 20px 0px 20px;
border: 1px solid #E5E5DB;
background: #FFF;}
hr.separador{
width:50%;
border-top:1px solid #bbb;
}
#main, #logo, #menubar, #site_content, #footer
{ margin-left: auto;
margin-right: auto;}
#main
{ /*padding-bottom: 40px;*/}
#header
{ /*background: transparent url(logo.jpg) no-repeat;*/
/*background-color: #FC9C04;*/
}
.jumbotron{
margin-bottom: 0px;
background:transparent;
}
#logo
{ /*width: 860px;*/
/*position: relative*/
/*height: 200px;*/
/*height: 700px;*/
padding:10px 0px;
background:transparent;
}
#logo_text{
margin-top:20px;
margin-bottom:20px;
/*text-shadow: #444 0 1px 1px;*/
}
#logo_text h1.title{
text-shadow: #ccc 1px 1px 10px;
}
#logo_text h2.subtitle{
text-shadow: #333 2px 2px 1px;
}
h2#when{margin-top:10px!important;}
h2#where{
font-size: 220%!important;
}
#logo_text h1
{
font-size: 150%;
}
#logo_text h2{
font-size: 300%;
}
#logo h1, #logo h2
{ font: normal 300% 'century gothic', arial, sans-serif;
text-align:center;
border-bottom: 0;
text-transform: none;
margin: 0;
}
#logo_text h1 a:hover{
text-shadow: #333 1px 1px 10px;
}
#logo_text h1, #logo_text h1 a, #logo_text h1 a:hover
{ padding: 22px 0 0 0;
color: #FFF;
text-decoration: none;
text-shadow: #333 1px 1px 10px;
/*font-size: 60px;*/
border: 0;
font-weight: 700;
}
#logo_text h1 a .logo_colour
{ color: white;}
#logo_text a:hover .logo_colour
{ color: #FFF;}
#logo_text h1
{ font-size: 500%;}
#logo_text h2
{ font-size: 200%;
padding: 4px 0 0 0;
color: #fff;
}
@media screen and (max-width: 800px){
#logo_text h1{font-size:30px;}
#logo_text h2{font-size:20px!important;}
#logo_text h1 a .logo_init{font-size:60px;}
#logo_text h1 a .logo_colour{font-size:30px;}
.logo_colour{font-size:30px;}
}
#menubar
{
border-radius: 0px;
}
ul#menu{
font-size: 17px;
font-weight: 500;
}
ul#menu li a{
color:white;
letter-spacing: 0.1em;
font-family: sans-serif;
}
ul#menu li.active a, ul#menu li a:hover{
color: #69b4f7;
}
/*ul#menu
{
display: inline-block!important;
float: none!important;
}
#menubar div.container-fluid{
text-align: center;
}
ul#menu li
{ float: left;
margin: 5px 0 0 0;
padding: 0 0 0 0px;
list-style: none;
}
@media screen and (min-width: 768px){
ul#menu {
display: inline-block!important;
float: none!important;
margin-bottom: 7.5px;
margin-top: 7.5px;
}
}
ul#menu li a
{ letter-spacing: 0.1em;
font-family: sans-serif;
font-size: 120%;
display: block;
float: left;
height: 20px;
text-decoration: none;
padding: 9px 15px 5px 15px;
text-align: center;
color: #FFF;
border: none;}
ul.dropdown-menu{
margin:0px;
min-width:100px;
}
ul.dropdown-menu li{
background:none!important;
padding:0px!important;
}
ul.dropdown-menu li a{
border:none;
}
ul#menu li.selected a
{ height: 20px;
padding: 7px 15px 4px 15px;
}
ul#menu li.selected
{ margin: 2px 0 0 0;}
ul#menu li.selected a, ul#menu li.selected a:hover, ul#menu li a:active
{ color: #FC9C04;}
ul#menu li a:hover
{ color: #FC9C04;}
a.navbar-brand{
}*/
ul.comite li{
font-size:18px;
}
ul.comite li a{
text-decoration:none;
border-bottom: none;
}
ul.comite li a:hover{
border-bottom:none;
}
div.interest-links h4 a{
color:inherit;
border:none;
}
@media screen and (min-width: 1200px){
.container{
width:970px;
}
}
#site_content
{ /*width: 858px;
overflow: hidden;*/
margin: 0 auto 0 auto;
/*padding: 0px 15px 0px 30px;*/
/*background: #F6F6F0 url(back.png) repeat-y;*/
border: 15px solid #FFF;
}
.sidebar
{ /*float: right;
width: 190px;*/
padding: 15px 20px;
/*border: 1px solid;*/
background: #aaa;
}
#afiche{
display:block;
margin-top:15px;
margin-right: auto;
margin-left: auto;
height: 250px
}
#content
{
text-align: left;
}
.media-grid{
margin-top:15px!important;
}
#footer
{
font-family: 'trebuchet ms', sans-serif;
font-size: 90%;
padding: 20px 0 5px 0;
text-align: center;
background: aliceblue;
color: black;
text-transform: uppercase;
letter-spacing: 0.1em;
margin-top:50px;
}
#logos .row{
display: flex;
align-items: center;
flex-wrap: wrap;
}
#logos .thumbnail{
background: transparent;
border:none;
}
#logos h1{
text-align: left;
}
#logos .thumbnail img{
max-height:100px;
max-width:110px;
}
#logos .row{
flex-wrap:nowrap;
justify-content: space-between;
}
.row .thumbnail img.achicar-sponsor{
max-width: 50%;
}
#footer p
{ padding: 0;
color:black;
font-size: 12px;
}
#footer a, #footer a:hover
{ color: black;
text-decoration: none;}
#footer a:hover
{ text-decoration: underline;}
.search
{ color: #555;
border: 1px solid #DDD;
width: 134px;
padding: 5px;}
#registerform .control-label{
text-align: left;
}
.select2-selection, .select2-selection__rendered, .select2-selection__arrow{
height:34px!important;
line-height: 34px!important;
}
@media screen and (max-width: 768px) {
#logos .row{
flex-wrap:wrap;
}
#logos .thumbnail img{
max-height:100px;
max-width:100px;
}
}
@media screen and (max-width: 480px) {
.g-recaptcha {
transform:scale(0.87);
transform-origin:0 0;
}
}
div.map-responsive{
overflow:hidden;
padding-bottom:56.25%;
position:relative;
height:0;
}
div.map-responsive iframe{
left:0;
top:0;
height:100%;
width:100%;
position:absolute;
}
#programa{
padding-right: 20px;
}
#programa .nav-tabs li.active a{
border-color: #eee #eee #ddd;
/*text-decoration: none;*/
background-color: #eee;
color: #00C5EE;
}
section.categoria-programa article{
padding-top:20px;
}
section.categoria-programa h2.categoria-titulo{
margin-top:15px;
}
section.categoria-programa{
margin-right: 10px;
}
section.categoria-programa hr{
margin:0;
border-top:1px solid #999;
}
section.categoria-programa h1, h2, h3{
padding:10px 0;
margin:0;
}
section.categoria-programa h3.title{
font-size:16px;
font-weight: bold;
}
section.categoria-programa p{
font-size: 14px;
}
section.categoria-programa p.comment{
color:#777;
padding:0;
}
section.categoria-programa p.author{
font-weight: bold;
}
.js-video {
height: 0;
padding-top: 25px;
padding-bottom: 67.5%;
margin-bottom: 10px;
position: relative;
overflow: hidden;
}
.js-video.widescreen {
padding-bottom: 56.34%;
}
.js-video.vimeo {
padding-top: 0;
}
.js-video embed, .js-video iframe, .js-video object, .js-video video {
top: 0;
left: 0;
width: 100%;
height: 100%;
position: absolute;
}
dl.oradores dd{
font-weight: bold;
}
.filelink a {
border-bottom: none!important;
text-decoration: none!important;
font-weight: bold;
}
.filelink a:hover {
border-bottom: none!important;
text-decoration: none!important;
font-weight: bold;
}
.caption p{
font-size:15px;
text-align: justify;
}
.wrap p{
padding-top:0px;
padding-right: 15px;
padding-bottom: 0px;
padding-left:15px;
/*text-align: justify;*/
}
ul.float-shortcuts{
position:fixed;
bottom:0;
z-index:1030;
margin:0;
}
ul.float-shortcuts a{
background:black;
color:#FC9C04;
padding:6px;
}
@media screen and (max-width: 760px){
.wrap {
clear:both;
padding-top:15px;
}
}