Template:Team:HokkaidoU Japan/stylesheets
From 2012.igem.org
(Difference between revisions)
Line 29: | Line 29: | ||
top: 0; left: 0; | top: 0; left: 0; | ||
margin: 0; | margin: 0; | ||
+ | width: 170px; | ||
+ | overflow-x: hidden; | ||
padding: 0; | padding: 0; | ||
- | color: transparent; | + | color: transparent !important; |
background-color: transparent; | background-color: transparent; | ||
} | } | ||
#top-section .left-menu li:hover { text-decoration: none; } | #top-section .left-menu li:hover { text-decoration: none; } | ||
+ | |||
+ | #top-section .left-menu:hover { color: transparent !important; } | ||
+ | #top-section .left-menu:hover li { color: transparent !important; } | ||
+ | #top-section .left-menu:hover li a { color: transparent !important; } | ||
+ | #top-section .left-menu:hover li a:hover { color: #333333 !important; } | ||
#top-section .right-menu { | #top-section .right-menu { | ||
Line 45: | Line 52: | ||
} | } | ||
- | #top-section .right-menu | + | #top-section .right-menu li a { background-color: transparent; } |
+ | #top-section .right-menu li a:hover { | ||
+ | color: #333333; | ||
+ | text-decoration: none; | ||
+ | } | ||
#content { | #content { | ||
Line 66: | Line 77: | ||
#content h1.firstHeading, | #content h1.firstHeading, | ||
#content #bodyContent #contentSub, | #content #bodyContent #contentSub, | ||
+ | #content #bodyContent > p, | ||
#catlinks { display: none; } | #catlinks { display: none; } | ||
Line 76: | Line 88: | ||
html { | html { | ||
overflow-y: scroll; | overflow-y: scroll; | ||
+ | text-align: justify; | ||
} | } | ||
Line 114: | Line 127: | ||
font-family: 'Arial'; | font-family: 'Arial'; | ||
font-size: 12px; | font-size: 12px; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav a { | ||
+ | color: #6c6c6c; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav a:hover { | ||
+ | color: #6c6c6c; | ||
+ | text-decoration: none; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav a:visited { | ||
+ | color: #6c6c6c; | ||
} | } | ||
Line 126: | Line 152: | ||
float: left; | float: left; | ||
margin-right: 20px; | margin-right: 20px; | ||
+ | height: 36px; | ||
} | } | ||
- | #hokkaidou-header-nav | + | #hokkaidou-header-nav > ul > li:hover > a { |
- | #hokkaidou-header-nav li | + | color: #032fad; |
- | display: | + | } |
+ | |||
+ | #hokkaidou-header-nav li ul { | ||
+ | display: none; | ||
position: absolute; | position: absolute; | ||
- | top: | + | top: 36px; left: 0; |
margin-left: -10px; | margin-left: -10px; | ||
- | min-width: | + | min-width: 120px; |
- | padding: | + | padding-bottom: 10px; |
background-color: #ffffff; | background-color: #ffffff; | ||
+ | z-index: 1000; | ||
+ | border-radius: 0 0 1em 1em / 0 0 1em 1em; | ||
+ | box-shadow: 4px 2px 3px 0 rgba(0, 0, 0, 0.4); | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav li ul:before, | ||
+ | #hokkaidou-header-nav li ul:after { | ||
+ | display: block; | ||
+ | position: absolute; | ||
+ | top: 0; | ||
+ | width: 1em; | ||
+ | height: 1em; | ||
+ | content: " "; | ||
+ | z-index: 900; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav li ul:before { | ||
+ | left: -1em; | ||
+ | border-top-right-radius: 0.7em; | ||
+ | box-shadow: 5px -5px 0 0 #ffffff; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav li ul:after { | ||
+ | right: -1em; | ||
+ | border-top-left-radius: 0.7em; | ||
+ | box-shadow: -5px -5px 0 0 #ffffff; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav li ul li { | ||
+ | padding: 0 10px; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-header-nav li ul li:hover { | ||
+ | background-color: #c1c1c1; | ||
} | } | ||
Line 160: | Line 224: | ||
position: absolute; | position: absolute; | ||
top: 14px; right: 10px; | top: 14px; right: 10px; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-wrapper { | ||
+ | width: 965px; | ||
+ | position: relative; | ||
+ | margin: 0 auto; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-contents > div { | ||
+ | float: left; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-column-nav { | ||
+ | width: 210px; | ||
+ | margin: 0 20px 0 10px; | ||
+ | } | ||
+ | |||
+ | #hokkaidou-column-main { | ||
+ | width: 715px; | ||
} | } | ||
</style> | </style> | ||
</html> | </html> |
Revision as of 11:16, 25 September 2012