Template:Team:HokkaidoU Japan/LargeDropDown/CSS
From 2014.igem.org
(Difference between revisions)
(14 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:#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