Template:Team:DTU-Denmark/css4
From 2014.igem.org
(Difference between revisions)
(142 intermediate revisions not shown) | |||
Line 8: | Line 8: | ||
height:18px; | height:18px; | ||
margin-top: -32px; | margin-top: -32px; | ||
- | background-color: | + | background-color:transparent; |
} | } | ||
Line 15: | Line 15: | ||
height: 100%; | height: 100%; | ||
border: 0px; | border: 0px; | ||
- | background-color: | + | background-color: transparent; |
margin: 0px; | margin: 0px; | ||
padding: 0px; | padding: 0px; | ||
- | |||
} | } | ||
Line 25: | Line 24: | ||
height: 100%; | height: 100%; | ||
background-color: transparent; | background-color: transparent; | ||
+ | |||
} | } | ||
#top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | #top-section { /*-- styling for default menu bar (edit, page, history, etc.) --*/ | ||
Line 84: | Line 84: | ||
a:link { | a:link { | ||
- | color: # | + | color: #68FF81; /*Text menu mouseover*/ |
text-decoration: none; | text-decoration: none; | ||
} | } | ||
a:visited { | a:visited { | ||
text-decoration: none; | text-decoration: none; | ||
- | color: # | + | color: #5FFF7A; |
} | } | ||
a:hover { | a:hover { | ||
Line 105: | Line 105: | ||
} | } | ||
- | body { | + | body |
- | + | { | |
- | + | background: url(https://static.igem.org/mediawiki/2014/a/aa/DTU-Denmark-Seamlesstexture29_1200.jpg); | |
- | + | } | |
- | } | + | #logo1{ |
+ | |||
+ | position:absolute; | ||
+ | top: 90px; | ||
+ | left: 56px; | ||
+ | } | ||
+ | #logoo2{ | ||
+ | position:absolute; | ||
+ | top: -15px; | ||
+ | left: 270px; | ||
+ | } | ||
+ | #logo3{ | ||
+ | position:absolute; | ||
+ | top: -55px; | ||
+ | left: 275px; | ||
+ | } | ||
+ | #logo4{position:absolute; | ||
+ | top: 120px; | ||
+ | left: -550px; | ||
+ | } | ||
+ | #logo5{position:absolute; | ||
+ | top: -70px; | ||
+ | left: 270px; | ||
+ | } | ||
+ | #logo6{position:absolute; | ||
+ | top: -100px; | ||
+ | left: 295px; | ||
+ | } | ||
+ | |||
+ | |||
+ | |||
h0{ | h0{ | ||
Line 211: | Line 241: | ||
color: #FFF; | color: #FFF; | ||
background-color:none; | background-color:none; | ||
- | margin: 0 | + | margin: 0 10px 0 0; |
float: left; | float: left; | ||
position: relative; | position: relative; | ||
Line 225: | Line 255: | ||
font-weight:700; | font-weight:700; | ||
line-height:210%; | line-height:210%; | ||
- | color: | + | color: none; |
text-decoration: none; | text-decoration: none; | ||
position: relative; | position: relative; | ||
top: 5; | top: 5; | ||
display: block; | display: block; | ||
- | padding: | + | padding: 5px 5px 5px 5px; |
margin: 0px 0px 0px 0px; | margin: 0px 0px 0px 0px; | ||
width: 200px; | width: 200px; | ||
- | background: url("https:// | + | background: url("https://2014.igem.org/File:DTU-Denmark-Menu-200x40-green-1_(1).png"); |
} | } | ||
Line 242: | Line 272: | ||
/*border-top:solid 1px #ffff00;*/ | /*border-top:solid 1px #ffff00;*/ | ||
/*border-bottom:solid 1px #ffff00;*/ | /*border-bottom:solid 1px #ffff00;*/ | ||
- | padding: 5px | + | padding: 7px 5px 3px 5px; |
Line 248: | Line 278: | ||
#nav a:hover { | #nav a:hover { | ||
- | /*background-color: # | + | /*background-color: #1DFF43; |
color: #ffffff;*/ | color: #ffffff;*/ | ||
} | } | ||
Line 254: | Line 284: | ||
/* main level link hover */ | /* main level link hover */ | ||
#nav .current a, #nav li:hover > a { | #nav .current a, #nav li:hover > a { | ||
- | color: # | + | color: #3FFF1D; /*mouse over tekstfarve for menu. Før #F79042. Tyrkis 7edbf6. dd6421*/ |
border-color:#724f20; | border-color:#724f20; | ||
} | } | ||
Line 261: | Line 291: | ||
#nav ul li:hover a, #nav li:hover li a { | #nav ul li:hover a, #nav li:hover li a { | ||
border: none; | border: none; | ||
+ | background: none; | ||
background-color: #42f75f; /* drop down menu background*/ | background-color: #42f75f; /* drop down menu background*/ | ||
background-repeat:repeat; | background-repeat:repeat; | ||
color:#FFF; | color:#FFF; | ||
+ | visibility: visible; | ||
} | } | ||
Line 278: | Line 310: | ||
opacity:1; | opacity:1; | ||
margin:0; | margin:0; | ||
- | background-color: none ; /*# | + | background-color: none ; /*#50FF56 reddish, can fix opacity problem here */ |
z-index:0; | z-index:0; | ||
+ | border-left:solid 1px #ffff00; | ||
+ | border-right:solid 1px #ffff00; | ||
+ | border-top:solid 1px #ffff00; | ||
+ | border-bottom:solid 1px #ffff00; | ||
} | } | ||
Line 286: | Line 322: | ||
/*display: none;*/ | /*display: none;*/ | ||
opacity:0; | opacity:0; | ||
- | margin: | + | margin: 0 0 0 0; |
- | padding: | + | padding: 0 0 0 0; |
- | width: | + | width: 200px; |
position: absolute; | position: absolute; | ||
- | /*background-color: # | + | /*background-color: #3BFF4F;*/ |
left: 0; | left: 0; | ||
z-index:-1; | z-index:-1; | ||
- | + | font-size: 8pt; | |
} | } | ||
#nav ul li { | #nav ul li { | ||
Line 306: | Line 342: | ||
} | } | ||
- | #nav | + | ul#nav > li > ul { |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
visibility: hidden; | visibility: hidden; | ||
- | + | background: #559a57; | |
- | + | ||
- | + | ||
- | + | ||
- | + | ||
- | + | ||
} | } | ||
Line 485: | Line 508: | ||
} | } | ||
} | } | ||
- | |||
</style> | </style> | ||
+ | |||
</html> | </html> |
Latest revision as of 17:18, 29 July 2014