"
Template:Team:HokkaidoU Japan/LargeDropDown/CSS
From 2014.igem.org
(Difference between revisions)
| (10 intermediate revisions not shown) | |||
| 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:9px; |
/*text-shadow:0px 0px 1px #fff; | /*text-shadow:0px 0px 1px #fff; | ||
border-right:1px solid #DF7B61; | border-right:1px solid #DF7B61; | ||
| Line 74: | Line 74: | ||
text-align:center; | text-align:center; | ||
width:138px; | width:138px; | ||
| + | |||
} | } | ||
.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: #d92424; |
| - | /*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 100: | ||
.ldd_heading > a{ | .ldd_heading > a{ | ||
font-size: 20px; | font-size: 20px; | ||
| - | color:# | + | color:#d5a826; |
| - | 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 108: | ||
.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 { | ||
| + | |||
} | } | ||
| Line 133: | Line 139: | ||
.menu-list { | .menu-list { | ||
color: white; | color: white; | ||
| + | } | ||
| + | |||
| + | * { -webkit-box-sizing: border-box; | ||
| + | -moz-box-sizing: border-box; | ||
| + | -o-box-sizing: border-box; | ||
| + | -ms-box-sizing: border-box; | ||
| + | box-sizing: border-box; | ||
| + | |||
} | } | ||
</style> | </style> | ||
</html> | </html> | ||
Latest revision as of 14:39, 17 October 2014
