Team:CIDEB-UANL Mexico/style

From 2013hs.igem.org

(Difference between revisions)
 
(37 intermediate revisions not shown)
Line 1: Line 1:
 +
{{:Team:CIDEB-UANL_Mexico/cssreset}}
 +
<html>
<html>
-
<head>
+
<head>    
-
 
+
-
 
+
-
        <!-- Include jQuery first. -->
+
-
<script type="text/javascript" src="http://www.asebiogen.org/igemuanl/jquery-1.3.2.min.js"></script>
+
-
 
+
-
 
+
-
       
+
Line 19: Line 14:
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
#globalWrapper { background-color: transparent; border: none; margin: 0; padding: 0; width: 100%; height:100%;}
-
#content { background-color: transparent; border: none; padding: 0; margin: 0; width: 100%; overflow: hidden; height:100%;}
+
#content { background-color: transparent; align: center; border: none; padding: 0; width: 95%; overflow: hidden; height:100%;}
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
#bodyContent { border: none; padding:0; margin:0; width:100%; height:100%;}
Line 30: Line 25:
     clear: none;
     clear: none;
}
}
 +
#menubar > ul > li:last-child {
 +
    display: none;}
#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
#top-section { height: 0px; margin: 0px; margin-left: auto; margin-right: auto; margin-bottom: 0 !important;
-
padding:0; border: none; font-size: 10px}
+
padding:0; border: none; font-size: 13px}
#p-logo { height:1px; overflow:hidden; display: none;}
#p-logo { height:1px; overflow:hidden; display: none;}
Line 42: Line 39:
.left-menu ul { border: none; }
.left-menu ul { border: none; }
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
#menubar.right-menu { width:300px; display:block; float:left; margin-top:-80px; border: none;}
-
.right-menu ul { border: none; width: 300px;}
+
.right-menu ul {border: none; width: 300px;}
*/
*/
Line 67: Line 64:
/* Wiki Hacks - END */
/* Wiki Hacks - END */
-
 
+
body{
-
body {
+
background:#555 url(https://static.igem.org/mediawiki/2013hs/9/91/Pattern.png) repeat top left;
-
margin: 0;
+
color:#000;
-
padding: 0;
+
font-family: 'PT Sans Narrow', Arial, sans-serif;
-
color: #333;
+
font-size:12px;
-
font-family: tahoma, arial;
+
overflow-y:scroll;
-
font-size: 10px;
+
-
background-image: url('https://static.igem.org/mediawiki/2013hs/9/91/Pattern.png');
+
}
}
-
 
+
a{
-
a {
+
color:#f0f0f0;
-
color: #fff;
+
text-decoration:none;
-
text-decoration: none;
+
-
font-size: 10px;
+
}
}
-
/* float clearing for IE6 */
+
h1{
-
* html .clearfix{
+
margin:0 0 13px 0;
-
  height: 1%;
+
-
  overflow: visible;
+
-
}
+
-
 
+
-
/* float clearing for IE7 */
+
-
*+html .clearfix{
+
-
  min-height: 1%;
+
-
}
+
-
 
+
-
/* float clearing for everyone else */
+
-
.clearfix:after{
+
-
clear: both;
+
-
content: ".";
+
-
display: block;
+
-
height: 0;
+
-
visibility: hidden;
+
-
font-size: 0;
+
-
color: #066;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.header {
+
-
width: 964px;
+
-
height: 203px;
+
-
margin: auto;
+
-
font-size: 50px;
+
-
color: #FFFFFF;
+
-
font-family: 'Londrina Solid', sans-serif;
+
-
text-align: left;
+
-
        padding-top:20px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
.content {
+
-
width: 964px;
+
-
margin: auto;
+
-
background-color: #FFF;
+
-
font-size: 12px;
+
-
z-index: 10;
+
-
text-align: center;
+
-
padding-bottom: 10px;
+
-
padding-top: 50px;
+
-
}
+
-
 
+
-
 
+
-
.content3 {
+
-
width: 950px;
+
-
margin: auto;
+
-
font-size: 10px;
+
-
border-bottom-color: #0C0;
+
-
color: #FFF;
+
-
text-align: center;
+
-
padding-top: 5px;
+
-
padding-right: 0px;
+
-
padding-bottom: 0;
+
-
padding-left: 0px;
+
-
}
+
-
 
+
-
.content .main {
+
-
padding-top: 0px;
+
-
padding-right: 10px;
+
-
padding-bottom: 10px;
+
-
padding-left: 10px;
+
-
}
+
-
 
+
-
 
+
-
 
+
-
#footer-leftColumn {
+
float:left;
float:left;
-
width:317px;
+
clear:both;
-
padding-left: 0px;
+
font-size:34px;
-
text-align: left;
+
padding:12px;
-
padding-top: 0;
+
text-shadow:0px 0px 1px #000;
-
padding-right: 0;
+
color:#f8f8f8;
-
padding-bottom: 0;
+
font-family:'News Cycle', Georgia, serif;
}
}
-
 
