Team:Tec-Monterrey/ITESM14 main.css

From 2014.igem.org

(Difference between revisions)
Line 1: Line 1:
 +
#globalWrapper {
#globalWrapper {
     font-family: 'Yanone Kaffeesatz';
     font-family: 'Yanone Kaffeesatz';
 +
    background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
}
}
 +
 +
a {
 +
  color:#46008b
 +
}
 +
 +
/*Accordion*/
 +
.panel .panel-heading{
 +
  background-color: #ff0070;
 +
  color: #ffffff;
 +
}
 +
.panel-title{
 +
  font-size: 1.5vw;
 +
  font-weight: 400;
 +
}
 +
.panel-body {
 +
  font-size: 1.2vw;
 +
}
 +
a:hover{
 +
text-decoration: none;
 +
}
 +
/* end accordion */
body {
body {
-
    font-family: 'Yanone Kaffeesatz';
+
  font-family: 'Yanone Kaffeesatz';
-
    background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
+
  background: url(https://static.igem.org/mediawiki/2014/4/44/ITESM14_background.png);
}
}
 +
/*Change selection color*/
 +
p::selection, h1::selection, em::selection, strong::selection, figcaption::selection, a::selection, tr::selection, td::selection, li::selection, th::selection, u::selection, sub::selection, i::selection{
 +
    background:#ff0070;
 +
    color:#ffffff;
 +
}
 +
p::-moz-selection, h1::-moz-selection, em::-moz-selection, strong::-moz-selection, figcaption::-moz-selection, a::-moz-selection,tr::-moz-selection, td::-moz-selection, li::-moz-selection, th::-moz-selection, u::-moz-selection, sub::-moz-selection, i::-moz-selection{
 +
    background:#ff0070;
 +
    color:#ffffff;
 +
}
/* Remove logo and search */
/* Remove logo and search */
Line 65: Line 97:
     font-size: 20px;
     font-size: 20px;
     font-weight: lighter;
     font-weight: lighter;
 +
text-align:justify;
}
}
 +
 +
#column{
 +
-webkit-column-count:2;/*Chrome & Safari*/
 +
-moz-column-count:2;/*Firefox*/
 +
column-count:2;
 +
-webkit-column-gap:3em;
 +
-moz-column-gap:3em;
 +
column-gap: 3em;
 +
}
 +
 +
#primers{
 +
list-style-type: none;
 +
font-size: 13.5px;
 +
font-weight: lighter;
 +
padding-left: 0px;
 +
}
 +
 +
table, td {
 +
  border-collapse:collapse;
 +
  padding-bottom: 3.5px;
 +
  padding-top: 3.5px;
 +
  padding-left: 10px;
 +
  padding-right: 10px;
 +
  font-size: 1.2vw;
 +
  font-weight: lighter;
 +
}
 +
td>strong{
 +
  font-weight: 400;
 +
  font-size: 1.3vw;
 +
}
 +
th {
 +
  padding: 0.5%;
 +
  background: #ffffff;
 +
  color:#ff0070;
 +
  font-size: 1.5vw;
 +
  font-weight: 400;
 +
}
 +
#ttitle{
 +
text-align:center;
 +
font-size:2.3vw;
 +
  font-weight: 700;
 +
}
 +
#tsubtitletd{
 +
border-bottom: 1px dotted black;
 +
}
 +
#tsubtitle2{
 +
border-top: 1px dotted black;
 +
border-bottom: 1px dotted black;
 +
}
.mypic {
.mypic {
     z-index: 2000;
     z-index: 2000;
Line 91: Line 173:
     position: relative;
     position: relative;
     padding-bottom: 56.25%;
     padding-bottom: 56.25%;
-
     padding-top: 30px; height: 0; overflow: hidden;
+
     padding-top: 30px;
-
}
+
    margin-bottom: 5%;  
 +
    height: 0;  
 +
}
   
   
.video-container iframe,
.video-container iframe,
Line 142: Line 226:
}
}
*/
*/
-
 
-
 
-
#wiki-footer h1 {
 
-
    font-size:1.8vw;
 
-
    color: #f4ff3b;
 
-
    background-color: #ff0060;
 
-
}
 

Revision as of 11:35, 12 October 2014

  1. globalWrapper { 
   font-family: 'Yanone Kaffeesatz';
   background: url(ITESM14_background.png);

}

a { 

  color:#46008b

}

