Team:TU-Eindhoven/CSS:BaseStyle

From 2013.igem.org

Revision as of 15:11, 6 August 2013 by Pascalaldo (Talk | contribs)
  1. contentSub, #search-controls, .firstHeading, #footer-box, #catlinks, #p-logo{

display:none; }

  1. top-section{

border: none; height: 0px; }

  1. content{

border: none; }

/* Removes "teams" from the menubar */

  1. menubar > ul > li:last-child{

display: none; } /* Resizes the menubar to fik the links (default is 400px) */

  1. menubar{

width: auto; } html,body { 

   height:100% !important;

} body { margin: 10px 0 0 0; padding: 0; 

       background-color: #FFFFFF;

}

  1. top-section{

width: 965px; height: 0; margin: 0 auto; padding: 0; border: none; }

  1. menubar{

font-size: 65%; top: -14px; } .left-menu:hover{ background-color: transparent; }

  1. menubar li a{

background-color: transparent; }

  1. menubar:hover{

color: white; }

  1. menubar li a{

color: transparent; }

  1. menubar:hover li a{

color: black; }

/* TU Eindhoven Style */

.tue-header{ 

   height: 220px;
   background: url('https://static.igem.org/mediawiki/2013/a/ad/TU-Eindhoven_logo.png') no-repeat center 20px;

}

.dropdown-menu{ 

   padding-top: 6px !important;

} .dropdown-menu li{ 

   display: block !important;
   width: 100% !important;

} .dropdown-menu li a{ 

   text-align: left !important;
   border-radius: 0px !important;

}

.editsection{ 

   font-size: 30% !important;

}

  1. toc{ 
   border: none;
   background: none;

} .tue-toc-well{ 

   float: right;
   margin-left: 18px;
   margin-bottom: 10px !important;

}

  1. toctitle h2{ 
   font-size: 11px;
   font-weight: bold;
   line-height: 20px;
   color: #999999;
   text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
   text-transform: uppercase;

}

  1. content{ 
   width: auto !important;
   max-width: 1000px;

}

  1. editform textarea{ 
   width: auto;

}

h1, h2, h3, h4 { 

   padding: 0px !important;
   border-bottom: 0px !important;

} .tue-content a { 

   color: #0088cc !important;

} a.btn { 

   color: #FFFFFF !important;

} a.tue-tooltip { 

   border-bottom: 1px #888888 dotted !important;
   color: #888888 !important;

} a.tue-tooltip:hover { 

   text-decoration: none !important;

}

