Team:UCLA/Template/css

From 2013.igem.org

(Difference between revisions)
 
(46 intermediate revisions not shown)
Line 3: Line 3:
}
}
 +
h1, h2, h3, h4, h5{
 +
font-family:Verdana;
 +
}
 +
 +
li{
 +
font-family:Verdana;
 +
}
/* Full page formatting */
/* Full page formatting */
Line 8: Line 15:
   background-attachment: fixed;  
   background-attachment: fixed;  
   background-repeat: repeat;
   background-repeat: repeat;
 +
  }
  }
#top-section { position: relative; height: 20px; width: 970px; }
#top-section { position: relative; height: 20px; width: 970px; }
Line 13: Line 21:
#container { margin: 15px 0px auto auto; width: 975px; }
#container { margin: 15px 0px auto auto; width: 975px; }
-
#top-panel { height: 200px; background-color: yellow; background-image: url("https://static.igem.org/mediawiki/2013/4/4b/Ucla_header.png"); }
+
#top-panel { height: 200px; background-color: yellow; background-image: url("https://static.igem.org/mediawiki/2013/4/4b/Ucla_header.png");}
#top-panel {  border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px}
#top-panel {  border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px}
-
#team {
+
 
-
background-image: url("http://thumbs2.modthesims.info/img/1/3/7/4/2/4/7/MTS_Adele-905840-adele_odetteBuildSet_stripedPaper2.jpg");
+
-
}
+
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
#contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
Line 41: Line 47:
   margin: 5px;
   margin: 5px;
}
}
 +
#nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;}  
#nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;}  
#nav { background-color: #0070B0; width: 1000px; list-style: none; }
#nav { background-color: #0070B0; width: 1000px; list-style: none; }
-
#nav { float: left; margin: 0px 0px auto -10px; z-index: 5; }
+
#nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
#nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
#nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
#nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
#nav a:hover { color: #D6D615; }
#nav a:hover { color: #D6D615; }
 +
 +
#nav ul{ background-color: #0070B0; }
 +
#nav ul li: hover ul.noJS{ display: block; }
#subnav { font-family: "Raleway", serif; font-size: 12px; color: black;}  
#subnav { font-family: "Raleway", serif; font-size: 12px; color: black;}  
-
#subnav { background-color: #FFD700; width: 1000px; list-style: none; }
+
#subnav { background-color: #FFD700; width: 980px; list-style: none; }
-
#subnav { float: left; margin: 0px 0px auto -20px; z-index: 5; }
+
#subnav { float: left; margin: 0px 0px auto -7px; z-index: 5; }
#subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
#subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
#subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; }
#subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; }
#subnav a:hover { color: #536895; }
#subnav a:hover { color: #536895; }
-
 
+
#subnav { border-radius:4px; }
#current { font-weight:900;}
#current { font-weight:900;}
 +
 +
#feature { background-color: #fff; height: auto; width: 980px; }
 +
#feature { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; margin-right: 50px; }
 +
 +
 +
 +
#bottom-panel{position: relative; height:200px; }
 +
 +
#reference{font-family:Verdana; font-size:10px; }

Latest revision as of 02:46, 29 April 2014

html{

 font-size: 18px; font-family: "Trebuchet MS", sans-serif;

}

h1, h2, h3, h4, h5{ font-family:Verdana; }

li{ font-family:Verdana; }

/* Full page formatting */ body#bg { background-image: url("http://upload.wikimedia.org/wikipedia/commons/8/82/SEM_blood_cells.jpg");

 background-attachment: fixed; 
 background-repeat: repeat;
}
  1. top-section { position: relative; height: 20px; width: 970px; }
  2. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo { display:none; }
  3. container { margin: 15px 0px auto auto; width: 975px; }
  1. top-panel { height: 200px; background-color: yellow; background-image: url("Ucla_header.png");}
  2. top-panel { border-radius: -20px 0px 0px 0px; box-shadow: 0px -2px 6px 2px #222; margin: -20px 5px 0px -5px}


  1. contentSub, #search-controls, .firstHeading, #catlinks, #p-logo{
 display:none; 

}

  1. container{
 margin: 15px 0px auto auto; 
 width: 975px; 

}

  1. globalwrapper{
 margin: 0px 0px auto auto; 

}

p{

 margin: 5px;
 font-family: Verdana;

}

h4{

 margin: 5px;

}


  1. nav { font-family: "Bubbler One", serif; font-size: 17px; color: white;}
  2. nav { background-color: #0070B0; width: 1000px; list-style: none; }
  3. nav { float: left; margin: 0px 0px auto -17px; z-index: 5; }
  4. nav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. nav a { display: block; padding: 5px 15px; text-decoration: none; color: white; border-style: none; }
  6. nav a:hover { color: #D6D615; }
  1. nav ul{ background-color: #0070B0; }
  2. nav ul li: hover ul.noJS{ display: block; }
  1. subnav { font-family: "Raleway", serif; font-size: 12px; color: black;}
  2. subnav { background-color: #FFD700; width: 980px; list-style: none; }
  3. subnav { float: left; margin: 0px 0px auto -7px; z-index: 5; }
  4. subnav li { float: left; margin: 0px 10px 0px -5px; position:relative; }
  5. subnav a { display: block; padding: 5px 15px; text-decoration: none; color: black; border-style: none; }
  6. subnav a:hover { color: #536895; }
  7. subnav { border-radius:4px; }
  8. current { font-weight:900;}
  1. feature { background-color: #fff; height: auto; width: 980px; }
  2. feature { border-radius: 5px 5px 5px 5px; box-shadow: 0px 2px 6px 2px #222; margin-right: 50px; }


  1. bottom-panel{position: relative; height:200px; }
  1. reference{font-family:Verdana; font-size:10px; }