|
|
Line 498: |
Line 498: |
| } | | } |
| } | | } |
− |
| |
− |
| |
− | /*overlay */
| |
− |
| |
− | #overlay
| |
− | {
| |
− | display: none;
| |
− | }
| |
− |
| |
− | #overlay:target{
| |
− | display: block;
| |
− | position: fixed;
| |
− | top: 0;
| |
− | left: 0;
| |
− | width: 100%;
| |
− | height: 100%;
| |
− | z-index: 99999;
| |
− | background-color: #000;
| |
− | }
| |
− |
| |
− | #overlay h2
| |
− | {
| |
− | margin-top: 0;
| |
− | margin-bottom: 15px;
| |
− | font-size: 40px;
| |
− |
| |
− | }
| |
− |
| |
− | #overlay p{
| |
− | text-align: center;
| |
− | margin-bottom: 75px;
| |
− | text-transform: none;
| |
− | font-family: "Droid Serif","Helvetica Neue",Helvetica,Arial,sans-serif;
| |
− | font-size: 16px;
| |
− | font-style: italic;
| |
− | font-weight: 400;
| |
− | }
| |
− |
| |
− | /*menu*/
| |
− |
| |
− |
| |
− | /* 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> | | </style> |