Team:Groningen/Template/CSS/style

From 2014.igem.org

(Difference between revisions)
(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(../fonts/MyriadPro-Regular.otf) format("opentype");
+
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(../fonts/MyriadPro-It.otf) format("opentype");
+
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(../fonts/MyriadPro-Bold.otf) format("opentype");
+
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('../images/lactoaid.icon.png');
+
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('../images/lactoaid.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/d/dd/Lactoaid.active.icon.png');
}
}
.icon.projecticon{
.icon.projecticon{
-
background-image: url('../images/project.icon.png');
+
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('../images/project.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/6/64/Project.active.icon.png');
}
}
.icon.teamicon {
.icon.teamicon {
-
background-image: url('../images/team.icon.png');
+
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('../images/team.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/1/1c/Team.active.icon.png');
}
}
.icon.notebookicon {
.icon.notebookicon {
-
background-image: url('../images/notebook.icon.png');
+
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('../images/notebook.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/e/e8/Notebook.active.icon.png');
}
}
.icon.outreachicon {
.icon.outreachicon {
-
background-image: url('../images/outreach.icon.png');
+
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('../images/outreach.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/b/b8/Outreach.active.icon.png');
}
}
.icon.awardsicon {
.icon.awardsicon {
-
background-image: url('../images/awards.icon.png');
+
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('../images/awards.active.icon.png');
+
background-image: url('https://static.igem.org/mediawiki/2014/6/61/Awards.active.icon.png');
}
}
.icon.igemicon {
.icon.igemicon {
-
background-image: url('../images/igem.icon.png');
+
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('../images/igem.active.icon.png');
+
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; }