/*Accordion*/ .panel .panel-heading{ 

 background-color: #ff0070;
 color: #ffffff;

} .panel-title{ 

 font-size: 1.5vw;
 font-weight: 400;

} .panel-body { 

 font-size: 1.2vw;

} a:hover{ 

text-decoration: none;

} /* end accordion */

body { 

 font-family: 'Yanone Kaffeesatz';
 background: url(ITESM14_background.png);

}

/*Change selection color*/ p::selection, h1::selection, em::selection, strong::selection, figcaption::selection, a::selection, tr::selection, td::selection, li::selection, th::selection, u::selection, sub::selection, i::selection{ 

   background:#ff0070;
   color:#ffffff;

} p::-moz-selection, h1::-moz-selection, em::-moz-selection, strong::-moz-selection, figcaption::-moz-selection, a::-moz-selection,tr::-moz-selection, td::-moz-selection, li::-moz-selection, th::-moz-selection, u::-moz-selection, sub::-moz-selection, i::-moz-selection{ 

   background:#ff0070;
   color:#ffffff;

}

/* Remove logo and search */ div#p-logo, div#search-controls { 

   display: none;

}

/* Center wiki-menu; set font & bg (as fallback) color */ div#top-section { 

   margin: 0px auto;
   width: auto;
   height: 20px;
   color: #d4c6b6;
   background: transparent;
   margin-top: 50px;

}

/* Set font and positions */ div#menubar { 

   font-size: 13px;
   line-height: 20px;

}

div#menubar.right-menu { 

   margin-right: 134px;
   float: right;
   display: none;

}

div#menubar.left-menu { 

   float: left;
   margin-left: 360px;
   display: none;

}

div#menubar li { 

   padding: 0px 5px;
   color: #FFFFFF;
   display: inline;

}

/* White on hover */ div#menubar a:hover { 

   color: ##f4ff3b;
   text-decoration: none;

}


/* Start header style =================================================== */

/* Hide page title (it would appear before the header) */ h1.firstHeading { 

   display: none;

}

  1. wiki-body p { 
   font-size: 20px;
   font-weight: lighter;

text-align:justify; }


  1. column{

-webkit-column-count:2;/*Chrome & Safari*/ -moz-column-count:2;/*Firefox*/ column-count:2; -webkit-column-gap:3em; -moz-column-gap:3em; column-gap: 3em; }

  1. primers{

list-style-type: none; font-size: 13.5px; font-weight: lighter; padding-left: 0px; }

table, td { 

  border-collapse:collapse;
  padding-bottom: 3.5px;
  padding-top: 3.5px;
  padding-left: 10px;
  padding-right: 10px;
  font-size: 1.2vw;
  font-weight: lighter;

} td>strong{ 

 font-weight: 400;
 font-size: 1.3vw;

} th { 

  padding: 0.5%;
  background: #ffffff;
  color:#ff0070;
  font-size: 1.5vw;
  font-weight: 400;

}

  1. ttitle{

text-align:center; font-size:2.3vw; 

 font-weight: 700;

}

  1. tsubtitletd{

border-bottom: 1px dotted black; }

  1. tsubtitle2{

border-top: 1px dotted black; border-bottom: 1px dotted black; } .mypic { 

   z-index: 2000;

}

.main-content { 

   z-index: -4;

}

.well { 

   z-index: -6;
   background-color: #ffffff;
   border: 0px;
   border-radius: 0px;

}

h1 { 

   color: #ff0060;

}

/*================ Hacer video resposivo ================*/

.video-container { 

   position: relative;
   padding-bottom: 56.25%;
   padding-top: 30px;
   margin-bottom: 5%; 
   height: 0; 
}

.video-container iframe, .video-container object, .video-container embed { 

   position: absolute;
   top: 30px;
   left: 0;
   width: 100%;
   height: 100%;

}

/*============= Fin video responsivo ==============*/


/*=================== Footer ===================*/


div#footer { 

   width: 920px;
   margin: 0px auto;
   padding: 0px 20px;
   text-align: center;

}

div#footer ul { 

  margin: 0;
  padding: 0;

}

div#footer li { 

   padding: 0px 5px;
   display: inline;

}


footer{ 

   height: 245px;
   position:relative;
   z-index:-2;
   background-color:#451d8e;

}

/*

  1. wiki-footer { 
   position:fixed;
   z-index:-1;
   bottom: 160;

}

  • /
Retrieved from "http://2014.igem.org/Team:Tec-Monterrey/ITESM14_main.css"