@import url(http://fonts.googleapis.com/css?family=EB+Garamond); .clearfix { clear: both; } .garmond { font-family: 'EB Garamond', serif; } body { background-color: #f3f1ea; background-image: url('../images/ecailles.png'); } #page-wrapper { width: 960px; margin: 25px auto 10px; padding: 0 0 35px 0; background: #ffffff; -webkit-box-shadow: 0 0 10px 2px #cccccc; -moz-box-shadow: 0 0 10px 2px #cccccc; -o-box-shadow: 0 0 10px 2px #cccccc; box-shadow: 0 0 10px 2px #cccccc; /*remove later*/ min-height: 700px; } #main-nav .navbar-default { background: #ffffff; border: none; margin-bottom: 0px; } #main-nav { font-family: 'EB Garamond', serif; font-weight: 15px; } #main-nav a { -webkit-transition: color .5s ease-out 0s; -moz-transition: color .5s ease-out 0s; -o-transition: color .5s ease-out 0s; transition: color .5s ease-out 0s; } #main-nav .navbar-default .navbar-nav > .active > a { background: #ffffff; font-weight: bold; } #header{ height: 300px; background: url("../images/jumbo_bg.jpg"); background-attachment: fixed; color: #ffffff; } #header h1, #header h2, #header h3, #header h4, #header h5, #header h6 { margin: 0; padding: 0; } #header #stage { position: relative; top: 60px; text-align: center; } #stage #scipy-logo, #stage #shout, #stage #subtle { margin-bottom: 5px; } #stage #shout { text-shadow: 0 0 3px #ffffff; } #stage #subtle { font-family: 'EB Garamond', serif; } #stage .btn-default { background: none; color: #ffffff; border: 1px solid #ffffff; margin-right: 10px; margin-left: 10px; } #stage .btn-default:hover { background: #ffffff; color: #4d4d4d; border: 1px solid #4d4d4d; } #speakers .thumbnail:hover { -webkit-box-shadow: 0 0 7px #cccccc; -moz-box-shadow: 0 0 7px #cccccc; -o-box-shadow: 0 0 7px #cccccc; box-shadow: 0 0 7px #cccccc; } #footer-wrapper { width: 960px; margin: 0 auto 25px; color: #737373; } #footer a { color: #737373; } #footer a:hover { color: #333333; } #social { position: fixed; right: 15px; top: 50%; -webkit-transform: translateY(-50%); -moz-transform: translateY(-50%); -o-transform: translateY(-50%); transform: translateY(-50%); background: #ffffff; display: inline-block; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; -webkit-box-shadow: 0 0 3px #cccccc; -moz-box-shadow: 0 0 3px #cccccc; -o-box-shadow: 0 0 3px #cccccc; box-shadow: 0 0 3px #cccccc; } #social ul { list-style-type: none; margin: 0; padding: 5px; } #social ul li { padding: 3px 0; } #social img { width: 25px; } #page-header { height: 100px; background: url("../images/jumbo_bg.jpg"); background-attachment: fixed; color: #ffffff; } #page-header #stage { position: relative; top: 25px; padding: 10px; } #page-header #brand { display: inline; position: relative; top: 3px; left: 2px; } #page-header #current { text-shadow: 0 0 2px #ffffff; } #page-content { margin-top: 35px; } #page-content .col-md-9 { min-height: 400px; } .nav-group li a { position: relative; display: block; padding: 10px 15px; margin-bottom: -1px; background-color: #fff; border: 1px solid #ddd; color: #777777; } .nav-group li:first-child a { border-top-left-radius: 4px; border-top-right-radius: 4px; } .nav-group li:last-child a { border-bottom-left-radius: 4px; border-bottom-right-radius: 4px; } .nav-group li.active a { background: #f5f5f5; } @media (min-width: 979px) { #sidebar .nav-group.affix { width:210px !important; top: 10px; } } #page-content h2 { /* fix first h2*/ margin-top: 0; } #speakers .thumbnail { height: 265px; } #speakers hr { margin-top: 10px; margin-bottom: 10px; } #speakers .extras { text-align: center; } #speakers .extras .bio { border-right: 1px solid #eeeeee; } #sponsors { padding: 10px 15px 20px; margin: 10px 0 10px 0; text-align: center; background: #fafafa; border: 1px solid #cccccc; -webkit-border-radius: 5px; -moz-border-radius: 5px; -o-border-radius: 5px; border-radius: 5px; } #sponsors img { margin-top: 10px; } #twitter-widget-0 { height: 265px; } /* form section */ .errorlist { margin: 0; } .red-star { color: tomato; } .tab-content { padding: 10px; border: 1px solid #dddddd; border-top: none; } .well { position: relative; text-align: left; } .well #welcome { position: absolute; top: 0; left: 0; } .well #logout { position: absolute; top: 0; right: 0; } .well .panel { margin-top: 15px; -webkit-box-shadow: 0 0 10px #cccccc; -moz-box-shadow: 0 0 10px #cccccc; -o-box-shadow: 0 0 10px #cccccc; box-shadow: 0 0 10px #cccccc; } #proposal-form textarea { height: 100px; }