Team:UCLA/Template/CSS
From 2014.igem.org
(Difference between revisions)
Anuvedverma (Talk | contribs) |
Anuvedverma (Talk | contribs) |
||
Line 18: | Line 18: | ||
h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | h1, h2, h3, h4, h5 { font-family: Georgia, Times, "Times New Roman", serif;} | ||
+ | |||
+ | #centercontainer { margin: auto; text-align: center; width: 100%}/* CENTERING CONTAINER: Used for centering three content boxes */ | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
background-color: #383838; | background-color: #383838; | ||
Line 239: | Line 241: | ||
-moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | ||
box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.35); | ||
- | |||
- | |||
- | |||
- | |||
- | |||
- | |||
} | } | ||
.content { | .content { | ||
Line 262: | Line 258: | ||
box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.35); | ||
} | } | ||
+ | #box5 { | ||
+ | text-align: left; | ||
+ | } | ||
+ | #box6 { text-align: left;} | ||
+ | #box7 {text-align: left;} | ||
.boxgridMedium { | .boxgridMedium { | ||
width: 298px; | width: 298px; | ||
height: 435px; | height: 435px; | ||
- | + | margin: 0px auto; | |
} | } | ||
.boxgrid { | .boxgrid { | ||
Line 327: | Line 328: | ||
width: 200px; | width: 200px; | ||
height: 80%; | height: 80%; | ||
- | z-index: | + | z-index: 10; |
overflow: hidden; | overflow: hidden; | ||
} | } | ||
Line 336: | Line 337: | ||
width: 2px; | width: 2px; | ||
height: 65%; | height: 65%; | ||
- | z-index: | + | z-index: 100; |
} | } | ||
.spiderbutton{ | .spiderbutton{ | ||
Line 423: | Line 424: | ||
top:0; | top:0; | ||
/*background:#550D00;*/ | /*background:#550D00;*/ | ||
- | background: # | + | background: #D8B67F; |
z-index:10; | z-index:10; | ||
} | } | ||
Line 430: | Line 431: | ||
float:left; | float:left; | ||
list-style:none; | list-style:none; | ||
+ | padding: 0 10px 0 10px; | ||
} | } | ||
#menu a{ | #menu a{ | ||
- | color: | + | color:#45413A; |
- | padding:18px | + | padding:18px 5px 15px 5px; |
text-decoration:none; | text-decoration:none; | ||
width:98px; | width:98px; | ||
Line 440: | Line 442: | ||
font-family:arial; | font-family:arial; | ||
font-size:14px; | font-size:14px; | ||
- | border-bottom:thin solid # | + | border-bottom:thin solid #FFC363; |
} | } | ||
#menu{ | #menu{ | ||
margin-left:auto; | margin-left:auto; | ||
margin-right:auto; | margin-right:auto; | ||
- | width: | + | width:1100px; |
} | } | ||
#menu a:hover{ | #menu a:hover{ | ||
- | background:# | + | background:#FFCF81; |
} | } | ||
#menu li ul{ | #menu li ul{ | ||
- | background:# | + | background:#D8B67F; |
/* display:none; */ | /* display:none; */ | ||
position:absolute; | position:absolute; | ||
Line 523: | Line 525: | ||
.slider .slider_imgs #slide1{ | .slider .slider_imgs #slide1{ | ||
float: left; | float: left; | ||
- | background-image:url('http:// | + | background-image:url('http://4vector.com/i/free-vector-exquisite-leaf-background-01-vector_015360_exquisite_leaf_background_01_vector.jpg'); |
background-size: cover; | background-size: cover; | ||
background-repeat: no-repeat; | background-repeat: no-repeat; |
Revision as of 23:24, 1 October 2014