Team:CIDEB-UANL Mexico/Templates/Menu

From 2012hs.igem.org

(Difference between revisions)
Line 140: Line 140:
/* Wiki Hacks - END */
/* Wiki Hacks - END */
-
 
-
body {
 
-
margin: 0;
 
-
padding: 0;
 
-
color: #333;
 
-
font-family: tahoma, arial;
 
-
font-size: 10px;
 
-
background-color: #030;
 
-
}
 
-
 
-
a {
 
-
color: #fff;
 
-
text-decoration: none;
 
-
font-size: 10px;
 
-
}
 
-
 
-
/* float clearing for IE6 */
 
-
* html .clearfix{
 
-
  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;
 
-
}
 
-
 
-
ul.top-menu-main {
 
-
  margin: auto;
 
-
  width: 800px;
 
-
}
 
-
 
-
ul.top-menu-main > li {
 
-
  margin: 0 10px;
 
-
}
 
-
 
-
.top-menu {
 
-
  font-family: "Arial Narrow", Georgia, Tahoma, arial;
 
-
  text-transform: uppercase;
 
-
  font-size: 14px;
 
-
  font-weight: bold;
 
-
  background: #fff;
 
-
  height: 37px;
 
-
  border-bottom: 1px solid #333;
 
-
}
 
-
 
-
.header {
 
-
width: 964px;
 
-
height: 203px;
 
-
margin: auto;
 
-
-moz-box-shadow: 0 0 8px #777;
 
-
-webkit-box-shadow: 0 0 8px #777;
 
-
box-shadow: 0 -5px 10px #777;
 
-
z-index: 0;
 
-
}
 
-
 
-
.content {
 
-
width: 964px;
 
-
margin: auto;
 
-
background-color: #FFF;
 
-
font-size: 12px;
 
-
z-index: 10;
 
-
text-align: center;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
 
-
.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;
 
-
}
 
-
 
-
.donate {
 
-
  padding: 5px;
 
-
  background: #cfcfcf;
 
-
  color: #333;
 
-
  -webkit-border-radius: 5px;
 
-
  -moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
 
 
-
}
 
-
.donate > div {
 
-
  padding: 10px;
 
-
  position: relative; float: left; width : 700px;
 
-
  font-style: italic;
 
-
}
 
-
 
-
.s-menu {
 
-
margin: 0;
 
-
padding: 0;
 
-
margin-top: 20px;
 
-
color: #036;
 
-
  text-decoration: none;
 
-
}
 
-
 
-
.s-menu li {
 
-
  text-decoration: none;
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
  -webkit-border-radius: 5px;
 
-
  -moz-border-radius: 5px;
 
-
  border-radius: 5px;
 
-
  cursor: pointer;
 
-
  text-align: center;
 
-
width: 180px;
 
-
}
 
-
 
