Difference between revisions of "Template:UNAM-CU"

 
(33 intermediate revisions by the same user not shown)
Line 10: Line 10:
  
 
/* Change Background color*/
 
/* Change Background color*/
−
/*DONE*/
+
body {  
−
body {
+
 
background: linear-gradient(to right, #FFDE93, #FFE3C4);
 
background: linear-gradient(to right, #FFDE93, #FFE3C4);
 
}
 
}
Line 17: Line 16:
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
/* Creates a container that will wrap all of the content inside your wiki pages. */
 
#mainContainer {   
 
#mainContainer {   
 +
width: 100%;
 
overflow:hidden;
 
overflow:hidden;
−
float:left;
+
                                float:left;
−
margin-left:10px;
+
margin-left: 10px;
 +
                                margin-right: 10px;
 
margin-bottom: 10px;
 
margin-bottom: 10px;
−
border-radius: 10px;
+
background-color: #ffffff;
−
    background: #ffffff;
+
                                border-radius: 10px;
 
border-top: 14px solid #134A5B;
 
border-top: 14px solid #134A5B;
 +
                                border-bottom: 14px solid #134A5B;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
Line 30: Line 32:
 
#menuContainer  {  
 
#menuContainer  {  
 
float:left;
 
float:left;
−
width: 134px;
+
width: 15%;
−
padding: 20px 0px;
+
                                border-radius: 0px 0px 10px 0px;
−
background-color: #FFD776;
+
background-color: #FBA787;
 
}
 
}
  
Line 38: Line 40:
 
#contentContainer {
 
#contentContainer {
 
padding-top:20px;
 
padding-top:20px;
 +
                               
 
padding-right:10px;
 
padding-right:10px;
−
padding-left: 10px;
 
 
margin-bottom: 20px;
 
margin-bottom: 20px;
−
width: 814px;
+
width: 82%;
−
+
float: right;
−
float: left;
+
background-color: #fff;
−
background-color: #fff;  
+
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
}
 
}
  
−
/*Set up height place holder for the banner*/
+
#bannerContainer {
−
#bannerContainer {
+
 
width:100%;
 
width:100%;
 
text-align: center;
 
text-align: center;
Line 60: Line 60:
 
height:283px;
 
height:283px;
 
border-radius: 5px 50px;
 
border-radius: 5px 50px;
−
}
 
−
 
−
#navContainer img {
 
−
width:100%;
 
−
margin-bottom: 5px;
 
−
margin-top: 5px;
 
−
background-color: #E8E8E9;
 
−
border-radius: 10px;
 
 
}
 
}
  
Line 75: Line 67:
 
#mainContainer p {  
 
#mainContainer p {  
 
font-size: 13px;
 
font-size: 13px;
 +
                                text-align: justify;
 +
                                text-justify: inter-word;
 
color: #000000;
 
color: #000000;
−
text-align: justify;
 
−
                text-justify: inter-word;
 
 
}
 
}
 
 
 
/*This changes the color and font family */
 
/*This changes the color and font family */
−
#contentContainer h1 {
+
#contentContainer h1, h2, h3, h4, h5, h6 {  
−
color: #134A5B;
+
color: #565656;
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
font-size: 20px;
+
−
}
+
−
 
+
−
#contentContainer h2 {
+
−
color: #134A5B;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
font-size: 18px;
+
−
}
+
−
 
+
−
#contentContainer h3 {
+
−
color: #134A5B;
+
−
border-bottom: none;
+
−
font-weight: bold;
+
−
font-family: "Trebuchet MS", Helvetica, sans-serif;
+
−
margin-top:10px;
+
−
font-size: 16px;
+
−
}
+
−
 
+
−
#contentContainer h4 {  
+
−
color: #134A5B;
+
 
border-bottom: none;
 
border-bottom: none;
 
font-weight: bold;
 
font-weight: bold;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
font-family: "Trebuchet MS", Helvetica, sans-serif;
 
margin-top:10px;
 
margin-top:10px;
−
font-size: 14px;
 
 
}
 
}
  
Line 129: Line 93:
  
 
/*Change the styling of tables */
 
/*Change the styling of tables */
−
        #contentContainer table {
+
        #contentContainer table {
 
     border: 1px solid #565656;
 
     border: 1px solid #565656;
 
     border-collapse: collapse;
 
     border-collapse: collapse;
Line 163: Line 127:
 
/*Styling for the links in the menu */
 
/*Styling for the links in the menu */
 
#menuContainer a {
 
#menuContainer a {
−
color: #565656;
+
color: #134A5B;
 
text-decoration:none;
 
text-decoration:none;
 
font-weight: bold;
 
font-weight: bold;
Line 179: Line 143:
 
display: block;
 
display: block;
 
width: 100%;
 
width: 100%;
−
height:30px;
+
/*height:30px;*/
 
padding-top:10px;
 
padding-top:10px;
 +
                                padding-bottom:10px;
 
}
 
}
  
−
/*For the menu buttons, changes the color when hovering*/
+
/*For the menu buttons, changes the color when hovering*//*DONE*/
 
#menuContainer li:hover {
 
#menuContainer li:hover {
−
color:  #FFF;
+
color:  #FFFFFF;
−
background-color: #24B694;
+
background-color: #134A5B;
 
}
 
}
  
Line 208: Line 173:
 
/*Style the submenu buttons*/
 
/*Style the submenu buttons*/
 
#menuContainer li ul li{
 
#menuContainer li ul li{
−
background-color: #59BF92;  
+
/*background-color: #59BF92;*/
 
padding-left:20px;
 
padding-left:20px;
 
padding-right:20px;
 
padding-right:20px;
 
height:30px;
 
height:30px;
 
padding-top:10px;
 
padding-top:10px;
−
margin-top:-2px;
+
                                padding-bottom:10px;
 +
/*margin-top:-2px;*/
 
color: #565656;
 
color: #565656;
 
width: 150px;
 
width: 150px;
 
}
 
}
−
 
−
/*CLASSES */
 
−
 
−
/*Clear class for all the pages, adds spacing too*/
 
−
.clear{
 
−
clear:both;
 
−
height: 10px;
 
−
}
 
−
 
−
 
−
/* highlight box for special messages */
 
−
    .highlightBox {
 
−
        width:500px;
 
−
        margin:auto;
 
−
        background-color: #E8E8E9;
 
−
margin-bottom: 15px;
 
−
margin-top: 15px;
 
−
padding: 15px;
 
−
padding-top: 5px;
 
−
    }
 
  
  
Line 243: Line 189:
  
  
−
<!-- Start of the template html elements. -->
+
<div id="bannerContainer">
−
<!-- Banner diferente para contenido de la pagina-->
+
−
<div id="bannerContainer">
+
 
<img src="https://dl.dropboxusercontent.com/u/148930641/iGEM/banner.jpg">
 
<img src="https://dl.dropboxusercontent.com/u/148930641/iGEM/banner.jpg">
 
</div>
 
</div>
Line 276: Line 220:
  
 
</ul>
 
</ul>
 +
                                <center><img src="https://dl.dropboxusercontent.com/u/148930641/iGEM/bactulin.png" style="width:90%;"><center>
 
</div>
 
</div>
 
<!-- End of menu  -->
 
<!-- End of menu  -->

Latest revision as of 21:27, 30 September 2015