Team:Groningen/Template/CSS/style
From 2014.igem.org
(Created page with "<html> @font-face { font-family: "Myriad Pro"; src: local("?"), url(../fonts/MyriadPro-Regular.otf) format("opentype"); } @font-face { font-family: "Myriad Pro"; font-style...") |
|||
(12 intermediate revisions not shown) | |||
Line 3: | Line 3: | ||
font-family: "Myriad Pro"; | font-family: "Myriad Pro"; | ||
src: local("?"), | src: local("?"), | ||
- | url(../ | + | url(https://static.igem.org/mediawiki/2014/6/67/MyriadPro-Regular.ogg) format("opentype"); |
} | } | ||
@font-face { | @font-face { | ||
Line 9: | Line 9: | ||
font-style: italic; | font-style: italic; | ||
src: local("?"), | src: local("?"), | ||
- | url(../ | + | url(https://static.igem.org/mediawiki/2014/7/7d/MyriadPro-It.ogg) format("opentype"); |
} | } | ||
@font-face { | @font-face { | ||
Line 15: | Line 15: | ||
font-weight: bold; | font-weight: bold; | ||
src: local("?"), | src: local("?"), | ||
- | url(../ | + | url(https://static.igem.org/mediawiki/2014/c/c6/MyriadPro-Bold.ogg) format("opentype"); |
} | } | ||
Line 37: | Line 37: | ||
.wrapper *{ | .wrapper *{ | ||
- | line-height: 1; | + | line-height: 1.2; |
} | } | ||
.icon.lactoaidicon { | .icon.lactoaidicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Lactoaid.icon.png'); |
} | } | ||
.module.menu .item.active .icon.lactoaidicon, | .module.menu .item.active .icon.lactoaidicon, | ||
.module.menu .item:hover .icon.lactoaidicon{ | .module.menu .item:hover .icon.lactoaidicon{ | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/d/dd/Lactoaid.active.icon.png'); |
} | } | ||
.icon.projecticon{ | .icon.projecticon{ | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/5/54/Project.icon.png'); |
} | } | ||
.module.menu .item.active .icon.projecticon, | .module.menu .item.active .icon.projecticon, | ||
.module.menu .item:hover .icon.projecticon{ | .module.menu .item:hover .icon.projecticon{ | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/6/64/Project.active.icon.png'); |
} | } | ||
.icon.teamicon { | .icon.teamicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/b/b6/Team.icon.png'); |
} | } | ||
.module.menu .item.active .icon.teamicon, | .module.menu .item.active .icon.teamicon, | ||
.module.menu .item:hover .icon.teamicon { | .module.menu .item:hover .icon.teamicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/1/1c/Team.active.icon.png'); |
} | } | ||
.icon.notebookicon { | .icon.notebookicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/9/91/Notebook.icon.png'); |
} | } | ||
.module.menu .item.active .icon.notebookicon, | .module.menu .item.active .icon.notebookicon, | ||
.module.menu .item:hover .icon.notebookicon { | .module.menu .item:hover .icon.notebookicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/e/e8/Notebook.active.icon.png'); |
} | } | ||
.icon.outreachicon { | .icon.outreachicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/b/bb/Outreach.icon.png'); |
} | } | ||
.module.menu .item.active .icon.outreachicon, | .module.menu .item.active .icon.outreachicon, | ||
.module.menu .item:hover .icon.outreachicon { | .module.menu .item:hover .icon.outreachicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/b/b8/Outreach.active.icon.png'); |
} | } | ||
.icon.awardsicon { | .icon.awardsicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/d/d2/Awards.icon.png'); |
} | } | ||
.module.menu .item.active .icon.awardsicon, | .module.menu .item.active .icon.awardsicon, | ||
.module.menu .item:hover .icon.awardsicon { | .module.menu .item:hover .icon.awardsicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/6/61/Awards.active.icon.png'); |
} | } | ||
.icon.igemicon { | .icon.igemicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/2/2f/Igem.icon.png'); |
} | } | ||
.module.menu .item.active .icon.igemicon, | .module.menu .item.active .icon.igemicon, | ||
.module.menu .item:hover .icon.igemicon { | .module.menu .item:hover .icon.igemicon { | ||
- | background-image: url('../ | + | background-image: url('https://static.igem.org/mediawiki/2014/9/98/Igem.active.icon.png'); |
} | } | ||
Line 144: | Line 144: | ||
background-color: #9B4F28; | background-color: #9B4F28; | ||
color: #FFFFFF; | color: #FFFFFF; | ||
+ | } | ||
+ | |||
+ | /*Footer Module*/ | ||
+ | .module.footer .content { | ||
+ | background-image: url('https://static.igem.org/mediawiki/2014/2/27/Background.sponsor.png'); | ||
+ | } | ||
+ | |||
+ | .module.footer .sponsors .sponsor { | ||
+ | position: relative; | ||
+ | float: left; | ||
+ | background-repeat: no-repeat; | ||
+ | height: 66pt; | ||
+ | background-size: auto 66pt; | ||
+ | padding-bottom: 16pt; | ||
+ | } | ||
+ | |||
+ | .module.footer .sponsors .wrapper { | ||
+ | overflow: hidden; | ||
} | } | ||
</html> | </html> |
Latest revision as of 02:51, 18 October 2014
@font-face { font-family: "Myriad Pro"; src: local("?"), url(https://static.igem.org/mediawiki/2014/6/67/MyriadPro-Regular.ogg) format("opentype"); } @font-face { font-family: "Myriad Pro"; font-style: italic; src: local("?"), url(https://static.igem.org/mediawiki/2014/7/7d/MyriadPro-It.ogg) format("opentype"); } @font-face { font-family: "Myriad Pro"; font-weight: bold; src: local("?"), url(https://static.igem.org/mediawiki/2014/c/c6/MyriadPro-Bold.ogg) format("opentype"); } body { background-color: #000000; } .hspacer{ clear: both; height: 0; padding: 0; margin: 0; line-height: 0; } .wrapper { padding: 0; margin: 0; line-height: 0; } .wrapper *{ line-height: 1.2; } .icon.lactoaidicon { background-image: url('https://static.igem.org/mediawiki/2014/8/8d/Lactoaid.icon.png'); } .module.menu .item.active .icon.lactoaidicon, .module.menu .item:hover .icon.lactoaidicon{ background-image: url('https://static.igem.org/mediawiki/2014/d/dd/Lactoaid.active.icon.png'); } .icon.projecticon{ background-image: url('https://static.igem.org/mediawiki/2014/5/54/Project.icon.png'); } .module.menu .item.active .icon.projecticon, .module.menu .item:hover .icon.projecticon{ background-image: url('https://static.igem.org/mediawiki/2014/6/64/Project.active.icon.png'); } .icon.teamicon { background-image: url('https://static.igem.org/mediawiki/2014/b/b6/Team.icon.png'); } .module.menu .item.active .icon.teamicon, .module.menu .item:hover .icon.teamicon { background-image: url('https://static.igem.org/mediawiki/2014/1/1c/Team.active.icon.png'); } .icon.notebookicon { background-image: url('https://static.igem.org/mediawiki/2014/9/91/Notebook.icon.png'); } .module.menu .item.active .icon.notebookicon, .module.menu .item:hover .icon.notebookicon { background-image: url('https://static.igem.org/mediawiki/2014/e/e8/Notebook.active.icon.png'); } .icon.outreachicon { background-image: url('https://static.igem.org/mediawiki/2014/b/bb/Outreach.icon.png'); } .module.menu .item.active .icon.outreachicon, .module.menu .item:hover .icon.outreachicon { background-image: url('https://static.igem.org/mediawiki/2014/b/b8/Outreach.active.icon.png'); } .icon.awardsicon { background-image: url('https://static.igem.org/mediawiki/2014/d/d2/Awards.icon.png'); } .module.menu .item.active .icon.awardsicon, .module.menu .item:hover .icon.awardsicon { background-image: url('https://static.igem.org/mediawiki/2014/6/61/Awards.active.icon.png'); } .icon.igemicon { background-image: url('https://static.igem.org/mediawiki/2014/2/2f/Igem.icon.png'); } .module.menu .item.active .icon.igemicon, .module.menu .item:hover .icon.igemicon { background-image: url('https://static.igem.org/mediawiki/2014/9/98/Igem.active.icon.png'); } .module.menu .item.btnone .submenu, .module.menu .item.btnone .button { background-color: #203A73; color: #FFFFFF; } .module.menu .item.btntwo .submenu, .module.menu .item.btntwo .button { background-color: #B31A19; color: #FFFFFF; } .module.menu .item.btnthree .submenu, .module.menu .item.btnthree .button { background-color: #3C662A; color: #FFFFFF; } .module.menu .item.btnfour .submenu, .module.menu .item.btnfour .button { background-color: #2E9F9F; color: #FFFFFF; } .module.menu .item.btnfive .submenu, .module.menu .item.btnfive .button { background-color: #756F21; color: #FFFFFF; } .module.menu .item.btnsix .submenu, .module.menu .item.btnsix .button { background-color: #66297E; color: #FFFFFF; } .module.menu .item.btnzeven .submenu, .module.menu .item.btnzeven .button { background-color: #9B4F28; color: #FFFFFF; } /*Footer Module*/ .module.footer .content { background-image: url('https://static.igem.org/mediawiki/2014/2/27/Background.sponsor.png'); } .module.footer .sponsors .sponsor { position: relative; float: left; background-repeat: no-repeat; height: 66pt; background-size: auto 66pt; padding-bottom: 16pt; } .module.footer .sponsors .wrapper { overflow: hidden; }