Difference between revisions of "Template:Edinburgh"
(38 intermediate revisions by the same user not shown) | |||
Line 1: | Line 1: | ||
− | |||
− | |||
<!-- Declare that you are going to use html code instead of wiki code --> | <!-- Declare that you are going to use html code instead of wiki code --> | ||
<html> | <html> | ||
<!-- 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; | |
− | + | } | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | ||
− | + | #top-section { | |
− | + | height: 0px; | |
− | + | border-top: 0; | |
− | + | border-left: none; | |
− | + | border-right: none; | |
− | + | } | |
− | + | #globalWrapper | |
− | + | { | |
− | + | width: 100%; | |
− | + | height: 100%; | |
− | + | border: 0px; | |
+ | background-color: transparent; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | font-size: 100% | ||
+ | } | ||
− | + | #content | |
+ | { | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin-left: auto; | ||
+ | margin-right: auto; | ||
+ | background-color: transparent; | ||
+ | padding: 0px; | ||
+ | font-size: 100%; | ||
+ | } | ||
− | + | html, body, .wrapper { /*-- changes default wiki settings -- | |
− | + | ||
− | + | ||
− | + | ||
− | + | ||
+ | */ | ||
+ | width: 100%; | ||
+ | height: 100%; | ||
+ | margin: 0px; | ||
+ | padding: 0px; | ||
+ | background-color: black; | ||
+ | -webkit-background-size: cover; | ||
+ | -moz-background-size: cover; | ||
+ | -o-background-size: cover; | ||
+ | background-size: cover; | ||
+ | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
+ | .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