Template:Team:HokkaidoU Japan/LargeDropDown/CSS
From 2014.igem.org
(Difference between revisions)
Line 17: | Line 17: | ||
color:#000; | color:#000; | ||
} | } | ||
- | + | .box{ | |
- | + | margin-top:-1px; | |
- | + | width:100%; | |
- | + | position:relative; | |
- | + | background-color:#000; | |
- | + | } | |
- | + | .box h2{ | |
- | + | color:#f0f0f0; | |
- | + | padding:40px 10px; | |
- | + | text-shadow:1px 1px 1px #ccc; | |
+ | } | ||
+ | |||
#box-wrapper { | #box-wrapper { | ||
width:960px; | width:960px; | ||
- | height: | + | height:50px; |
margin: 0 auto; | margin: 0 auto; | ||
text-align:center; | text-align:center; | ||
- | |||
} | } | ||
+ | |||
.ldd_menu{ | .ldd_menu{ | ||
margin:0 auto; | margin:0 auto; | ||
padding:0; | padding:0; | ||
display:block; | display:block; | ||
- | height: | + | height:50px; |
background-color:transparent; | background-color:transparent; | ||
list-style:none; | list-style:none; | ||
- | + | font-family: 'Special Elite', cursive; | |
/*border-top:1px solid #EF593B; | /*border-top:1px solid #EF593B; | ||
border-bottom:1px solid #EF593B; | border-bottom:1px solid #EF593B; | ||
Line 48: | Line 50: | ||
-webkit-box-shadow:0px 3px 4px #591E12; | -webkit-box-shadow:0px 3px 4px #591E12; | ||
-box-shadow:0px 3px 4px #591E12;*/ | -box-shadow:0px 3px 4px #591E12;*/ | ||
- | width: | + | width:553px; |
- | + | ||
- | + | ||
} | } | ||
Line 65: | Line 65: | ||
color:#fff; | color:#fff; | ||
background-color:transparent; | background-color:transparent; | ||
- | height: | + | height:49px; |
- | line-height: | + | line-height:20px; |
cursor:default; | cursor:default; | ||
- | padding: | + | padding:5px; |
/*text-shadow:0px 0px 1px #fff; | /*text-shadow:0px 0px 1px #fff; | ||
border-right:1px solid #DF7B61; | border-right:1px solid #DF7B61; | ||
Line 77: | Line 77: | ||
.ldd_menu .ldd_submenu{ | .ldd_menu .ldd_submenu{ | ||
position:absolute; | position:absolute; | ||
- | top: | + | top:49px; |
width:650px; | width:650px; | ||
display:none; | display:none; | ||
left:0px; | left:0px; | ||
font-size:20px; | font-size:20px; | ||
- | background: # | + | background: #F13C3C; |
- | /*border-top:1px solid #EF593B; | + | /*border-top:1px solid #EF593B;*/ |
-moz-box-shadow:0px 3px 4px #591E12 inset; | -moz-box-shadow:0px 3px 4px #591E12 inset; | ||
-webkit-box-shadow:0px 3px 4px #591E12 inset; | -webkit-box-shadow:0px 3px 4px #591E12 inset; | ||
- | -box-shadow:0px 3px 4px #591E12 inset; | + | -box-shadow:0px 3px 4px #591E12 inset; |
- | z-index: | + | z-index:1005; |
} | } | ||
Line 99: | Line 99: | ||
.ldd_heading > a{ | .ldd_heading > a{ | ||
font-size: 20px; | font-size: 20px; | ||
- | color:# | + | color:#FFC080; |
- | text-shadow:0px 0px 1px #B03E23; | + | /*text-shadow:0px 0px 1px #B03E23;*/ |
+ | padding:10px 0px 10px 0px; | ||
font-style:italic; | font-style:italic; | ||
font-family: Georgia, serif; | font-family: Georgia, serif; | ||
Line 106: | Line 107: | ||
.ldd_submenu > ul > li:hover { | .ldd_submenu > ul > li:hover { | ||
- | + | -moz-box-shadow:0px 0px 2px #333; | |
-webkit-box-shadow:0px 0px 2px #333; | -webkit-box-shadow:0px 0px 2px #333; | ||
- | box-shadow:0px 0px 2px #333; | + | box-shadow:0px 0px 2px #333; |
- | background:# | + | background:#AF412B; |
opacity:0.7; | opacity:0.7; | ||
+ | } | ||
+ | |||
+ | .ldd_submenu > ul > li:hover { | ||
+ | |||
} | } | ||
Revision as of 04:16, 16 October 2014