@import url("../twentytwelve/style.css"); body{ background-color: #000; background-image: url(background.png); background-repeat: repeat; background-attachment: fixed; color: #e5e5e5; text-shadow: 1px 1px 0px #000; } #page{ background-color: transparent; opacity: 0.75; box-shadow: none; } a { color: #A9B807; transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; } a:hover{ color: #CEC716; } .main-navigation ul.nav-menu, .main-navigation div.nav-menu > ul { border: none; } .nav-menu{ padding-left: 15px; padding-right: 15px; border: 1px solid #999999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; box-shadow: 0 0 5px #000; } .nav-menu:hover{ border: 1px solid #A9B807; background-color: #555555; box-shadow: 0 0 5px #999; } ul.children li.page_item a{ padding-left: 15px; padding-right: 15px; border-left: 1px solid #A9B807; border-right: 1px solid #A9B807; border-color: #A9B807; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; background-color: #555; color: #e5e5e5; } ul.children li.page_item a:hover{ background-color: #555555; color: #CEC716; } .current_page_ancestor > a, current_page_parent > a{ color: #CEC716 !important; } header.site-header{ padding-bottom: 0; } header a{ color: #A9B807; } header a:hover { color: #CEC716; } header.site-header h1.site-title{ font-size: 28px; text-transform: uppercase; } #page header h2{ font-size: 16px; color: #999999; text-transform: uppercase; font-weight: bold; } .site-header h1 a, .site-header h2 a{ color: #A9B807; transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; } .site-header h1 a:hover, .site-header h2 a:hover { color: #CEC716; } .main-navigation{ background-color: #444; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; } .main-navigation li a{ color: #e5e5e5; font-weight: bold; transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; } .main-navigation li a:hover { color: #CEC716; } .current_page_item > a{ color: #CEC716 !important; } #main article{ padding: 10px; padding: 0.714285714rem; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; box-shadow: 0 0 5px #000; } #main article:hover{ border: 1px solid #A9B807; background-color: #555555; box-shadow: 0 0 5px #999; } article.format-aside .aside { background: none; border-left: 22px solid #A9B807; color: #e5e5e5 !important; } article.format-aside .aside .entry-title { display: none; } article.format-aside .aside .entry-content p { color: #e5e5e5 !important; } #secondary aside{ padding: 5px; padding: 0.357142857rem; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; } #secondary aside ul{ padding-left: 5px; padding-left: 0.357142857rem; } #secondary aside form{ padding: 5px; padding: 0.357142857rem; } .site-content article { margin-bottom: 24px; margin-bottom: 1.714285714rem; border: 1px solid #999999; background-color: #444; } article a { color: #A9B807; } .entry-title { background-color: #333; padding: 10px; padding: 0.714285714rem; border-bottom: 3px solid #A9B807; margin: 0; color: #CEC716; } .entry-title a{ color: #A9B807; } .entry-title a:hover{ color: #CEC716; } .entry-header{ padding: 0; margin: 0; } .entry-header .comments-link{ margin-top: 10px; margin-top: 0.714285714rem; } .entry-content{ margin: 0; padding-top: 10px; padding-top: 0.714285714rem; } .entry-content p{ margin-bottom: 0; } .entry-summary{ margin: 0; padding-top: 10px; padding-top: 0.714285714rem; } .entry-summary p{ margin-bottom: 0; } .entry-content img, .comment-content img, .widget img, img.header-image, .author-avatar img, img.wp-post-image, .avatar { opacity: 0.75; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 3px #000; -moz-box-shadow: 0 0 3px #000; } .entry-content img:hover, .comment-content img:hover, .widget img:hover, img.header-image:hover, .author-avatar img:hover, img.wp-post-image:hover, .avatar:hover { opacity: 1.0; box-shadow: 0 0 6px #000; -moz-box-shadow: 0 0 6px #000; } .entry-content table, .comment-content table { border-bottom: 1px solid #A9B807; color: #e5e5e5; } .entry-content td, .comment-content td { border-top: 1px solid #A9B807; background-color: #333; padding-left: 5px; } .entry-content th, .comment-content th { color: #A9B807; background-color: #333; border-bottom: 2px solid #A9B807; padding-left: 5px; } .entry-content blockquote, .comment-content blockquote { background-color: #333; } .wp-caption .wp-caption-text, .gallery-caption, .entry-caption { color: #999; } pre { color: #e5e5e5 !important; } footer.entry-meta { margin-top: 10px; margin-top: 0.714285714rem; color: #999999; background-color: #333; padding: 10px; border-top: 3px solid #A9B807; } li.bypostauthor cite span { color: #999999; background-color: #e5e5e5; border: 1px solid #c00000; } .comments-link a, .entry-meta a{ color: #999999; } .comments-link a:hover, .entry-meta a:hover { color: #CEC716; } .comments-area article header a:hover { color: #CEC716; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #CEC716; } .nav-single + .comments-area, #comment-nav-above { margin: 24px 0; margin: 1.714285714rem 0; } #respond { margin-top: 24px; margin-top: 1.714285714rem; } .comments-title{ margin-bottom: 10px; margin-bottom: 0.714285714rem; } .comments-area article header{ margin-bottom: 10px; margin-bottom: 0.714285714rem; } .comment-content p{ margin: 0; padding-top: 10px; padding-top: 0.714285714rem; } h1.page-title{ color: #999; } .widget-title{ background-color: #333; padding-left: 5px; padding-left: 0.357142857rem; } .widget-area .widget { margin-bottom: 24px; margin-bottom: 1.71428571rem; background-color: #444; border: 1px solid #999999; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; box-shadow: 0 0 5px #000; } .widget-area .widget:hover{ border: 1px solid #A9B807; background-color: #555555; box-shadow: 0 0 5px #999; } .widget-area .widget h3{ margin-bottom: 0px; border-bottom: 2px solid #A9B807; color: #A9B807; } .widget-area .widget a { color: #e5e5e5; transition: color 0.25s ease-in-out; -moz-transition: color 0.25s ease-in-out; -webkit-transition: color 0.25s ease-in-out; -o-transition: color 0.25s ease-in-out; } .widget-area .widget a:hover { color: #CEC716; } footer[role="contentinfo"]{ border: 1px solid #999999; background-color: #333; padding-left: 10px; padding-right: 10px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; transition: background 0.5s ease-in-out; -moz-transition: background 0.5s ease-in-out; -webkit-transition: background 0.5s ease-in-out; -o-transition: background 0.5s ease-in-out; box-shadow: 0 0 5px #000; } footer[role="contentinfo"]:hover{ border: 1px solid #A9B807; background-color: #555555; box-shadow: 0 0 5px #999; } .archive-header, .page-header { border-bottom: 2px solid #A9B807; } .archive-title{ color: #999; } footer[role="contentinfo"] a{ color: #999; } footer[role="contentinfo"] a:hover { color: #CEC716; } input, textarea { border: 1px solid #999; border-radius: 5px; background-color: #333; color: #e5e5e5; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; box-shadow: 0 0 5px #000; } input:hover, textarea:hover{ border: 1px solid #A9B807; background-color: #444; box-shadow: 0 0 5px #999; } input:focus, textarea:focus{ border: 1px solid #A9B807; background-color: #444; box-shadow: 0 0 5px #999; } .comments-area article header { background-color: #333; padding: 10px; border-bottom: 2px solid #A9B807; } .comments-area article header cite a { color: #A9B807; } .comments-area article header a { color: #CEC716; } .comments-area article header time { color: #999; } .comments-area article header cite, .comments-area article header time { margin-left: 4.07143rem; } .comment-content p { padding-bottom: 0.714286rem; } a.comment-reply-link, a.comment-edit-link { color: #999; } a.comment-reply-link:hover, a.comment-edit-link:hover { color: #CEC716; } .reply{ background-color: #333; padding-top: 5px; padding-left: 10px; padding-right: 10px; padding-bottom: 5px; border-top: 2px solid #A9B807; margin-top: 0.714286rem; } #respond form p.form-allowed-tags { color: #999; } .menu-toggle, input[type="submit"], input[type="button"], input[type="reset"], article.post-password-required input[type="submit"], li.bypostauthor cite span { background-color: #444; background-image: -moz-linear-gradient(#999 0%, #444 100%); background-image: -webkit-linear-gradient(#999 0%, #444 100%); background-image: -o-linear-gradient(#999 0%, #444 100%); background-image: linear-gradient(#999 0%, #444 100%); background-repeat: repeat-x; border: 1px solid #999; border-radius: 5px; color: #e5e5e5; text-shadow: 1px 1px 0px #000; font-weight: bold; transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -webkit-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; } .menu-toggle:hover, input[type="submit"]:hover, input[type="button"]:hover, input[type="reset"]:hover, article.post-password-required input[type="submit"]:hover{ background-color: #444; background-image: -moz-linear-gradient(#444 0%, #999 100%); background-image: -webkit-linear-gradient(#444 0%, #999 100%); background-image: -o-linear-gradient(#444 0%, #999 100%); background-image: linear-gradient(#444 0%, #999 100%); background-repeat: repeat-x; color: #CEC716; } .menu-toggle:active, .menu-toggle.toggled-on, button:active, input[type="submit"]:active, input[type="button"]:active, input[type="reset"]:active { background-color: #444; background-image: -moz-linear-gradient(#444 0%, #999 100%); background-image: -webkit-linear-gradient(#444 0%, #999 100%); background-image: -o-linear-gradient(#444 0%, #999 100%); background-image: linear-gradient(#444 0%, #999 100%); background-repeat: repeat-x; box-shadow: none; color: #CEC716; border: 1px solid #999; border-radius: 5px; } img.header-image{ border: 1px solid #999999; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; -o-border-radius: 5px; -khtml-border-radius: 5px; box-shadow: 0 0 5px #000; } img.header-image:hover{ border-color: #A9B807; box-shadow: 0 0 5px #999; } @media screen and (max-width: 600px) { .main-navigation ul.nav-menu.toggled-on { border: none; box-shadow: none; background: none; } .main-navigation ul.nav-menu.toggled-on:hover { border: none; box-shadow: none; background: none; } }