Team:Dundee/style.css

body { background: #606060; color: #FFF;


   /*background: -webkit-linear-gradient(#606060, #121212);
   background:    -moz-linear-gradient(#606060, #121212);
   background:         linear-gradient(#606060, #121212);*/

} h1, h2, h3, h4, h5, h6, p { font-family: 'Duru Sans', Open Sans Light; }

h3 { color:#FFF; font-size: 25px; }

header { background:url(../img/bg-header.png) no-repeat; height:700px; width:100%; padding-top:50px; color: #fff; } header h1 { font-size: 60px; margin-top: 120px; }

  1. about {

padding-top: 50px; padding-bottom: 0px; }

  1. about .row {

margin-bottom: 50px; text-align: center; }

  1. about .glyphicon {

font-size: 32px; color: #FFFFFF; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; }

  1. about h3 {

margin-bottom: 20px; }

  1. about .glyphicon {

-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s;

}

  1. about .col-md-3:hover .glyphicon {

border: 1px solid #E8E8E8; background: #E8E8E8; color: #585858; }

  1. about2 {

padding-top: 180px; padding-bottom: 50px; background: #eaeaea; text-align: right;

-moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; }

  1. about2 .glyphicon {

font-size: 32px; color: #585858; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; text-align: center; }

.about-content { color: #CCC; }

  1. submenu-gradient {

background: yellow; }

  1. about3 {

/*background-color: rgba(0,0,0,0);*/ /*background-image:

   	radial-gradient(
    		#969696,
     		#626262
   );

/*background: url(../img/bg-about.jpg) no-repeat;*/ padding-top: 40px; padding-bottom: 40px; color: #ffffff; }

  1. about3 .glyphicon {

font-size: 22px; margin-bottom: 10px; background-color: #333333; width: 80px; border-radius: 100%; padding:28px; text-align: center; }

  1. about3 .row {

margin-bottom: 40px; }

  1. about3 .feature {

padding-top: 50px; }

  1. about3 h4 {

font-weight: bold; }

  1. sponsor {

/*background: url(../img/bg-sponsor.jpg);*/ padding-top: 40px; padding-bottom: 60px; color: #ffffff; text-align: center; }

  1. sponsor .row {

margin-bottom: 40px; }

  1. sponsor .space {

margin-bottom: 40px; } .igem-sponsor { height: 100px; width: auto; } footer { background: #333333; padding-top: 40px; padding-bottom: 40px; color: #ffffff; font-weight: 100; } footer h4 { margin-bottom: 30px; }

  1. copyright {

padding-bottom: 20px; padding-top: 20px; background: #222222; color: #ffffff; text-align: center; } @media only screen and (max-width: 480px) { .btn-lg { margin-bottom: 10px; } #about .row .col-md-3 { margin-bottom: 30px; } #about2, #about3 .btn { width: 100%; } #about3 .img-mockup { display: none; } #about3 { text-align: center; } #about-section1 { text-align:center; }

}

  1. nav.affix {
   position: fixed;
   top: 0;
   width: 100%;
   z-index:10;

}

  1. page-wrap {
    max-width: 1280px;
    margin: 0 auto;

}


/* PAGE; TOPIC 1 */

  1. about-section1 {

background: url() no-repeat; padding-top: 40px; padding-bottom: 40px; padding-top: 50px; padding-bottom: 50px; } headert1 { background:url(../img/bg-header.jpg) no-repeat; height:700px; width:100%; padding-top:50px; color: #fff; }

/* VIDEO */

.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 60px; overflow: hidden; }


.responsive-video iframe, .responsive-video object, .responsive-video embed { position: absolute; top: 0; left: 20%; width: 60%; height: 55%; }

/** BUTTON NAVIGATION ANCHORS. PREVENTS OVERLAP OF NAVBAR ON TOP OF CONTENT **/ a.anchor { display: block; position: relative; top: -100px; visibility: hidden; }

a.anchorselection { display: block; position: relative; top: -45px; visibility: hidden; } /** PAGE NAVIGATION BUTTONS (EXCLUDING HOMEPAGE) **/

  1. menu {

padding-top: 50px; padding-bottom: 0px; text-decoration:none!important; }

  1. menu .row {

margin-bottom: 50px; text-align: center; }

  1. menu:hover {

-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; color: blue;

}

  1. menu .fa {

-webkit-transition:0.3s; -moz-transition:0.3s; -o-transition:0.3s; transition:0.3s; font-size: 32px; color: #FFFFFF; margin-bottom: 10px; border: 1px solid #AAA; width: 80px; border-radius: 100%; padding-top: 22px; padding-bottom: 22px; } .fa {

 position: relative;
 top: 1px;
 display: inline-block;
 -webkit-font-smoothing: antialiased;
 font-style: normal;
 font-weight: normal;
 line-height: 1;
 -moz-osx-font-smoothing: grayscale;

}

  1. menu .col-md-3:hover .fa {

border: 1px solid #E8E8E8; background: #E8E8E8; color: #585858; }

  1. menu a {

text-decoration:none !important; }

  1. about-section1 {

background: teal; }



/***** MODAL PROPERTIES *****/

.modal-content {
   -webkit-box-shadow: none;
   box-shadow: none;
   background:transparent;
   border:none;
   outline:none;

} .modal-content iframe {

   border:none;
   padding:0;
   margin:0;

} .close {

   font-size: 50px;
   margin:-20px 0 0 0;

} /***** MEDIA QUERIES *****/

@media only screen and (max-width: 641px) {
   /***** MODAL PROPERTIES *****/
   .modal-body {
       height:100px;
       padding:0;
       margin: 0;
   }
   .modal-content {
       padding:0;
       margin: 0;
   }
   .modal-dialog {
       position: relative;
       width: auto;
       margin: 15px;
   }
   .close {
       margin:-12px 0 0 0;
   }

} @media only screen and (min-width: 768px) {

   /***** MODAL PROPERTIES *****/
   .close {
       font-size: 80px;
       margin:30px -43px -20px 100px;
   }

}