-
.s-menu li.last {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
 
-
.s-menu li:hover {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
list-style-type: none;
 
-
}
 
-
 
-
.s-menu li a {
 
-
list-style-type: none;
 
-
width: 100px;
 
-
padding-top: 10px;
 
-
padding-bottom: 10px;
 
-
padding-left: 10px;
 
-
padding-right: 10px;
 
-
margin: 2px;
 
-
-webkit-border-radius: 5px;
 
-
-moz-border-radius: 5px;
 
-
border-radius: 5px;
 
-
cursor: pointer;
 
-
text-align: center;
 
-
color: #036;
 
-
font-size: 12px;
 
-
 
-
 
-
}
 
-
.s-menu li:hover a {
 
-
background: #cfcfcf;
 
-
color: #000;
 
-
text-align: center;
 
-
font-size: 12px;
 
-
}
 
-
 
-
 
-
 
-
.col-1-3 {
 
-
width: 200;
 
-
/*margin-right: 2%;*/
 
-
position: relative;
 
-
float: right;
 
-
font-size: 12px;
 
-
color: #FFF;
 
-
font-weight: bold;
 
-
text-decoration: none;
 
-
 
-
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
.sidebar1 {
 
-
float: left;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
 
-
.sidebar2 {
 
-
float: right;
 
-
width: 180px;
 
-
background: #EADCAE;
 
-
padding-bottom: 10px;
 
-
}
 
-
.content .main .clearfix .content2 {
 
-
text-align: justify;
 
-
width: 750px;
 
-
font-size: 14px;
 
-
border-left-color: #000;
 
-
}
 
-
.content .main .clearfix .content2 title {
 
-
font-size: 20px;
 
-
}
 
-
 
-
 
-
#footer-leftColumn {
 
-
float:left;
 
-
width:317px;
 
-
padding-left: 0px;
 
-
text-align: left;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-middleColumn {
 
-
float:left;
 
-
width:330px;
 
-
padding-left: 0px;
 
-
text-align: center;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#footer-rightColumn {
 
-
float:right;
 
-
width:260px;
 
-
padding-left: 0px;
 
-
text-align: right;
 
-
padding-top: 0;
 
-
padding-right: 0;
 
-
padding-bottom: 0;
 
-
}
 
-
 
-
#twitter-box {
 
-
text-align:center;
 
-
width: 200px;
 
-
 
-
}
 
-
 
-
#clustrmaps-widget {
 
-
text-align:center;
 
-
width:200px;
 
-
padding-left: 50px;
 
-
}
 
-
 
-
#leftColumn {
 
-
float:left;
 
-
width:700px;
 
-
text-align: justify;
 
-
padding-top: 10px;
 
-
padding-right: 0px;
 
-
padding-bottom: 0px;
 
-
padding-left: 0px;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
#rightColumn {
 
-
float:right;
 
-
width:200px;
 
-
text-align: center;
 
-
padding-top: 5px;
 
-
}
 
-
 
-
#social-div {
 
-
text-align: right;
 
-
float:right;
 
-
}
 
-
 
-
#twitter-top {
 
-
text-align: right;
 
-
 
-
}
 
-
 
-
#footer-middleColumn a {
 
-
color: #ffffff;
 
-
text-decoration:underline;
 
-
font-weight:bolder;
 
-
}
 
-
 
-
#youtube-frame {
 
-
text-align:center;
 
-
 
-
}
 
-
 
-
#leftColumn1 {
 
-
 
-
}
 
-
 
-
#ColorHeader {
 
-
background-color:#FFF;
 
-
color: #333;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 5;
 
-
font-family: "Arial Black";
 
-
font-size: 30px;
 
-
}
 
-
 
-
#project-column p {
 
-
background-color:#FFF;
 
-
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;
 
-
}
 
-
 
-
#content-project-column {
 
-
 
-
}
 
-
 
-
#About-column {
 
-
float:left;
 
-
width:320px;
 
-
padding-top: 15;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 15px;
 
-
}
 
-
#header-about-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;
 
-
}
 
-
 
-
#content-about-column {
 
-
 
-
}
 
-
 
-
#content-about-column p {
 
-
background-color:#FFF;
 
-
color:#000;
 
-
font-size: 15px;
 
-
font-family: Arial;
 
-
}
 
-
 
-
#content-about-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
}
 
-
 
-
 
-
#content-3 {
 
-
 
-
}
 
-
 
-
#header-content-3 {
 
-
background-color:#333;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
text-align:left;
 
-
}
 
-
 
-
#content-project-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
font-style: italic;
 
-
}
 
-
 
-
#outline-header {
 
-
background-color:#036;
 
-
color: #FFF;
 
-
padding-top: 5;
 
-
padding-right: 5;
 
-
padding-bottom: 5;
 
-
padding-left: 10px;
 
-
font-family: "Arial Black";
 
-
font-size: 16px;
 
-
}
 
-
 
-
#outline-content {
 
-
 
-
}
 
-
 
-
 
-
 
-
 
-
<!-- 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;
 
-
}
 
-
 
-
#left-column a {
 
-
color:#036;
 
-
font-size: 14px;
 
-
text-decoration:underline;
 
-
font-family: Tahoma;
 
-
font-weight: bolder;
 
-
font-style: italic;
 
-
}
 
-
 
-
 
-
 
-
<!-- TU_Delft ends here -->
 

Revision as of 17:39, 16 June 2012

Team: UANL_Mty-Mexico