Team:Tec-Monterrey/ITESM14 main.css
From 2014.igem.org
Ejzardainc (Talk | contribs) |
Ejzardainc (Talk | contribs) |
||
(33 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | |||
#globalWrapper { | #globalWrapper { | ||
font-family: 'Yanone Kaffeesatz'; | font-family: 'Yanone Kaffeesatz'; | ||
Line 6: | Line 5: | ||
a { | a { | ||
- | color:#46008b | + | color:#46008b; |
+ | } | ||
+ | a:hover{ | ||
+ | text-decoration: none; | ||
+ | font-weight:400; | ||
+ | color:#36d8c5; | ||
} | } | ||
Line 21: | Line 25: | ||
font-size: 1.2vw; | font-size: 1.2vw; | ||
} | } | ||
- | + | ||
- | + | ||
- | + | ||
/* end accordion */ | /* end accordion */ | ||
Line 100: | Line 102: | ||
} | } | ||
+ | #wiki-content ul > li { | ||
+ | font-size: 20px; | ||
+ | font-weight: lighter; | ||
+ | line-height: 2em; | ||
+ | } | ||
#column{ | #column{ | ||
Line 116: | Line 123: | ||
padding-left: 0px; | padding-left: 0px; | ||
} | } | ||
+ | |||
+ | #list{ | ||
+ | padding-left:0px; | ||
+ | list-style-type:none; | ||
+ | text-align:center; | ||
+ | } | ||
+ | |||
+ | #other-table th{ | ||
+ | background-color: #ff0070; | ||
+ | color: #ffffff; | ||
+ | text-align:center; | ||
+ | border-left: 5px double white; | ||
+ | border-right: 5px double white; | ||
+ | border-bottom: 5px double white; | ||
+ | border-top: 5px double white; | ||
+ | font-size: 1.5vw; | ||
+ | font-weight: 400; | ||
+ | |||
+ | } | ||
+ | |||
+ | #other-table td{ | ||
+ | vertical-align:top; | ||
+ | border-bottom: 2px dotted; | ||
+ | text-align:left; | ||
+ | padding-left: 15px; | ||
+ | font-size: 1.2vw; | ||
+ | font-weight: lighter; | ||
+ | } | ||
- | table, td { | + | table,td{ |
border-collapse:collapse; | border-collapse:collapse; | ||
padding-bottom: 3.5px; | padding-bottom: 3.5px; | ||
- | padding-top: | + | padding-top: 5px; |
padding-left: 10px; | padding-left: 10px; | ||
padding-right: 10px; | padding-right: 10px; | ||
font-size: 1.2vw; | font-size: 1.2vw; | ||
font-weight: lighter; | font-weight: lighter; | ||
+ | vertical-align:top; | ||
} | } | ||
td>strong{ | td>strong{ | ||
Line 149: | Line 185: | ||
border-bottom: 1px dotted black; | border-bottom: 1px dotted black; | ||
} | } | ||
+ | |||
.mypic { | .mypic { | ||
z-index: 2000; | z-index: 2000; | ||
Line 189: | Line 226: | ||
/*============= Fin video responsivo ==============*/ | /*============= Fin video responsivo ==============*/ | ||
+ | |||
+ | /*============= Modulos pagina de inicio ==========*/ | ||
+ | |||
+ | #modulos h1 { | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | color: #f4ff3b; | ||
+ | font-weight: 700; | ||
+ | font-size: 2.2vw; | ||
+ | border-bottom: 3px solid; | ||
+ | margin-top: 0px; | ||
+ | } | ||
+ | #modulos .texto-modulos p { | ||
+ | color: #ffffff; | ||
+ | font-weight:300; | ||
+ | font-size:1.6vw; | ||
+ | text-align: center; | ||
+ | padding-top: 100px; | ||
+ | } | ||
+ | #modulos .texto-modulos{ | ||
+ | height: 100%; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | background-color: rgba(0,0,0,0.3); | ||
+ | opacity: 0; | ||
+ | -webkit-transition: opacity 500ms; | ||
+ | -moz-transition: opacity 500ms; | ||
+ | -o-transition: opacity 500ms; | ||
+ | transition: opacity 500ms; | ||
+ | } | ||
+ | #modulos .texto-modulos:hover { | ||
+ | opacity: 1; | ||
+ | } | ||
+ | |||
Line 215: | Line 286: | ||
height: 245px; | height: 245px; | ||
position:relative; | position:relative; | ||
- | z-index: | + | z-index:20; |
background-color:#451d8e; | background-color:#451d8e; | ||
} | } | ||
- | + | div#footer-box { | |
- | # | + | background-color: #451d8e; |
- | + | } | |
- | + | ||
- | + | div#footer { | |
+ | width: auto; | ||
+ | margin: 0px auto; | ||
+ | padding: 0px 20px; | ||
+ | text-align: center; | ||
+ | } | ||
+ | |||
+ | div#footer ul { | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | div#footer li { | ||
+ | padding: 0px 5px; | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | div#footer li#t-recentchangeslinked { | ||
+ | display: none; | ||
+ | } | ||
+ | |||
+ | div#footer-box a { | ||
+ | color: #FFFFFF; | ||
+ | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | div#footer-box a:hover { | ||
+ | text-decoration: underline; | ||
+ | } | ||
+ | |||
+ | div#footer div#f-poweredbyico { | ||
+ | margin-top: 3px; | ||
+ | float: right; | ||
+ | } | ||
+ | |||
+ | div#footer div#f-copyrightico { | ||
+ | margin-top: 3px; | ||
+ | float: left; | ||
} | } | ||
- |
Latest revision as of 02:27, 18 October 2014
- globalWrapper {
font-family: 'Yanone Kaffeesatz'; background: url();
}
a {
color:#46008b;
} a:hover{
text-decoration: none; font-weight:400; color:#36d8c5;
}
/*Accordion*/ .panel .panel-heading{
background-color: #ff0070; color: #ffffff;
} .panel-title{
font-size: 1.5vw; font-weight: 400;
} .panel-body {
font-size: 1.2vw;
}
/* end accordion */
body {
font-family: 'Yanone Kaffeesatz'; background: url();
}
/*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;
}
- wiki-body p {
font-size: 20px; font-weight: lighter;
text-align:justify; }
- wiki-content ul > li {
font-size: 20px; font-weight: lighter; line-height: 2em;
}
- 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; }
- list{
padding-left:0px; list-style-type:none; text-align:center; }
- other-table th{
background-color: #ff0070; color: #ffffff; text-align:center; border-left: 5px double white; border-right: 5px double white; border-bottom: 5px double white; border-top: 5px double white; font-size: 1.5vw; font-weight: 400; } #other-table td{ vertical-align:top; border-bottom: 2px dotted; text-align:left; padding-left: 15px; font-size: 1.2vw; font-weight: lighter; }
table,td{
border-collapse:collapse; padding-bottom: 3.5px; padding-top: 5px; padding-left: 10px; padding-right: 10px; font-size: 1.2vw; font-weight: lighter; vertical-align:top;
} 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 {
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 ==============*/
/*============= Modulos pagina de inicio ==========*/
- modulos h1 {
position: absolute; top: 0; color: #f4ff3b; font-weight: 700; font-size: 2.2vw; border-bottom: 3px solid; margin-top: 0px;
}
- modulos .texto-modulos p {
color: #ffffff; font-weight:300; font-size:1.6vw; text-align: center; padding-top: 100px;
}
- modulos .texto-modulos{
height: 100%; position: absolute; top: 0; background-color: rgba(0,0,0,0.3); opacity: 0; -webkit-transition: opacity 500ms; -moz-transition: opacity 500ms; -o-transition: opacity 500ms; transition: opacity 500ms;
}
- modulos .texto-modulos:hover {
opacity: 1;
}
/*=================== 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:20; background-color:#451d8e;
}
div#footer-box {
background-color: #451d8e;
}
div#footer {
width: auto; margin: 0px auto; padding: 0px 20px; text-align: center;
}
div#footer ul {
margin: 0; padding: 0;
}
div#footer li {
padding: 0px 5px; display: inline;
}
div#footer li#t-recentchangeslinked {
display: none;
}
div#footer-box a {
color: #FFFFFF; font-size: 12px;
}
div#footer-box a:hover {
text-decoration: underline;
}
div#footer div#f-poweredbyico {
margin-top: 3px; float: right;
}
div#footer div#f-copyrightico {
margin-top: 3px; float: left;
}