.tue-imagespan-left { 

   float: left !important;
   margin-left: 0px !important;
   margin-right: 20px !important;

} .tue-imagespan-right { 

   float: right !important;

} ol.linenums { 

   margin-top: 0px !important;
   margin-bottom: 0px !important;

}

  1. bodyContent a[href^='mailto:'], .link-mailto { 
   background-image: none !important;

} .tue-inlineref { 

   color: #444444;

} .tue-reference { 

   display: none;

} .tue-refid { 

   display: none;

} .tue-refagain { 

   display: none;

} .tue-attribution-table td { 

   padding-top: 5px;

} .tue-float { 

   display: block !important;
   margin-bottom: 15px;

} .tue-float-left { 

   float: left;
   margin-left: 0px !important;
   margin-right: 20px !important;

} .tue-float-right { 

   float: right;
   margin-right: 0px !important;
   margin-left: 20px !important;

} .tue-float img { 

   width: 100%;

} .tue-caption { 

   border-bottom: 1px solid #CCCCCC;
   margin-top: 5px;

} .tue-caption-figure { 

   color: #666666;
   font-weight: bold;

} .tue-caption-text { 

   color: #666666;

} .tue-figref { 

   display: none;
   font-style: italic !important;

} table { 

   margin-top: 8px;
   margin-bottom: 8px;

} .tue-timeline-line { height: 100%; display: block; float: left; background-color: #CCCCCC; width: 10px; margin-right: 40px; margin-left: 20px; } .tue-timeline-title { display: block; height: 100%; } .tue-timeline-content { display: block; height: 100%; 

       float: left;
       margin-left: 80px;
       padding-bottom: 20px;

} .tue-timeline-top { display: block; height: 70px; 

       width: 100%;
       float: left;

} .tue-timeline-bottom { display: block; height: 40px; 

       float: left;
       width: 100%;
       margin-bottom: 20px;

} .tue-timeline-middle { display: block; float: left; width: 100%; 

       position: relative;

} .tue-timeline-top .tue-timeline-line { height: 100%; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .tue-timeline-bottom .tue-timeline-line { height: 40px; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; } .tue-timeline-node { display: block; float: left; text-align: center; width: 54px; height: 40px; overflow: hidden; position: relative; top: 0px; left: 0px; margin-right: -62px; padding: 3px; border: solid 1px #333333; 

       background-color: #333333;

color: #FFFFFF; -moz-border-radius-bottomright: 5px; border-bottom-right-radius: 5px; -moz-border-radius-bottomleft: 5px; border-bottom-left-radius: 5px; -moz-border-radius-topright: 5px; border-top-right-radius: 5px; -moz-border-radius-topleft: 5px; border-top-left-radius: 5px; } .tue-timeline-leftbar { display: block; float: left; width: 80px; 

       position: absolute;
       top: 0px;
       bottom: 0px;

} .tue-timeline-content h3 { 

   line-height: 30px;

} h2 { 

   font-size: 18pt !important;

} h3 { 

   font-size: 14pt !important;

} img.grayscale { 

   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0\'/></filter></svg>#grayscale"); /* Firefox 10+ */
   filter: gray; /* IE6-9 */
   -webkit-filter: grayscale(100%); /* Chrome 19+ & Safari 6+ */
   -webkit-transition: filter .6s ease; /* Fade to color for Chrome and Safari */
   -webkit-backface-visibility: hidden; /* Fix for transition flickering */
   opacity:0.7;
   filter:alpha(opacity=70);

}

img.grayscale:hover { 

   filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org/2000/svg\'><filter id=\'grayscale\'><feColorMatrix type=\'matrix\' values=\'1 0 0 0 0, 0 1 0 0 0, 0 0 1 0 0, 0 0 0 1 0\'/></filter></svg>#grayscale");
   -webkit-filter: grayscale(0%);
   opacity:1.0;
   filter:alpha(opacity=100);

}

.igemlogo { 

   float: right;
   width: 60px;
   height: 49px;
   margin-top: -60px;
   margin-bottom: 10px;

} .tue-upbutton { 

   float: right;
   position: relative;
   top: 10px;

} .tue-gototop-sticky { 

   position: fixed;
   bottom: 0px;
   right: 40px;
   background: #DEDEDE;
   padding: 10px;
   -moz-border-radius-topright: 5px;
   border-top-right-radius: 5px;
   -moz-border-radius-topleft: 5px;
   border-top-left-radius: 5px;
   display: none;

} .tue-gototop-sticky i { 

   opacity:0.6;
   filter:alpha(opacity=60);

} .tue-gototop-sticky a { 

   color: #555555;
   text-decoration: none;

} .tue-gototop-sticky a:hover { 

   color: #555555;
   text-decoration: none;

}

  1. top { 
   display: none;
   margin-top: -4px;

} .nav-tabs > li > a { 

   text-align: center !important;
   -webkit-border-radius: 4px 4px 4px 4px !important;
   -moz-border-radius: 4px 4px 4px 4px !important;
   border-radius: 4px 4px 4px 4px !important;

} .nav-tabs { 

   border-bottom: transparent 0px !important;
   /*width: 480px !important;*/
   margin: 10px auto !important;

} .nav-tabs > li { 

   /*width: 80px !important;*/

} .nav-tabs > .active > a, .nav-tabs > .active > a:hover, .nav-tabs > .active > a:focus, .nav-tabs > li > a:hover, .nav-tabs > li > a:focus { 

   border: 1px solid #FFFFFF !important;

} .nav-tabs > .active > a { 

   color: #FFFFFF !important;
   background: #333333 !important;

} .tue-social { 

   display: block !important;
   float: left !important;
   padding: 0px !important;

} .tue-menu-social { 

   height: 40px;
   overflow: hidden;

} .tue-social-div { 

   position: relative;
   top: 5px;
   left: 5px;

} .navbar .container { 

   width: 938px !important;

} .tue-sponsor { 

   width: 399px;
   background-color: #FFFFFF !important;
   float: left;

}

Retrieved from "http://2013.igem.org/Team:TU-Eindhoven/CSS:BaseStyle"