+
h1 span{
-
#footer-middleColumn {
+
color:#e3cbfe;
-
float:left;
+
text-align:right;
-
width:330px;
+
font-size:25px;
-
padding-left: 0px;
+
padding:0 10px;
-
text-align: center;
+
-
padding-top: 0;
+
-
padding-right: 0;
+
-
padding-bottom: 0;
+
}
}
-
 
+
h2{
-
#footer-rightColumn {
+
float:right;
float:right;
-
width:260px;
+
color:#bda2dc;
-
padding-left: 0px;
+
padding:30px 20px 0 0;
-
text-align: right;
+
-
padding-top: 0;
+
-
padding-right: 0;
+
-
padding-bottom: 0;
+
}
}
-
 
+
.content{
-
 
+
width:100%;
-
 
+
position:relative;
-
#leftColumn {
+
margin:20px 0 0 0;
-
float:left;
+
clear:both;
-
width:925px;
+
-
text-align: justify;
+
-
font-size: 20px;
+
-
font-family: 'Dosis', sans-serif;
+
-
padding: 10px;
+
}
}
-
 
+
/* Footer Style */
-
#rightColumn {
+
.topbar{
-
float:right;
+
position:relative;
-
width:200px;
+
width:100%;
-
text-align: center;
+
height:25px;
-
padding-top: 5px;
+
line-height:24px;
 +
bottom:0;
 +
font-size:13px;
 +
background:#000;
 +
opacity:0.7;
 +
text-transform:uppercase;
 +
font-family: 'PT Sans Narrow', Arial, sans-serif;
 +
z-index:4;
}
}
-
 
+
.topbar a{
-
 
+
padding:5px 10px;
-
 
+
letter-spacing:1px;
-
 
+
text-shadow:1px 1px 1px #000;
-
 
+
color:#ddd;
-
#footer-middleColumn a {
+
text-align:right;
-
color: #ffffff;
+
-
text-decoration:underline;
+
-
font-weight:bolder;
+
}
}
-
 
+
.topbar a:hover{
-
 
+
color:#fff;
-
 
+
-
#leftColumn1 {
+
-
+
}
}
-
 
+
.topbar a span{
-
#ColorHeader {
+
font-weight:bold;
-
background-color:#FFF;
+
-
color: #333;
+
-
padding-top: 5;
+
-
padding-right: 5;
+
-
padding-bottom: 5;
+
-
padding-left: 5;
+
-
font-family: 'Londrina Solid', sans-serif;
+
-
font-size: 50px;
+
}
}
-
 
+
.topbar span.right_ab{
-
#project-column p {
+
position:absolute;
-
background-color:#FFF;
+
right:4px;
-
color:#000;
+
-
font: Tahoma;
+
-
font-size: 14px;
+
}
}
-
 
-
#project-column {
 
-
width:340px;
 
-
padding-top: 15;
 
-
padding-right: 15;
 
-
padding-bottom: 5;
 
-
padding-left: 0;
 
-
float: left;
 
-
}
 
-
 
-
#header-project-column {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
 
-
 
-
<!-- TU_Delft stqrts here -->
 
-
 
-
 
-
 
-
#TUD-footer-content div {
 
-
line-height: 12px;
 
-
}
 
-
 
-
 
-
 
-
.br {
 
-
height: 5px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
.br2 {
 
-
height: 2px;
 
-
width: 100%;
 
-
margin: 0;
 
-
padding: 0;
 
-
overflow: hidden;
 
-
}
 
-
 
-
 
-
 
-
 
-
 
-
.TUD-footer-title {
 
-
font-weight: bold;
 
-
color: #019aed;
 
-
}
 
-
 
-
#TUD-footer-search form {
 
-
margin: 0;
 
-
padding: 0;
 
-
font-size: 10px;
 
-
}
 
-
 
-
#TUD-footer-search form #searchInput {
 
-
background-color: #4db7f1;
 
-
border: 1px solid #000;
 
-
width: 100%;
 
-
}
 
-
 
-
#TUD-footer-search form .searchButton {
 
-
margin-top: 4px;
 
-
font-size: 11px;
 
-
background-color: #266c96;
 
-
border: 1px solid #000;
 
-
color: #4db7f1;
 
-
padding: 2px;
 
-
}
 
-
 
-
 
-
 
-
<!-- TU_Delft ends here -->
 
-
 
-
 
</style>
</style>

Latest revision as of 05:49, 21 June 2013