Template:Team:HokkaidoU Japan/LargeDropDown/CSS
From 2014.igem.org
(Difference between revisions)
(19 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: | + | 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; | ||
border-left:1px solid #D04528; | border-left:1px solid #D04528; | ||
-moz-box-shadow:0px 3px 4px #591E12; | -moz-box-shadow:0px 3px 4px #591E12; | ||
-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 64: | Line 64: | ||
float:left; | float:left; | ||
color:#fff; | color:#fff; | ||
- | background-color: | + | 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; | ||
- | border-left:1px solid #C44D37; | + | border-left:1px solid #C44D37;*/ |
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:#AF412B; | 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