Team:Valencia UPV/style css
From 2014.igem.org
(Difference between revisions)
Line 85: | Line 85: | ||
display:block; | display:block; | ||
font-size:90%; | font-size:90%; | ||
+ | padding:3px 10px; | ||
+ | position:relative;body | ||
+ | { | ||
+ | |||
+ | background-color: #298F00; | ||
+ | font-family: arial; | ||
+ | font-size: 16px; | ||
+ | |||
+ | |||
+ | } | ||
+ | a{ | ||
+ | text-decoration: none; | ||
+ | |||
+ | } | ||
+ | |||
+ | .Buttons | ||
+ | { | ||
+ | background-color: #87CEEB; | ||
+ | width: 200px; | ||
+ | height: 100px; | ||
+ | margin: 20px; | ||
+ | border: 5px outset black; | ||
+ | |||
+ | } | ||
+ | |||
+ | #main | ||
+ | { | ||
+ | margin: 5px 50px 30px; | ||
+ | background-color: #FFFFFF; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | #text-content{ | ||
+ | font-size: 1.4em; | ||
+ | } | ||
+ | |||
+ | .button-content{ | ||
+ | padding: 7px; | ||
+ | height: auto; | ||
+ | background-color: yellow; | ||
+ | max-width: 300px; | ||
+ | |||
+ | } | ||
+ | |||
+ | .button-content > a{ | ||
+ | |||
+ | text-decoration: none; | ||
+ | color: black; | ||
+ | |||
+ | } | ||
+ | |||
+ | .button-content > a:hover{ | ||
+ | |||
+ | color: blue; | ||
+ | |||
+ | } | ||
+ | |||
+ | .link-page{ | ||
+ | margin: 40px; | ||
+ | display: inline; | ||
+ | |||
+ | } | ||
+ | |||
+ | /*HEADER MENU STYLE*/ | ||
+ | |||
+ | .n-title{ | ||
+ | display: inline; | ||
+ | } | ||
+ | |||
+ | #na-title{ | ||
+ | font-size: 2.5em; | ||
+ | color: red; | ||
+ | |||
+ | |||
+ | } | ||
+ | |||
+ | .example | ||
+ | { | ||
+ | background:#fff url(../images/blue.jpg); /* METER EL FONDO */ | ||
+ | width:1000px; | ||
+ | height:275px; | ||
+ | border:1px #000 solid; | ||
+ | margin:20px auto; | ||
+ | padding:15px; | ||
+ | border-radius:3px; | ||
+ | -moz-border-radius:3px; | ||
+ | -webkit-border-radius:3px; | ||
+ | } | ||
+ | |||
+ | |||
+ | /* main menu styles */ | ||
+ | .menu | ||
+ | { | ||
+ | background-color:#d0e6f5; | ||
+ | text-align:center; | ||
+ | width:100%; | ||
+ | } | ||
+ | |||
+ | .menu > span | ||
+ | { | ||
+ | display:inline-block; | ||
+ | margin:0 auto; | ||
+ | } | ||
+ | |||
+ | #nav | ||
+ | { | ||
+ | display:inline; | ||
+ | text-align:center; | ||
+ | position:relative; | ||
+ | list-style-type:none; | ||
+ | } | ||
+ | |||
+ | #nav > li | ||
+ | { | ||
+ | float:left; | ||
+ | padding:0; | ||
+ | position:relative; | ||
+ | } | ||
+ | |||
+ | #nav > li > a | ||
+ | { | ||
+ | border:1px solid transparent; | ||
+ | color:#4F4F4F; | ||
+ | display:block; | ||
+ | font-size:1.25em; | ||
padding:3px 10px; | padding:3px 10px; | ||
position:relative; | position:relative; | ||
Line 203: | Line 329: | ||
.container { | .container { | ||
- | width: | + | width:100%; |
position:relative; | position:relative; | ||
z-index:0; | z-index:0; | ||
Line 218: | Line 344: | ||
} | } | ||
.va-wrapper{ | .va-wrapper{ | ||
- | width: | + | width:100%; |
height:100%; | height:100%; | ||
position:relative; | position:relative; | ||
Line 247: | Line 373: | ||
} | } | ||
.va-slice-Javier{ | .va-slice-Javier{ | ||
- | background:#000 url( | + | background:#000 url(../images/Team_Javier.png) no-repeat center center; |
} | } | ||
.va-slice-Estefania{ | .va-slice-Estefania{ | ||
- | background:#000 url( | + | background:#000 url(../images/Team_Estefania.png) no-repeat center center; |
} | } | ||
.va-slice-Ivan{ | .va-slice-Ivan{ | ||
- | background:#000 url( | + | background:#000 url(../images/Team_Ivan.png) no-repeat center center; |
} | } | ||
.va-slice-Yadira{ | .va-slice-Yadira{ | ||
- | background:#000 url( | + | background:#000 url(../images/Team_Yadira.png) no-repeat center center; |
} | } | ||
.va-slice-6{ | .va-slice-6{ | ||
Line 288: | Line 414: | ||
font-family: 'Open Sans Condensed', sans-serif; | font-family: 'Open Sans Condensed', sans-serif; | ||
text-transform:uppercase; | text-transform:uppercase; | ||
- | font-size: | + | font-size:60px; |
margin-left:20px; | margin-left:20px; | ||
color:#FFD700; | color:#FFD700; | ||
Line 325: | Line 451: | ||
width:40px; | width:40px; | ||
height:25px; | height:25px; | ||
- | background:transparent url( | + | background:transparent url(../images/prev.png) no-repeat center center; |
position:absolute; | position:absolute; | ||
top:-35px; | top:-35px; | ||
Line 337: | Line 463: | ||
} | } | ||
.va-nav span.va-nav-next{ | .va-nav span.va-nav-next{ | ||
- | background-image:url( | + | background-image:url(../images/next.png); |
top:auto; | top:auto; | ||
bottom:-35px; | bottom:-35px; |
Revision as of 17:45, 5 August 2014