mirror of
https://ghproxy.net/https://github.com/AlxMedia/boxstyle.git
synced 2025-08-26 06:17:39 +08:00
267 lines
No EOL
11 KiB
CSS
267 lines
No EOL
11 KiB
CSS
body { background: #111; }
|
|
.main { background: #222!important; }
|
|
|
|
.entry dt,
|
|
.site-title a,
|
|
.site-title a:hover,
|
|
#profile-name,
|
|
h1, h2, h3, h4, h5, h6,
|
|
.page-title h1,
|
|
.page-title h2,
|
|
.page-title h4,
|
|
.post-title a,
|
|
.alx-tab .tab-item-title a,
|
|
.alx-tab .tab-item-comment a,
|
|
.alx-posts .post-item-title a,
|
|
.alx-tabs-nav li a:hover,
|
|
.author-bio .bio-name,
|
|
.post-nav li a span,
|
|
#footer-bottom .social-links a:hover,
|
|
#footer-bottom a:hover,
|
|
.widget a:hover,
|
|
.widget > h3 a,
|
|
.widget > h3 a:hover,
|
|
.commentlist .fn,
|
|
.pinglist .ping-link { color: rgba(255,255,255,1); }
|
|
|
|
body,
|
|
.entry blockquote,
|
|
.author-bio .bio-desc,
|
|
.wp-pagenavi a:hover,
|
|
.wp-pagenavi a:active,
|
|
.wp-pagenavi span.current,
|
|
#footer-bottom #back-to-top:hover,
|
|
#footer-bottom .social-links a,
|
|
#footer-bottom a,
|
|
#flexslider-featured .flex-direction-nav a:before,
|
|
.widget_rss ul li span.rss-date,
|
|
.themeform label { color: rgba(255,255,255,0.7); }
|
|
|
|
a:hover,
|
|
#profile-description,
|
|
.site-description,
|
|
.page-title span,
|
|
.post-list .entry,
|
|
#footer-bottom #back-to-top,
|
|
#footer-bottom #copyright,
|
|
#footer-bottom #credit,
|
|
.notebox,
|
|
.widget,
|
|
.widget a,
|
|
.commentlist .comment-body p { color: rgba(255,255,255,0.5); }
|
|
|
|
.post-date,
|
|
.alx-tab .tab-item-date,
|
|
.alx-tab .tab-item-name,
|
|
.alx-posts .post-item-date,
|
|
.post-category,
|
|
.post-nav li a strong,
|
|
.wp-pagenavi a,
|
|
.wp-pagenavi span,
|
|
.widget > ul li:before,
|
|
.widget > ul li a:before,
|
|
.widget > div > ul li a:before,
|
|
.widget_calendar caption:before,
|
|
.widget_archive ul li,
|
|
.widget_categories ul li,
|
|
.widget_links ul li,
|
|
.widget_recent_comments ul li,
|
|
.widget_recent_entries ul li,
|
|
.format-circle .fa:before,
|
|
.commentlist .comment-meta a,
|
|
.pinglist .ping-meta,
|
|
.commentlist .comment-meta:before,
|
|
.pinglist .ping-meta:before { color: rgba(255,255,255,0.3); }
|
|
|
|
.post-grid .post-row,
|
|
.post-standard,
|
|
#flexslider-featured { border-color: #2d2d2d; }
|
|
#flexslider-featured .flex-control-nav li a { background: #555; }
|
|
#flexslider-featured .flex-direction-nav a { background: #181818; }
|
|
|
|
.alx-tabs-nav li a { border-bottom-color: #333; }
|
|
#footer-bottom #back-to-top { background: #222; }
|
|
|
|
#profile-curve,
|
|
#footer:before { background-image: url(img/dark/curve-color-dark.png); }
|
|
.main-inner:before {
|
|
background: -webkit-linear-gradient(top, rgba(26,26,26,1) 0%,rgba(0,0,0,0) 100%);
|
|
background: linear-gradient(to bottom, rgba(26,26,26,1) 0%,rgba(0,0,0,0) 100%); }
|
|
|
|
.page-title,
|
|
.pad-top,
|
|
.sidebar .widget { border-color: rgba(255,255,255,0.05); }
|
|
|
|
.col-2cl .main-inner { background-image: url(img/dark/sidebar/s-right.png); }
|
|
.col-2cr .main-inner { background-image: url(img/dark/sidebar/s-left.png); }
|
|
|
|
.comment-tabs,
|
|
.comment-tabs li a { border-bottom-color: #2d2d2d; }
|
|
.comment-tabs li a:hover { color: #fff; border-bottom-color: #444; }
|
|
.comment-tabs li span { background-color: #1a1a1a; }
|
|
|
|
#footer-widgets { border-color: #222; }
|
|
|
|
#footer,
|
|
.author-bio,
|
|
.sharrre .count,
|
|
.format-circle,
|
|
#commentform,
|
|
.entry code,
|
|
.post-tags a,
|
|
.entry .wp-caption { background: #1a1a1a; }
|
|
|
|
.entry ins,
|
|
hr { background: #333; }
|
|
|
|
.search-expand .themeform input { background: #1a1a1a; border-color: #333; }
|
|
.search-expand .themeform input:focus { border-color: #444; color: #999; }
|
|
|
|
.alx-tab .tab-item-category a:hover,
|
|
.alx-posts .post-item-category a:hover { color: rgba(255,255,255,0.5)!important; }
|
|
|
|
.related-posts,
|
|
.sidebar .post-nav li.previous a,
|
|
.sidebar .post-nav li.next a { border-color: #2d2d2d; }
|
|
|
|
.content .post-nav { border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
|
|
.content .post-nav li.next { -webkit-box-shadow: -1px 0 0 #2d2d2d, inset 1px 0 0 #2d2d2d; box-shadow: -1px 0 0 #2d2d2d, inset 1px 0 0 #2d2d2d; }
|
|
.content .post-nav li.previous { float: left; -webkit-box-shadow: 1px 0 0 #2d2d2d, inset -1px 0 0 #2d2d2d; box-shadow: 1px 0 0 #2d2d2d, inset -1px 0 0 #2d2d2d; }
|
|
|
|
.sharrre .count:after { border-left-color: #1a1a1a; }
|
|
.sharrre#twitter .box:hover { background: #222f35; }
|
|
.sharrre#facebook .box:hover { background: #25282e; }
|
|
.sharrre#pinterest .box:hover { background: #332223; }
|
|
.sharrre#linkedin .box:hover { background: #1f2b31; }
|
|
|
|
.themeform input[type="text"],
|
|
.themeform input[type="password"],
|
|
.themeform input[type="email"],
|
|
.themeform input[type="url"],
|
|
.themeform input[type="tel"],
|
|
.themeform input[type="number"],
|
|
.themeform select,
|
|
.themeform textarea { background: #1a1a1a; border: 2px solid #222; color: #999; }
|
|
.themeform input[type="text"]:focus,
|
|
.themeform input[type="password"]:focus,
|
|
.themeform input[type="email"]:focus,
|
|
.themeform input[type="url"]:focus,
|
|
.themeform input[type="tel"]:focus,
|
|
.themeform input[type="number"]:focus,
|
|
.themeform select:focus,
|
|
.themeform textarea:focus { border-color: #333; color: #999; }
|
|
|
|
.entry pre { background-image: url(img/dark/pre.png); border: 1px solid #2d2d2d; }
|
|
|
|
.entry table tr.alt { background: #2d2d2d; }
|
|
.entry table td { border-bottom: 1px solid #2d2d2d; }
|
|
.entry table th { border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
|
|
|
|
.wp-pagenavi a { border-bottom: 3px solid #333; border-top: 1px solid #333; }
|
|
.wp-pagenavi a:hover,
|
|
.wp-pagenavi a:active,
|
|
.wp-pagenavi span.current { border-top: 1px solid #333; }
|
|
|
|
.widget_calendar a:hover { color: #fff!important; }
|
|
.widget_calendar caption { color: #fff; }
|
|
.widget_calendar thead { background: #2d2d2d; -webkit-box-shadow: none; box-shadow: none; }
|
|
.widget_calendar th,
|
|
.widget_calendar td { border: 1px solid #2d2d2d; }
|
|
|
|
@media only screen and (min-width: 480px) and (max-width: 960px) {
|
|
.s1 { border-top: 1px solid #2d2d2d; }
|
|
}
|
|
@media only screen and (max-width: 719px) {
|
|
.content .post-nav li.previous { border-top: 1px solid #2d2d2d; }
|
|
}
|
|
@media only screen and (max-width: 479px) {
|
|
.post-grid .post,
|
|
.post-grid .page,
|
|
.blog .post-list,
|
|
.single .post-list,
|
|
.archive .post-list,
|
|
.search .post-list { border-bottom: 1px solid #2d2d2d; }
|
|
}
|
|
|
|
.child-menu a { color: #999; }
|
|
.child-menu > li > a { border: 1px solid #2d2d2d; }
|
|
.child-menu > li > ul { border-top: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
|
|
.child-menu > li > ul > li > a { border-bottom: 1px solid #2d2d2d; border-left: 1px solid #2d2d2d; border-right: 1px solid #2d2d2d; }
|
|
.child-menu > li ul ul { border-left: 10px solid #2d2d2d; border-right: 1px solid #2d2d2d; border-bottom: 1px solid #2d2d2d; }
|
|
.child-menu > li ul ul a:hover,
|
|
.child-menu > li ul ul li.current_page_item > a { background: #2d2d2d; }
|
|
|
|
#btn-mode { color: #fff; }
|
|
|
|
/* menu header styling */
|
|
#header .nav-menu:not(.mobile) { background: #222; border-bottom: 1px solid rgba(255,255,255,0.05); }
|
|
#header .nav-menu:not(.mobile) { border-top-color: rgba(255,255,255,0.05); }
|
|
#header .nav-menu:not(.mobile) li.current_page_item > span > a,
|
|
#header .nav-menu:not(.mobile) li.current-menu-item > span > a,
|
|
#header .nav-menu:not(.mobile) li.current-menu-ancestor > span > a,
|
|
#header .nav-menu:not(.mobile) li.current-post-parent > span > a { color: #fff; }
|
|
#header .nav-menu:not(.mobile) ul ul li.current_page_item > span > a,
|
|
#header .nav-menu:not(.mobile) ul ul li.current-menu-item > span > a,
|
|
#header .nav-menu:not(.mobile) ul ul li.current-menu-ancestor > span > a,
|
|
#header .nav-menu:not(.mobile) ul ul li.current-post-parent > span > a { color: #fff; }
|
|
|
|
#header .nav-menu:not(.mobile) button.active { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }
|
|
#header .nav-menu:not(.mobile) button .svg-icon { fill: rgba(255,255,255,0.3); }
|
|
#header .nav-menu:not(.mobile) a { color: rgba(255,255,255,0.6); }
|
|
#header .nav-menu:not(.mobile) a:hover { color: #fff; }
|
|
#header .nav-menu:not(.mobile) ul ul > li:hover > span { background: transparent; }
|
|
|
|
#header .nav-menu:not(.mobile) .menu ul { background: #222; box-shadow: 0 2px 2px rgba(0,0,0,0.15); color: #666; }
|
|
#header .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: transparent; }
|
|
#header .nav-menu:not(.mobile) .menu ul ul:after { border-bottom-color: transparent; }
|
|
#header .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #222; }
|
|
#header .nav-menu-dropdown-left .nav-menu:not(.mobile) .menu ul ul:after { border-left-color: #fff; }
|
|
#header .nav-menu:not(.mobile) .menu ul a { font-size: 13px; color: rgba(255,255,255,0.7); }
|
|
#header .nav-menu:not(.mobile) .menu ul span { border-bottom: 1px solid rgb(255,255,255,0.04); }
|
|
#header .nav-menu:not(.mobile) .menu ul li:last-child a { border-bottom: 0; }
|
|
#header .nav-menu:not(.mobile) ul ul a { transition: all 0.3s ease; }
|
|
#header .nav-menu:not(.mobile) ul ul a:hover { background: transparent; color: #fff; }
|
|
|
|
#header .nav-menu:not(.mobile) ul ul button.active { background: rgba(255,255,255,0.1); color: rgba(255,255,255,0.5); }
|
|
|
|
#header .menu-toggle-icon span { background: #fff; }
|
|
#header .nav-menu.mobile { background: transparent; border-top: none; position: relative; z-index: 3; border-top: 1px solid rgba(255,255,255,0.06); border-bottom: 1px solid rgba(255,255,255,0.1); }
|
|
#header .nav-menu.mobile .svg-icon { fill: #fff; }
|
|
#header .nav-menu.mobile button.active .svg-icon { fill: #fff; }
|
|
#header .nav-menu.mobile ul ul { background: rgba(255,255,255,0.04); }
|
|
#header .nav-menu.mobile ul li .menu-item-wrapper,
|
|
#header .nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid rgba(255,255,255,0.07); }
|
|
#header .nav-menu.mobile ul li a { color: #fff; }
|
|
#header .nav-menu.mobile ul button,
|
|
#header .nav-menu.mobile ul ul button { border-left: 1px solid rgba(255,255,255,0.07); }
|
|
#header .nav-menu.mobile > div > ul { border-top: 1px solid rgba(255,255,255,0.07); }
|
|
|
|
/* menu footer styling */
|
|
#footer .menu-toggle-icon span { background: #fff; }
|
|
|
|
#footer .nav-menu:not(.mobile) { background: transparent; border-bottom: 1px solid rgba(255,255,255,0.04); }
|
|
#footer .nav-menu:not(.mobile) a { color: rgba(255,255,255,0.5); }
|
|
#footer .nav-menu:not(.mobile) a:hover { color: #fff; }
|
|
#footer .nav-menu:not(.mobile) .menu ul { background: #222; box-shadow: 0 4px 10px rgba(0,0,0,0.06); }
|
|
#footer .nav-menu:not(.mobile) .menu ul span { border-bottom: 1px solid rgba(255,255,255,0.04); }
|
|
#footer .nav-menu:not(.mobile) .menu ul:after { border-bottom-color: transparent; border-top-color: #222; }
|
|
#footer .nav-menu:not(.mobile) .menu ul ul:after { border-right-color: #222; border-top-color: transparent; }
|
|
|
|
#footer .nav-menu:not(.mobile) li.current_page_item > span > a,
|
|
#footer .nav-menu:not(.mobile) li.current-menu-item > span > a,
|
|
#footer .nav-menu:not(.mobile) li.current-menu-ancestor > span > a,
|
|
#footer .nav-menu:not(.mobile) li.current-post-parent > span > a { color: #fff; }
|
|
#footer .nav-menu:not(.mobile) button .svg-icon { fill: rgba(255,255,255,0.3); }
|
|
#footer .nav-menu:not(.mobile) button.active { background: rgba(255,255,255,0.1); }
|
|
#footer .nav-menu:not(.mobile) ul ul > li:hover > span { background: none; }
|
|
|
|
#footer .nav-menu.mobile { border-bottom: 1px solid rgba(255,255,255,0.05); }
|
|
#footer .nav-menu.mobile .svg-icon { fill: #fff; }
|
|
#footer .nav-menu.mobile button.active .svg-icon { fill: #fff; }
|
|
#footer .nav-menu.mobile ul ul { background: rgba(255,255,255,0.03); }
|
|
#footer .nav-menu.mobile ul li .menu-item-wrapper,
|
|
#footer .nav-menu.mobile ul ul li .menu-item-wrapper { border-bottom: 1px solid rgba(255,255,255,0.07); }
|
|
#footer .nav-menu.mobile ul li a { color: #fff; }
|
|
#footer .nav-menu.mobile ul button,
|
|
#footer .nav-menu.mobile ul ul button { border-left: 1px solid rgba(255,255,255,0.07); }
|
|
#footer .nav-menu.mobile > div > ul { border-top: 1px solid rgba(255,255,255,0.07); } |
