芝麻web文件管理V1.00
编辑当前文件:/home/prismawe/backup/herve-tessa-maconnerie.fr/wp-content/themes/Crevision/css/dark-style/base.css
/* Theme Name: Crevision Theme URI: http://www.jozoor.com Description: Crevision Theme for corporate and creative sites, responsive and clean layout, more than color skins, Fully Customizable, Comprehensive Theme Options and more.. Author: Jozoor Team Author URI: http://www.jozoor.com Version: 1.3.2 */ /* using standard base style by Skeleton and adding another new codes */ /* * Skeleton V1.2 * Copyright 2011, Dave Gamache * www.getskeleton.com * Free to use under the MIT license. * http://www.opensource.org/licenses/mit-license.php * 6/20/2012 */ /* Table of Content ================================================== #Reset & Basics #Basic Styles #Main Fonts #Main Colors & Backgrounds #Aligns #Typography #Links #Images #Forms */ /* Reset & Basics (Inspired by E. Meyers) ================================================== */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; } article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section { display: block; } body { line-height: 1; } ol, ul, li { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } table { border-collapse: collapse; border-spacing: 0; } /* Basic Styles ================================================== */ html { -webkit-text-size-adjust: none; } body, header { -webkit-font-smoothing: antialiased; /* Fix for webkit rendering */ -webkit-text-size-adjust: 100%; background:#292929; } body.under-construction { border-top:0; } .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } ::-moz-selection { color: #fff; text-shadow:none; } ::selection { color: #fff; text-shadow:none; } span.line { display:block; width:50px; height:4px; margin: 7px 0 -11px 0; } .google-map iframe { width:100%; min-height:400px; } br { display: none; } /* new code */ br.appear { display: block; margin-bottom: 13px; } /* new code */ /* new code */ pre { background: #3C3B3B; padding: 10px; margin: 0; border: 1px solid #1F1E1E; border-radius: 3px; word-break: break-all; word-wrap: break-word; white-space: pre-line; overflow: hidden; line-height: 24px; } /* new code */ /* for responsive design */ .fb-like-box iframe[style] {width: 100% !important; background: #fff;} .fb-like-box{width: 100% !important; margin-top: 6px;} .fb-comments, .fb-comments iframe[style], .fb-like-box, .fb-like-box iframe[style] {width: 100% !important;} .fb-comments span, .fb-comments iframe span[style], .fb-like-box span, .fb-like-box iframe span[style] {width: 100% !important;} /* Main Fonts ================================================== */ body, .navigation ul li a, .navigation ul li ul li a, .subscribe input.mail, .subscribe input.submit,/* new code */ input.subscribe-mail,/* new code */ input.subscribe-submit, input.search, input.text, textarea, input.subscribe-text, input.subscribe-button, .post-content form input[type="submit"] { font-family: 'TitilliumText22LMedium', Arial, sans-serif; } .welcome, .js .selectnav, .testimonials .author, .qoute, .description, h1.page-title, blockquote, .info-box p, table th, .tables-column .header h3, .comment .title span.right, .ei-title h3, #under-construction p, #clock-ticker .block .flip-top { font-family: 'TitilliumText22LRegular', Arial, sans-serif; } .recent-work .item h4, .day, .qoute h2, .progress-bar h5, .choose ul li, .button, .lightbox .item h4, .tables-column .header h1, .portfolio .item h4, .comment .title, .form-box label{ font-family: 'TitilliumText22LBold', Arial, sans-serif; } .recent-blog .tags, .recent-blog .tags-comments, .tags-comments2, .subscribe input.mail, /* new code */input.subscribe-mail, span.copyright, ul.team li p, .most-posts li span, .post-meta, .comment .title span.right, .popular-tags.small a { font-size:12px; } body, .navigation ul li ul li a, .services p, /* new code */ul.team li p span { font-size:13px; } .alert, blockquote, table th, .tables-column .header h3, .pricing-tables-2 .tables-column .list li, #options, .about-project p, .job, .categories, .post-content p, .ei-title h3, /* new code */ .widget_categories li, .widget_archive li, .widget_links li, .widget_pages li, .widget_rss li, .widget_meta li, /*new code */ .widget #horizontal-tabs ul.tabs li { font-size:14px; } .progress-bar h5, .button.medium, .tables-column .list li { font-size:15px; } .navigation ul li a, .flex-caption, .qoute p, a.link, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, input.subscribe-text, input.subscribe-button { font-size: 16px; } .button.large, .dropcap, /* new code */ h2.small{ font-size:18px; } .tables-column .footer h3 span, .ei-title h2 { font-size:20px; } .welcome, .flex-caption span, .day, .sti-menu li a h2, .qoute h2, .description, #toggle-view li span.link, .tables-column .header h3 span, #under-construction p, /*new code */ h2.big { font-size:22px; } .testimonials .author, a.link, .dropcap, table th { font-weight:bold; } blockquote { font-style:italic; } .tables-column .header h1{ font-size:24px; } .tables-column.featured .header h1, .tables-column.featured .header h3 span { font-size:26px; } #under-construction h1 { font-size:40px; } h1.big { font-size:150px; padding: 50px 25px 70px 0; } /* Main Colors & Backgrounds ================================================== */ body, .post-meta a, .item p a, li.bg /* adding this code new for tags */ { color:#9b9b9b; } /* new code */ .month, .subscribe input.submit, /* new code */ input.subscribe-submit, .sti-menu li a:hover h2, .sti-menu li a:hover p, a.link, a.link:hover, .accordion h3.ui-state-active a, .accordion h3.ui-state-active a:hover, .accordion h3.ui-state-active:hover a, .button, .button:hover, .highlight-color, .highlight-color a,.highlight-color a:hover, .highlight-black, .highlight-black a, .highlight-black a:hover, .highlight-gray, .highlight-gray a, .highlight-gray a:hover, #horizontal-tabs ul.tabs li.current, #horizontal-tabs ul.tabs li:hover, #vertical-tabs ul.tabs li.current, #vertical-tabs ul.tabs li:hover, #toggle-view li h3.black, #toggle-view li h3.color, #toggle-view li h3.gray, #toggle-view li span.link, .dropcap.color, .dropcap.black, .pagination li a.current,/* new code */.pagination-comments span.current,/* new code */.pagination-comments a:hover, /* new code */.pagination-comments a.prev, /* new code */.pagination-comments a.next, .pagination li a:hover, .pagination li a.prev2, .pagination li a.next2, .tabscontent.color, .tables-column .header h1, .tables-column .header h3, .tables-column .footer h3 span, #options li a:hover, #options li a.selected, .popular-tags a:hover,/* new code */.tagcloud a:hover, .date-post .day, .date-post .month, #under-construction, #under-construction h1, #under-construction p, input.subscribe-button, .flex-caption span, /* new code */.post-content form input[type="submit"], /* new code */footer .most-posts li a:hover, /* new code */footer .most-posts li span.color { color:#fff; } /* new code */ .most-posts .tagcloud a:hover { color: #fff; border: 1px solid #404040; } /* new code */ .most-posts .tagcloud a { border: 1px solid #404040; } .recent-blog .tags-comments a, .tags-comments2 a, .recent-blog .tags-comments, .tags-comments2, .more a, .more2 a { color:#b4b3b3; } .navigation ul li a, .sti-menu li a h2, .comment a:hover, .form-box label{ color:#ebebeb; } h1, h2, h3, h4, h5, h6, .services .item a, .services .item.active:hover a, .day, .qoute h2, .welcome p, .js .selectnav, .description p, .use p, .progress-bar h5, #horizontal-tabs ul.tabs li, #vertical-tabs ul.tabs li, .square-list li, .square-list li a, .check-list li, .check-list li a, .plus-list li, .plus-list li a, .arrow-list li, .arrow-list li a, .cross-list li, .cross-list li a, .star-list li, .star-list li a, .minus-list li, .minus-list li a, .arrow2-list li, .arrow2-list li a, .circle-list li, .circle-list li a, table th, #options li a, .most-posts li a:hover, #clock-ticker .block, .tweet_list li a:hover, .under-construction .copyright a:hover, /* new code */span.normal-link { color:#dedede; } .recent-work .item:hover a, .testimonials .author, .sti-menu li a, ul.team li p, .lightbox .item:hover a, .portfolio .item:hover a, .about-project p, input.search, #toggle-view li h3.normal, #toggle-view li span.link.normal{ color:#bababa; } h3.title, footer a { color:#e8e8e8; } footer, .subscribe input.mail, /* new code */input.subscribe-mail, /* new code */footer .most-posts li a { color:#a4a1a1; } .gray2, input.subscribe-text { color:#b3b3b3; } .job li a, .categories li a, .most-posts li a, .form-box label small, input.text, textarea{ color:#999999; } .navigation ul li a:hover, .navigation ul li a.selected, .navigation ul li.current-menu-parent a, .navigation ul li.current-menu-item a, .navigation ul li ul li a, .services .item, .recent-work .item, .welcome, .qoute, .lightbox .item, .portfolio .item, #options li a, .popular-tags a,/* new code */.tagcloud a, .meta { background: #303030; } .accordion h3, input.search{ background:#3E3E3E; } .meter { background:#3e3e3e; } .navigation ul li ul li a:hover, .navigation ul li ul li.current_page_item a, .tables-column .list li.odd, #clock-ticker .block, input.subscribe-text, /* new code */.most-posts .tagcloud a /* new code header */ { background:#363636; } .tabscontent.white { background-color:#292929 !important; } .square, .services .item.active:hover .square, .button.color:hover, .button.gray:hover, .highlight-black, a.link:hover, .pagination.black li a.current, .pagination.black li a:hover,/* new code */ .pagination-comments.black span.current, .pagination-comments.black a:hover, .js .selectnav { background:#3e3e3e; } .sti-menu li a:hover { background:#3e3e3e !important; } .day { background:#3e3e3e; } .our-services ul li:hover .icon-box, .button.black, #toggle-view li h3.black, .dropcap.black { background:#222222; } /* arrow icons for flex slider hover*/ .flex-direction-nav li .next:hover{ background:#585858 url(../../images/icons/project-slider-arrow-right.png) no-repeat; background-position:55% 50%; } .flex-direction-nav li .prev:hover{ background:#585858 url(../../images/icons/project-slider-arrow-left.png) no-repeat; background-position:45% 50%; } .month, .testimonials p,/* new code */ .clients .carousel4-active-slide .items, blockquote, .info-box, .box, .description, .use, #horizontal-tabs ul.tabs li, #horizontal-tabs .tabscontent, #vertical-tabs ul.tabs li, #vertical-tabs .tabscontent, .pagination li a, /* new code */ .pagination-comments a, .breadcrumbs.gray, table th, .tables-column .list li.even, #toggle-view li h3.normal, .post-content form,/* new code */ .comments li.comment.bypostauthor,/* new code */.five.columns input.subscribe-mail, /* new code */.ads li.banner { background-color:#303030; } footer { background:#303030; } footer.under-construction { background:#292929; } .subscribe input.mail, /* new code */input.subscribe-mail, /* new code */footer .tagcloud a { background:#3e3e3e; } /* new code */ .button.gray, .highlight-gray, #toggle-view li h3.gray, .pagination li a.prev2, .pagination li a.next2, /* new code */.pagination-comments a.prev, .pagination-comments a.next { background:#4e4e4e; } .tables-column .header.gray h1 { background:#515151; } .tables-column .header.gray h3, .tables-column .footer.gray h3 { background:#414040; } .tables-column .header.black h1, .tables-column.featured .footer h3 span:hover, input.subscribe-button:hover { background:#353535; } .tables-column .header.black h3, .tables-column .footer.black h3 span, input.subscribe-button { background:#2d2d2d; } .flex-control-nav li a, .ei-slider-thumbs li a, input.text, textarea { background:#3e3e3e; } /* Aligns ================================================== */ .welcome, .recent-work .item, .day, .month, .sti-menu li a, .description, .lightbox .item, .portfolio .item { text-align:center; } /* Typography ================================================== */ h1, h2, h3, h4, h5, h6 { font-weight: normal; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { font-weight: inherit; } h1 { font-size: 28px; line-height: 50px; } h2 { font-size: 20px; line-height: 30px; } h3 { font-size: 17px; line-height: 34px; } h4 { font-size: 16px; line-height: 30px; } h5 { font-size: 14px; line-height: 24px; } h6 { font-size: 12px; line-height: 21px; } p, blockquote, .textwidget, /* new code */.info-box { line-height:22px; } em { font-style: italic; } strong { font-weight: bold; } small { font-size: 80%; } /* Blockquotes */ blockquote{ } hr { border: solid #404040; border-width: 1px 0 0; clear: both; margin: -1px 0 0 0; height: 0; } hr.bottom { border: solid #404040; border-width: 1px 0 0; clear: both; margin: 15px 0 !important; height: 0; } /* Links ================================================== */ a, .recent-work .item, .services .item .square, .clients ul.items li img, .subscribe input.submit, /* new code */ input.subscribe-submit, ul.team li, ul.team li img, ul.team li h3, .choose ul li, .our-services ul li h3, .icon-box, .square-list li, .check-list li, .plus-list li, .arrow-list li, .cross-list li, .star-list li, .minus-list li, .arrow2-list li, .circle-list li, .lightbox .item, .tables-column .footer h3 span, .thumbs li a, .button, .post-content form input[type="submit"], /* new code */ .widget_categories li, .widget_archive li, .widget_links li, .widget_pages li, .widget_rss li, .widget_meta li, .widget_recent_comments li, .widget_recent_entries li, .pagenav li { -webkit-transition: all 0.3s ease-in; -moz-transition: all 0.3s ease-in; -ms-transition: all 0.3s ease-in; -o-transition: all 0.3s ease-in; transition: all 0.3s ease-in; } a { text-decoration:none; color:#dedede; } /* Images ================================================== */ img { max-width: 100%; height: auto; } /* Forms ================================================== */