Difference between revisions of "Template:Edinburgh"
(29 intermediate revisions by the same user not shown) | |||
Line 3: | Line 3: | ||
<!-- Start of CSS--> | <!-- Start of CSS--> | ||
− | + | <style type="text/css"> | |
− | + | ||
+ | #footer-box, #siteSub, #search-controls, .firstHeading, #contentSub, #catlinks, #p-logo | ||
{ | { | ||
− | + | display:none; | |
− | + | } | |
+ | #top_menu_under | ||
{ | { | ||
− | + | height: 0; | |
− | + | ||
− | + | ||
} | } | ||
Line 24: | Line 24: | ||
border-right: none; | border-right: none; | ||
} | } | ||
− | + | #globalWrapper | |
{ | { | ||
width: 100%; | width: 100%; | ||
Line 45: | Line 45: | ||
font-size: 100%; | font-size: 100%; | ||
} | } | ||
− | |||
html, body, .wrapper { /*-- changes default wiki settings -- | html, body, .wrapper { /*-- changes default wiki settings -- | ||
Line 62: | Line 61: | ||
− | + | .row | |
+ | { | ||
+ | width:100%; | ||
+ | height:100%; | ||
+ | margin-left: none; | ||
+ | margin-right: none; | ||
+ | padding-top:10px; | ||
+ | padding-bottom: 10px; | ||
+ | padding-left: 10px; | ||
+ | padding-right: 10px; | ||
+ | background-color: black; | ||
+ | overflow:hidden; | ||
+ | } | ||
− | + | .left | |
− | + | { | |
− | + | margin-left: none; | |
− | + | width:100%; | |
+ | height:100%; | ||
− | + | } | |
− | + | ||
− | + | .right | |
+ | { | ||
+ | background-color: #F5F5F5; | ||
+ | width:100%; | ||
+ | margin-right:none; | ||
+ | height:100%; | ||
+ | overflow: hidden; | ||
− | + | ||
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | .logo | |
− | + | { | |
− | + | max-width: 500px; | |
− | + | max-height: 500px; | |
− | + | margin-top: auto; | |
− | + | margin-bottom: auto; | |
− | + | margin-left: auto; | |
− | + | margin-right: auto; | |
− | + | } | |
− | + | ||
+ | .left h2 | ||
+ | { | ||
+ | margin-top: 20px; | ||
+ | margin-bottom: 10px; | ||
+ | font-size: 20px; | ||
+ | color: white; | ||
+ | border-bottom: none; | ||
+ | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | font-style: italic; | ||
+ | font-weight: 200; | ||
− | + | } | |
− | + | ||
+ | p{ | ||
+ | float: left; | ||
+ | text-align: justify; | ||
+ | margin-bottom: 15px; | ||
+ | text-transform: none; | ||
+ | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif; | ||
+ | font-size: 14px; | ||
+ | font-style: italic; | ||
+ | font-weight: 200; | ||
+ | color: white; | ||
+ | } | ||
+ | |||
+ | /* Black and White drop Drown Menu for Blogger by labstrikes.blogspot.com */ | ||
+ | ul.dropdown li a { | ||
+ | display: block; | ||
+ | padding: 3px 13px; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | padding: 0; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.dir { | ||
+ | padding: 7px 20px 7px 12px; | ||
+ | } | ||
+ | ul.dropdown ul li.dir { | ||
+ | padding-right: 15px; | ||
+ | } | ||
+ | ul.dropdown ul a { | ||
+ | padding: 4px 5px 4px 12px; | ||
+ | } | ||
+ | ul.dropdown ul a:hover { | ||
+ | padding: 3px 5px 3px 11px; | ||
+ | border: solid 1px #ddd; | ||
+ | background-color: #eee; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | ul.dropdown, | ||
+ | ul.dropdown li, | ||
+ | ul.dropdown ul { | ||
+ | list-style: none; | ||
+ | margin: 0; | ||
+ | padding: 0; | ||
+ | } | ||
+ | ul.dropdown { | ||
+ | position: relative; | ||
+ | z-index: 597; | ||
+ | float: left; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | float: left; | ||
+ | min-height: 1px; | ||
+ | line-height: 1.3em; | ||
+ | vertical-align: middle; | ||
+ | } | ||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | position: relative; | ||
+ | z-index: 599; | ||
+ | cursor: default; | ||
+ | } | ||
+ | ul.dropdown ul { | ||
+ | visibility: hidden; | ||
+ | position: absolute; | ||
+ | top: 100%; | ||
+ | left: 0; | ||
+ | z-index: 598; | ||
+ | width: 100%; | ||
+ | } | ||
+ | ul.dropdown ul li { | ||
+ | float: none; | ||
+ | } | ||
+ | ul.dropdown ul ul { | ||
+ | top: 1px; | ||
+ | left: 99%; | ||
+ | } | ||
+ | ul.dropdown li:hover > ul { | ||
+ | visibility: visible; | ||
+ | } | ||
+ | ul.dropdown { | ||
+ | font: bold 12px Arial, Helvetica, sans-serif; | ||
+ | } | ||
+ | ul.dropdown li { | ||
+ | padding: 3px 12px; | ||
+ | background-color: #000; | ||
+ | color: #fff; | ||
+ | } | ||
+ | |||
+ | ul.dropdown li.hover, | ||
+ | ul.dropdown li:hover { | ||
+ | background-color: #222; | ||
+ | } | ||
+ | ul.dropdown a:link, | ||
+ | ul.dropdown a:visited { color: #fff; text-decoration: none; } | ||
+ | ul.dropdown a:hover { color: #fff; text-decoration: underline; } | ||
+ | ul.dropdown a:active { color: #fff; } | ||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul { | ||
+ | margin-left: -6px; | ||
+ | width: 170px; | ||
+ | padding-bottom: 9px; | ||
+ | background: url(http://4.bp.blogspot.com/-MwgiNzVwW8Q/UIixwkBTy5I/AAAAAAAAFdg/0UQSjWZV1zU/s1600/dropdown_pane.png) 0 100% no-repeat; | ||
+ | color: #000; | ||
+ | font-size: 11px; | ||
+ | font-weight: normal; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li { | ||
+ | background-color: transparent; | ||
+ | color: #000; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li.hover, | ||
+ | ul.dropdown ul li:hover { | ||
+ | background-color: transparent; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul li.empty { | ||
+ | padding: 12px 12px 7px !important; | ||
+ | font-weight: bold; | ||
+ | } | ||
+ | |||
+ | ul.dropdown ul a:link, | ||
+ | ul.dropdown ul a:visited { color: #000; } | ||
+ | ul.dropdown ul a:hover { color: #000; text-decoration: none; } | ||
+ | ul.dropdown ul a:active { color: #000; } | ||
+ | |||
+ | /* -- level mark -- */ | ||
+ | |||
+ | ul.dropdown ul ul { | ||
+ | display: none; | ||
+ | } | ||
+ | /* -- Supporting class `dir` -- */ | ||
+ | ul.dropdown *.dir { | ||
+ | padding-right: 12px; | ||
+ | background-image: none; | ||
+ | background-position: 100% 50%; | ||
+ | background-repeat: no-repeat; | ||
+ | } | ||
+ | </style> | ||
</html> | </html> |
Latest revision as of 12:33, 21 August 2015