trAvis - MANAGER
Edit File: white-skin.css
/* White Skin */ #navigation-container, #footer, .sidebar-box h4, .portfolio-sidebar h4, #portfolio-categories ul, #filter-btn.filter-opened, #showcase-categories, .tabs li a , #accordion h2 { background: url("../images/top_navigation_gradient_w.png") repeat-x; background: url("../images/top_navigation_gradient_w.png"), url("../images/noise_w.png") repeat-x; background-color: #e9e9e9; border: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; -webkit-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.08); -moz-box-shadow: 0 0px 1px rgba(0, 0, 0, 0.08); box-shadow: 0 0px 1px rgba(0, 0, 0, 0.08); color: #484848; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.3); } .sidebar-box h4{ text-shadow:none; } #showcase-categories{ background-color: #F2F2F2; border-color:#d8d8d8; } #header { background: url("../images/noise_w.png") #d9d9d9; } #logo-container a { background: url(../images/logo_w.png) no-repeat; } .content-box { background: none; } #navigation-container { border-left: 0px; border-right: 0px; } #filter-btn { background-image: url(../images/trans_w.png); filter: alpha(opacity=70); opacity: 0.7; } #filter-btn.filter-opened { background: url("../images/top_navigation_gradient_w.png") repeat-x scroll 0 0 #f5f5f5; border-right: 0px; } #portfolio-categories ul li:active, #portfolio-categories ul li.selected, #showcase-categories ul li:active, #showcase-categories ul li.selected { background: url("../images/top_navigation_gradient_w.png") repeat-x scroll 0 0 #d9d9d9; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.05) inset; text-shadow: none; } #showcase-categories ul li.selected { background: url("../images/top_navigation_gradient_w.png") repeat-x scroll 0 0 #e5e5e5; } #footer ul li a, .copyrights { color: #484848; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); } body { background-color: #ebebeb; background-image: url("../images/noise_w.png"); color: #484848; } #menu ul li a, .content-box h2, #portfolio-categories ul li, #showcase-categories ul li { color: #484848; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); } #menu ul li a{ text-shadow:1px 1px 1px #e8e8e8; } #menu ul li a:hover, #menu ul li.hovered > a, #menu ul li a:active, #menu ul ul li.current-menu-item > a { color: #FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); border: 1px solid #494949; border-left: 0px; border-right: 0px; } #menu ul ul li.current-menu-item > a { border-color:transparent; } #menu ul ul li a { color: #FFF; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.2); } #menu ul li a:active { -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.2) inset; border: 1px solid rgba(0, 0, 0, 0.4); border-left: 0px; border-right: 0px; } #menu ul ul li a:active { -webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) inset; -moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) inset; box-shadow: 0px 2px 3px rgba(0, 0, 0, 0.1) inset; } .content-box { background-color: #fff; color: #484848; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } .content-box h3 { color: #5d5d5d; } .content-box .post-info { color: #999; } .preview-content { background-color: #fff; color: #484848; } .preview-content h2 { color: #484848; } .sidebar-box, .preview-img-container, .preview-content { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .preview-shadow { float: left; } .jspDrag { background: none repeat scroll 0 0 #CCCCCC; } #navigation-container .search-wrapper .searchform input[type="text"] { background: url("../images/search_icon.png") no-repeat scroll right center #CCCCCC; -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3); box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.3); border: 1px solid #acacac; } input[type="text"], textarea, input[type="password"] { background-color: #f3f3f3; border: 1px solid #d9d9d9; -webkit-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); -moz-box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.1) inset, 0 1px 0 rgba(255, 255, 255, 0.2); color: #585858; } .post-content { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .post-title-wrapper { background-color: #f7f7f7; background-image: none; border-bottom:1px solid #f2f2f2; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a, h1, h2, h3, h4, h5, h6 { color: #484848; } .post-content h2 a { text-decoration: none; text-shadow: 1px 1px 0px rgba(255, 255, 255, 0.2); } .post-info a { color: #DE3917; } a.read-more { background-image: url("../images/pattern3.png"); border: 1px solid #efefef; color: #DE3917; } #sidebar .widget_categories ul li, #sidebar .widget_nav_menu ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li { border-bottom: 1px solid #ebebeb; } #sidebar .widget_categories ul li a, #sidebar .widget_nav_menu ul li a, #sidebar .widget_archive ul li a, #sidebar .widget_links ul li a, .sidebar-box h4, .portfolio-sidebar h4, #sidebar .widget_categories ul li, #sidebar .widget_nav_menu ul li, #sidebar .widget_archive ul li, #sidebar .widget_links ul li { color: #484848; } #sidebar .widget_categories ul li:hover, #sidebar .widget_nav_menu ul li:hover, #sidebar .widget_archive ul li:hover, #sidebar .widget_links ul li:hover { border-bottom: 1px solid #e6e6e6; } .sidebar-box h4, .portfolio-sidebar h4 { border: 1px solid #bababa; } .sidebar-box { background: none repeat scroll 0 0 #fff; color: #484848; } #sidebar .widget_categories ul li:hover, #sidebar .widget_nav_menu ul li:hover, #sidebar .widget_archive ul li:hover, #sidebar .widget_links ul li:hover { background-color: #f5f5f5; } a { color: #5f5f5f; text-decoration: none; } .page #content, .single #content, .error404 #content, .page #full-width, .single #full-width, .error404 #full-width, .page-content-box { background-color: #fff; -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } table td { border: 1px solid #CCCCCC; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } table th { background-color: #CCCCCC; border: 1px solid #c2c2c2; color: #5f5f5f; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.3); } .double-line { border-bottom-color:#F2F2F2; border-top-color:#DCDCDC; } .page-template-template-featured-php #content { background-color: transparent; -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; } .latest-small-right, .latest-small { -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2); } .sidebar-box .search-button, #footer .search-button, #not-found .search-button { background: url("../images/search_icon_w.png") no-repeat scroll center center transparent; } .back-btn { background-image: url("../images/pattern3.png"); } .back-btn span { background: url("../images/back_arrow_w.png") no-repeat scroll left center transparent; } .loading { background-image: url(../images/ajax-loader-w.gif); } .portfolio-big-img { background: url(../images/ajax-loader-w.gif) no-repeat center center; background-size: 15px 15px; } #filter-btn span { background: url("../images/filter_icon_w.png") no-repeat scroll left center transparent; } #filter-btn { opacity:1; } .showcase-item { background-color: #F7F7F7; border-color: #EBEBEB; -webkit-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset; -moz-box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.03) inset; } .showcase-item:first-child { border-color: #EBEBEB; } .showcase-item:hover, .showcase-selected { background: none #fcfcfc; } .post-info { color: #DE3917; } div.after-validation { background-color: #fafafa; border-color: #f0f0f0; } .coment-box, div.invalid { background-color: #F7F7F7; border-color:#ededed; } .coment-box img{ border-color:#ededed; } .coment-box{ background-color: #F7F7F7; border:1px solid #f0f0f0; } #loadMore { background: url("../images/top_navigation_gradient.png") repeat-x scroll center bottom #707070; background-image: url("../images/top_navigation_gradient.png"), url("../images/noise.png"); -webkit-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); -moz-box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); box-shadow: 0 0 1px rgba(0, 0, 0, 0.1); } hr, blockquote p{ border-color:#EBEBEB; } blockquote, .drop-caps, .tabs a:hover{ color:#6b6b6b; } .info-box, .note-box, .tip-box, .error-box, tip-box { text-shadow:1px 1px 1px #fff; } .info-box { background-color: #ddf3fc; border-color: #8ed9f6; color: #2e6093; } .note-box { background-color: #fff8cb; border-color: #ffeb70; color: #985d00; } .error-box { background-color: #ffdede; border-color: #ff8c8c; color: #cd0a0a; } .tip-box { background-color: #ecffb9; border-color: #b7db58; color: #5d791b; } .panes, #accordion .pane{ background-color:#e9e9e9; } #content-container .wp_syntax{ background-color:#e9e9e9; color: #484848; border-color:#bababa; } .tabs li a, #accordion .pane, #accordion .pane:last-child, #accordion h2, .accordion-container, .panes, table td{ box-shadow:none; border-color:#dcdcdc; text-shadow:1px 1px 0px #fff; } table th{ text-shadow:1px 1px 0px #f4f4f4; background-color:#e8e8e8; } #accordion h2{ border-top-width:0px; } .back-btn{ border-width: 0; } .wp-caption { background-color: #ebebeb; } .blog #full-width, .page-template-template-featured-php #full-width { background-color: transparent; box-shadow: none; padding: 0; width: 980px; } .page-content-box, #main-container #content-container .page-content-box { background-color: #fff; } input.invalid[type="text"], textarea.invalid { border-color:#DE3917; box-shadow: none; } .contact-loader, #sidebar #SGM { background-image: url("../images/ajax-loader-small-w.gif"); } #slider-container{ background-color:#fff; } #nivo-slider { background: url(../images/ajax-loader-w.gif) no-repeat center; } #static-header-img{ background-color:#fff; } .bypostauthor .coment-box{ background-color:#fcfcfc } /*---------------------------- UPDATES ---------------------------*/ /*---------------------------- VERSION 1.1.0 ---------------------------*/ #footer{ border-left-width:0px; border-right-width:0px; } /*---------------------------- VERSION 1.3.0 ---------------------------*/ .preview-img-container{ background-color: #fff; } .to-load{ background-image: url(../images/ajax-loader-w.gif); } /*---------------------------- VERSION 2.0.0 ---------------------------*/ #header,.mob-nav-menu, #navigation-container, #footer, #showcase-categories, #portfolio-categories ul, #filter-btn.filter-opened, .sidebar-box h4, .portfolio-sidebar h4{ background: #e5e5e5; background-image: -webkit-linear-gradient(top, #e5e5e5,#d6d6d6); background-image: -ms-linear-gradient(bottom,#d6d6d6, #e5e5e5); background-image: -moz-linear-gradient(center bottom,#d6d6d6 0%, #e5e5e5 100%); background-image: -o-linear-gradient(top,#d6d6d6 , #e5e5e5); border-top: 1px solid #b7b7b7; border-bottom: 1px solid #b7b7b7; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset; } #navigation-container{ background: url("../images/top_navigation_gradient_w.png") repeat-x; background: url("../images/top_navigation_gradient_w.png"), url("../images/noise_w.png") repeat-x; } #header{ background: url("../images/noise_w.png") repeat-x; background-color: #e9e9e9; } #showcase-categories{ border: 1px solid #c7c7c7; } #navigation-container{ border-bottom: 0; } .sidebar-box h4, .portfolio-sidebar h4{ border: 1px solid #b7b7b7; } .mob-nav-btn { background: url(../images/mob-nav-icon_w.png) no-repeat; background-size: 20px 15px; } .mob-nav-menu li{ border-top: 1px solid #b7b7b7; } .portfolio-arrow{ background: #e5e5e5; } .mob-nav-menu ul { background: #e5e5e5; } #showcase-categories ul li.selected { background-color: #B1B1B1; } .slider-info-btn{ background-image: url("../images/pattern3.png"); border-bottom: 0; border-left: 1px solid #DADADA; } .slider-info{ background-color: #fff; box-shadow: 0 0 0px 7px rgba(0, 0, 0, 0.2); } .slider-info-close{ background: url(../images/sl-info-close_white.png) no-repeat center center; } #logo-container a{ background: none; } .mob-nav-menu a[href="#"]{ color:#9c9c9c; } /*--------------------VERSION 2.2.0 -------------------*/ .contact-captcha-container, .recaptcha-input-wrap{ border-color: #EBEBEB; } .recaptcha-input-wrap.invalid{ background-color: #F7F7F7; border-radius: 0; }