/* Theme Name: GSM New Theme URI: / Version: 1.2 Author: Wellcom Author URI: http://www.wellcom.fr/ Tags: Guide Social Media, Wellcom, Digital */ h1, h2, h3, h4, h5, h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:#201e1f; } .main-container { color:#201E1F; min-height:500px; } body.blue .navigation div > ul > li.current-menu-item > a, body.blue .navigation div > ul > li.current_page_item > a, body.blue .navigation div > ul > li.current_page_ancestor > a, body.blue .navigation div > ul > li.current-menu-ancestor > a, .footer p a, .col-side a, body.blue .article blockquote, .commentlist p a { /*color:#2494db;*/ color:#ffcd02;} .article a {color:#454545; border-bottom:1px dotted #454545;} .article a:hover {border-bottom:1px none #454545;background-color:#d9d9d9;} body.blue { background:#eaf3f8;} body.blue .main-container { background-color:#fff;} body.blue .top { border-bottom: none;} body.blue .bottom { border-top: none;} body.blue .navigation div > ul > li > a, .link-more { color:#2e5266;} .postmeta, .postmeta a, .footer .article, .subnav li.current_page_item > a, .subnav li.current-menu-item > a, .tweets .msg-meta, .commentlist time { color:#201e1f; } .footer, .footer a { color:#666; } .article li, .commentlist { color:#888; } .header { position: relative; z-index:99;} .navigation div > ul { margin-left:-20px; white-space: nowrap;} .navigation div > ul li { position:relative;} .navigation div > ul li a { display: block; } .navigation div > ul > li:hover > a, .navigation div > ul ul { background-color:#366b8d; color:#fff!important; } .navigation div > ul ul { font-size:14px; position: absolute; display: none; min-width:185px; white-space:nowrap; z-index:2; } .navigation div > ul ul li + li { background: url(/wp-content/themes/gsm-new/images/nav-divider.png) repeat-x left top; padding-top:5px;} .navigation div > ul ul li a { display: block; padding: 15px 20px; color:#fff!important; } .navigation div > ul ul li a:hover { background-color:#11476a; } .navigation div > ul > li { float:left;} .navigation div > ul > li.parent > a { }/*background-image: url(/wp-content/themes/gsm-new/images/nav-arrow.png); background-repeat: no-repeat; background-position: center 36px;*/ .navigation div > ul > li.current-menu-item > a, .navigation div > ul > li.current_page_item > a, .navigation div > ul > li.current_page_ancestor > a, .navigation div > ul > li.current-menu-ancestor > a { color:#2494db;}/*f3466a*/ .navigation div > ul > li > a { font-size:12px; line-height:12px; height:12px; padding: 20px; color:#333;} .navigation div > ul > li > ul { left: 0; top: 52px;} .navigation div > ul > li ul ul { left: 99%; top: 5px; border: solid 1px rgba(0,0,0,0.2);} .navigation div > ul li:hover { z-index:3; } .navigation div > ul li:hover > ul { display: block!important;} .top{padding-top:15px;border-bottom: 2px solid #f6f6f6;} .comments-box h2, #respond h2 { border-bottom: solid 1px #e5e5e5; } .top form { float:left; padding: 15px 0 0;} form.searchform input { float:left; width: 175px; margin-right:-1px; } form.searchform button > span { height:0; display: inline-block; background: url(/wp-content/themes/gsm-new/images/btn-search.gif); width:23px; padding-top:22px; overflow:hidden; float:left; border: solid 1px #e5e5e5; box-shadow: -1px 0 2px rgba(0,0,0,0.05); -moz-box-shadow: -1px 0 2px rgba(0,0,0,0.05); -webkit-box-shadow: -1px 0 2px rgba(0,0,0,0.05);} .logo h1 { font-size:30px; padding: 15px 0 25px;} .messagehp{padding:20px 0 20px 0;} .messagehp{font-size: 16px;color:#666;} .normal-slider, .big-image-slider { background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left bottom; padding-bottom:30px; margin-bottom:8px; /*margin-top:-15px;*/ } .normal-slider > div, .big-image-slider > div { position:relative;} .normal-slider ul li, .big-image-slider ul li { width: 940px; height:300px; position:relative; } .normal-slider ul li > div.grid_4 { margin:30px 0 0 0; } .normal-slider .postmeta { margin: 10px 0 25px;} .normal-slider .link-more { margin-top: 20px;} ol#controls { text-align:center; } ol#controls li { display: inline; margin: 0 4px;} ol#controls li a { display: inline-block; width:10px; height:0; padding-top: 10px; overflow:hidden; background: url(/wp-content/themes/gsm-new/images/dots.png) no-repeat center top;} ol#controls li a:hover { background-position: center -10px; } ol#controls li.current a { background-position: center -20px; } .big-image-slider {position:relative;} .big-image-slider .slider-texts { height: 204px; width: 340px; padding: 36px 20px 20px 20px; background: #000 url(/wp-content/themes/gsm-new/images/slider-texts-fd.gif); position: absolute; left:20px; top:20px; color:#fff; } .big-image-slider .slider-texts .readmore { height: 46px; width: 47px; position: absolute; left:315px; top:195px; background: transparent url(/wp-content/themes/gsm-new/images/readmore-btn.gif);} .big-image-slider .slider-texts .readmore a { display: block; height: 46px; width: 47px;} .slidecontainer { position:relative; } .big-image-slider .slider-texts h2 { font-weight:bold; font-size:22px; margin-bottom:20px; } .big-image-slider .slider-texts h2 a { color:#fff!important; } .big-image-slider .postmeta { border-top: solid 1px #656f75; border-bottom: solid 1px #656f75; margin-bottom:25px; } .big-image-slider .postmeta .post-categories { padding-left: 165px;} .big-image-slider .postmeta .dot { padding: 0 7px;} .big-image-slider .postmeta, .big-image-slider .postmeta a { color:#eee; } /*.big-image-slider .link-more a { background-image: url(/wp-content/themes/gsm-new/images/arrow-lightblue.png); color:#8ad1fd;}*/ .big-image-slider .link-more-slide { height: 46px; width: 47px; position: absolute; left:315px; top:195px; background: transparent url(/wp-content/themes/gsm-new/images/readmore-btn.gif);} .big-image-slider .link-more-slide a { display: block; height: 46px; width: 47px;} .full-width-slider { height:425px; padding-bottom: 50px; margin-bottom:40px; margin-top:-35px; background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left bottom;} .full-width-slider > div { padding-top:20px;position: absolute; width:100%; height: 425px; left:0; z-index:1;} .full-width-slider ul li { background-position: center top; width: 100%; height: 425px;} .full-width-slider ul li a { display: block; height:425px;} .full-width-slider-nav { width: 70px; height:30px; background: url(/wp-content/themes/gsm-new/images/slider-arrows.png); position:absolute; left: 50%; margin-left: 400px; margin-top: -30px; z-index:99; } .full-width-slider-nav span { width: 30px; float:left; } .full-width-slider-nav span + span { margin-left:10px; } .full-width-slider-nav a { display: block; height:0; padding-top:30px; overflow:hidden; } .full-width-slider #prevBtn, .full-width-slider #nextBtn { width: 30px; height:30px; } .full-width-slider #nextBtn { background-position: right top; } .nivo-slider { padding: 0 0 60px; margin-bottom: 40px; margin-top:-15px;background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left bottom; } .nivo-slider > div { height:380px; margin: 0 auto; position:relative;} .nivo-slider img { position:absolute; top:0px; left:0px; display:none;} .nivo-slider > a { border:0; display:block;} .nivo-controlNav { position:absolute; width:100%; left:0; text-align: center; bottom: -35px; background:url(/wp-content/themes/images/dots.png) no-repeat; } .nivo-controlNav a { margin: 0 5px; width:10px; height:0; display: inline-block; padding-top:10px; overflow:hidden; background: url(/wp-content/themes/gsm-new/images/dots.png) no-repeat left top; } .nivo-controlNav a:hover { background-position: left -10px;} .nivo-controlNav a.active { background-position: left -20px;} .nivo-caption a { color:#efe9d1; text-decoration:underline; } .nivo-directionNav { position:relative; clear:both;} .nivo-directionNav a { display: block; width:30px; height:0; padding-top:30px; overflow:hidden; background:url(/wp-content/themes/gsm-new/images/arrows.png) no-repeat; border:0;} a.nivo-nextNav { background-position:-30px 0; right:15px; } a.nivo-prevNav { left:15px; } .postmeta { border-top: solid 1px #201e1f; border-bottom: solid 1px #201e1f; font-size:12px; margin: 8px 0 15px; padding: 10px 0; min-height: 10px; line-height:1; } .single-post .postmeta { margin: 0 0 10px 0; } .single-post .postmeta div.sociable { margin:0; float:right; margin-top:-5px;} .single-post div.singlesociable{ float:left; background-color:#fff;margin-top:-35px;} .postmeta .post-categories { /*padding-left: 225px;*/} .postmeta .dot { padding: 0 10px; } .comment-stats { background: url(/wp-content/themes/gsm-new/images/icon-comment.png) no-repeat left center; padding-left:12px; } p.link-more { margin-top:10px; font-size:10px; font-weight:bold;} p.link-more a { display:block;background: url(/wp-content/themes/gsm-new/images/read-more-fd3.gif) no-repeat center right; width:95px; height: 28px; padding-top:10px;color:#201E1F;} p.link-more a:hover { background: url(/wp-content/themes/gsm-new/images/read-more-fd3b.gif) no-repeat center right;color:#201E1F;} .small-image-listing .article, .normal-slider .article { /*font-size: 11px;*/ } .big-image-slider .article { font-size: 13px; } .small-image-listing .postmeta, .normal-slider .postmeta, .big-image-slider .postmeta { font-size: 10px; } .postmeta {line-height:1.2;} .big-image-listing .thumbnail img { width: 700px; } .full-width-listing .thumbnail img { width:940px; } .small-listing .thumbnail img { font-size:220px; } .full-width-listing .post + .post { padding-top: 50px; margin-top:40px; background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left top; } .full-width-listing .post h2 { font-size:20px; } .small-image-listing .post h2 { font-size:20px; font-weight:bold; } .small-image-listing .post div.sociable { margin:0; float:right;} .thumbnail { position: relative;} .thumbnail, .thumbnail a, .thumbnail img { float:left; } .thumbnail a, .flickr_badge_image a { background-color:#000;} .thumbnail a:hover img, .flickr_badge_image a:hover img { opacity:0.9;} .thumbnail span.frame { position: absolute; left:0; top:0; width:100%; height:100%; display:none;} .miniG span.frame span { background-image: url(/wp-content/themes/gsm-new/images/frame.png); display: block;} .thumbnail span.frame > span {padding-right: 5px; background-position: right top; background-repeat: repeat-y;} .thumbnail span.frame > span > span { padding-left: 5px; background-position: left top; background-repeat: repeat-y;} .thumbnail span.frame > span > span > span { background-position: left bottom; background-repeat: repeat-x; padding-bottom:5px;} .thumbnail span.frame > span > span > span > span {background-position: left top; background-repeat: repeat-x; padding-top:5px; } .thumbnail span.frame .empty { background:none!important; } .flickr_badge_image { position: relative; margin: 0 20px 20px 0;} .flickr_badge_image.even { margin-right:0; } .flickr_badge_image.top { margin-top:0; } .flickr_badge_image img { width: 80px; height:80px;} .flickr_badge_image, .flickr_badge_image a, .flickr_badge_image img { float:left; } .flickr_badge_image span.frame { position: absolute; left:0; top:0; width:100%; height:100%; display:none;} .flickr_badge_image span.frame span { background-image: url(/wp-content/themes/gsm-new/images/frame.png); display: block;} .flickr_badge_image span.frame > span {padding-right: 5px; background-position: right top; background-repeat: repeat-y;} .flickr_badge_image span.frame > span > span { padding-left: 5px; background-position: left top; background-repeat: repeat-y;} .flickr_badge_image span.frame > span > span > span { background-position: left bottom; background-repeat: repeat-x; padding-bottom:5px;} .flickr_badge_image span.frame > span > span > span > span {background-position: left top; background-repeat: repeat-x; padding-top:5px; } .flickr_badge_image span.frame { display: block;} .flickr_badge_image span.frame .empty { background:none!important; height:70px; } .flickr_badge_image + p { clear:both; line-height:1;} .flickr_badge_image + p a { background: url(/wp-content/themes/gsm-new/images/icon-flickr.png) no-repeat left center; padding-left: 25px; } .flickr_link { background: url(/wp-content/themes/gsm-new/images/icon-flickr.png) no-repeat left center; padding-left: 25px; } .clearfix > .thumbnail { margin-bottom: 15px;} .col-side .widget { font-size:12px; } .col-side .widget ul li { border-bottom: 1px solid #d9d9d9; font-size:11px; height:30px;} html>body .col-side .widget ul li { height: auto; min-height: 30px; } .col-side .widget ul li a { color: #201e1f; font-weight:bold;} .widget + .widget { margin-top: 20px; } .widget h2 { font-size: 16px; margin-bottom: 4px; height:25px ; font-weight:bold; color:#fff; background: url(/wp-content/themes/gsm-new/images/widget-h2-fd.gif) repeat-x 0 0; text-transform:none; padding: 8px 0 0 7px;} .widget h3 { font-size:16px; } .widget .posts li + li { margin-top: 25px;} .col-side > .widget { } .col-side .contactinfo { font-size:12px; line-height:1.5; } .col-side .contactinfo h2 { margin-bottom: 10px;} .col-side .contactinfo p + p { margin-top: 10px; } .col-side .widget_themeteam_search, .col-side .widget_themeteam_contact_info,.col-side .widget_themeteam_subscribe { padding: 0;background: none; } .widget + .widget_themeteam_search, .widget + .widget_themeteam_contact_info, .widget + .widget_themeteam_subscribe { margin-top:35px;border-top: solid 1px #e5e5e5;padding: 30px 0 0; } .col-side .widget_themeteam_subscribe h2, .col-side div.searchform h2 { margin-bottom: 10px;} .col-side .widget_themeteam_subscribe p + p { margin-top: 10px; } .col-side .widget_themeteam_subscribe input[type=text] { float:left; width: 130px; } .col-side .widget_themeteam_subscribe button { float:left; } .col-side .widget_themeteam_subscribe button > span { background: #f0f0f0 url(/wp-content/themes/gsm-new/images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 69px; margin-left:-1px; line-height:22px; height:22px; float:left; } button.contact > span { background: #f0f0f0 url(/wp-content/themes/gsm-new/images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 69px; line-height:22px; height:22px; float:left; } button.comment > span { background: #f0f0f0 url(/wp-content/themes/gsm-new/images/line.gif) repeat-x left top; border: solid 1px #dadada; font-size:11px; width: 110px; line-height:22px; height:22px; float:left; } .subnav li { line-height:1; } .subnav li + li { margin-top: 10px; } .subnav li.current_page_item > a, .subnav li.current-menu-item > a { background: url(/wp-content/themes/gsm-new/images/bullet-arrow.png) no-repeat left 1px; padding-left: 10px; display: inline-block;} #recent-tweets li { word-wrap: break-word; padding-left:25px; font-size:11px; line-height:1.5; position:relative;} #recent-tweets li:before { content: ""; position:absolute; display: inline-block; width: 19px; height:15px; left: 0; margin-top: 2px; background: url(/wp-content/themes/gsm-new/images/icon-bird.png) no-repeat left top; } #recent-tweets li + li { /*margin: 15px 0 0; padding-top: 15px; border-top: solid 1px #dcdcdc;*/ } #recent-tweets .msg-meta { font-size:10px; margin-top: 5px; } .post + .post { margin-top:40px; } .footer { font-size: 10px; line-height:1.4; margin:110px auto 0 auto; padding: 40px 20px 30px 20px; background: url(/wp-content/themes/gsm-new/images/divider-footer.png) repeat-x left top; width:900px; } .footer h2 { background: url(/wp-content/themes/gsm-new/none); font-size:11px; padding:0 0 5px 0; color:#201E1F; height: auto; text-transform: uppercase; border-bottom:1px solid #d9d9d9; line-height:1.2; font-weight:bold;} .footer li { margin: 0; border-bottom: 1px dashed #fff; padding:5px; } .footer .first { margin-left:0;} .footer .last { margin-right:0;} .footer .grid_3 {width:210px;} .footer p { margin-bottom: 8px;} .footer a:hover {color:#000;} .social-networks a { display: inline-block; background-repeat: no-repeat; background-position: left center; line-height:16px; padding-left:25px; } .social-networks a.link-facebook { background-image: url(/wp-content/themes/gsm-new/images/icon-facebook.png); } .social-networks a.link-twitter { background-image: url(/wp-content/themes/gsm-new/images/icon-twitter.png); } .social-networks a.link-flickr { background-image: url(/wp-content/themes/gsm-new/images/icon-flickr.png); } .social-networks a.link-vimeo { background-image: url(/wp-content/themes/gsm-new/images/icon-vimeo.png); } .social-networks a.link-linkedin { background-image: url(/wp-content/themes/gsm-new/images/icon-linkedin.png); } .social-networks a.link-rss { background-image: url(/wp-content/themes/gsm-new/images/icon-rss.png); } .footer .success-msg { background: url(/wp-content/themes/images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);} .footer .success-msg p { font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;} .footer .success-msg p + h4 { text-transform: uppercase;} .single-post .thumbnail { margin-bottom: 25px; } .single-post .article { line-height:1.7; } .article { font-size:12px;line-height:1.6; } .article p { font-size:13px; color:#454545; margin-bottom:10px;} .single-post .thumbnail, .article dl, .article hr, .article h1, .article h2, .article h3, .article h4, .article h5, .article h6, .article ol, .article ul, .article pre, .article table, .article address, .article fieldset, .article blockquote, .article q { margin-bottom: 25px; } blockquote { background:url(/wp-content/themes/gsm-new/images/border.png); padding: 10px; color:#f3466a;font-size:16px; line-height:1.5; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic;} blockquote > div { background-color:#fff; margin:0; padding: 15px 20px;} .article ul li {list-style: disc;margin: 2px 0 2px 40px; padding: 0 10px;} .article ol li {list-style: decimal;margin: 2px 0 2px 40px; padding: 0 10px;} .article blockquote { color:#f3466a; font-size:16px; font-family:Georgia, "Times New Roman", Times, serif; font-style: italic; } .article blockquote > div > * { margin: 0; } .article blockquote > div > * + * { margin: 15px 0 0;} .about-the-author { padding: 25px 0 35px; border-top: solid 1px #e5e5e5; font-size:12px; line-height:1.6; } .about-the-author h2 { font-size:12px; margin-bottom: 20px; } .about-the-author h4 { margin-bottom: 10px; line-height:1; } .divider { background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left bottom; height:10px; clear:both;} .comments-box, #respond { padding-top: 80px;} .comments-box h2, #respond h2 { font-size: 18px; padding-bottom: 10px;} .commentlist li { padding-top: 30px; min-height:96px; line-height: 1.6; font-size:12px;} .commentlist li + li, .commentlist .children { border-top: solid 1px #e5e5e5; margin-top: 30px; } .commentlist h3 { margin-bottom:3px; line-height:1; font-size:16px; text-transform:capitalize;} .commentlist time { text-transform: uppercase; font-size:11px; } .commentlist p + p { margin-top:10px;} .commentlist .children { margin-left:80px;} #respond h2 { margin-bottom: 30px;} #respond input[type=text] { width: 200px; clear:both;} #respond textarea { width: 680px; } #respond .first { margin-left:0;} #respond .last { margin-right:0;} #respond .clear { height:30px; } .mini-slider { width:300px; position:relative; overflow:hidden;} .mini-slider ul li { width:300px; height:210px;} .mini-slider #prevBtn, .mini-slider #nextBtn, .mini-slider #prevBtn a, .mini-slider #nextBtn a { background: url(/wp-content/themes/gsm-new/images/arrow-slider.png) no-repeat left top;} .mini-slider #nextBtn, .mini-slider #nextBtn a { background-position: right top;} .mini-slider #nextBtn,.mini-slider #prevBtn { position: absolute; width:30px; height:30px; bottom:30px;} .mini-slider #nextBtn a, .mini-slider #prevBtn a { display: block; height:0; padding-top:30px; overflow:hidden;} .mini-slider #nextBtn { right:0;} /*****************************/ mark { display: inline-block; padding: 0 5px; color:#333;} mark.slateblue{ background-color:#afedfa;} mark.skyblue{ background-color:#7ceefb;} mark.lightblue{ background-color:#5ce3fe;} mark.blue{ background-color:#bbc6ff;} mark.coffee{ background-color:#fbd5cf;} mark.camel{ background-color:#ffb7c7;} mark.ochre{ background-color:#ffdab9;} mark.lightgreen{ background-color:#ffa7a7;} mark.green{ background-color:#d2f9ad;} mark.darkgreen{ background-color:#bdfabf;} mark.yellow{ background-color:#fff5a8;} mark.darkyellow{ background-color:#fffb78;} mark.purple{ background-color:#ffbeec;} mark.darkpurple{ background-color:#f56ce5;} mark.gray{ background-color:#e5e5e5;} mark.greymetal{ background-color:#ccc;} mark.red{ background-color:#ffcece;} mark.darkred{ background-color:#ff5e66;} #layover-messages { background-color:#f3f3f3; padding: 25px 0; font-size:22px; line-height:1.35em;} #layover-messages div + div { text-align:center;} .feature h2 { line-height: 1.1em; margin-bottom:10px; font-size:16px;} .feature h2 img { vertical-align:middle;} .feature p { font-size:12px; line-height: 1.4em; } .contactform .success-msg { background: url(/wp-content/themes/gsm-new/images/bg-success-msg.png) no-repeat left top; width:227px; height:156px; padding-top:55px; text-align:center; color:rgba(255,255,255,0.4);} .contactform .success-msg p { color:#777777;font: italic 12px Georgia, "Times New Roman", Times, serif; margin-bottom:60px;} .contactform .success-msg p + h4 {color:#777777; text-transform: uppercase;} .mainContactForm input{width:300px;} .mainContactForm textarea{width:300px;} .mainContactForm p{padding-bottom:20px;} .miniContactForm input{width:150px;} .miniContactForm textarea{width:150px;} .miniContactForm p{padding-bottom:20px;} .breadcrumbs { text-transform: uppercase; font-size:11px; } .breadcrumbs ul{margin-bottom:40px; padding-bottom:25px; border-bottom: 2px solid #f6f6f6;} .breadcrumbs li { float:left; padding: 0px 0px 5px 0; height:11px;} .breadcrumbs li + li { padding-left:5px; } .breadcrumbs li a { color:#979797; font-weight: normal;} .breadcrumbs .sep{padding-left:20px;width:8px; height:10px; background: url(/wp-content/themes/gsm-new/images/b_arrow.png) no-repeat center;} .breadcrumbs li:first-child { min-width: 25px;} .breadcrumbs li:last-child, .breadcrumbs li.last { background: none; } .filter { padding-bottom: 30px; color:#808080; font-size:11px; } .filter ul, .filter li { float:left; } .filter ul { padding-right:30px;} .filter li { line-height:15px; } .filter li a { padding: 0 15px; display:block; color:#535353;} .filter li.active a { color:#303030; background-color:#fff;} .filter li:first-child { padding-right:10px;} .filter li a:hover { color:#303030;} .filter li.sep{border-right:2px solid #eee;width:1px;height:15px;} #topstories, .tabs { background: url(/wp-content/themes/gsm-new/images/bg-topstories.gif) repeat-x left top!important; border:none!important; margin:0!important; min-height:40px;} .tabs li { float:left; background: url(/wp-content/themes/gsm-new/images/bg-topstories-sep.png) no-repeat right top; padding-right:1px;} .tabs li a { display: block; line-height: 40px; text-transform: uppercase; color:#808080; padding: 0 10px;} .tabs li a:focus { outline:0;} .tabs li:first-child a { background: url(/wp-content/themes/gsm-new/images/bg-topstories-sep.png) no-repeat left top; } .tabs li.active a { background-color:#fff; color:#333;} .tabs li a:hover { color:#333;} #topstories .tabs-content { padding: 50px 0; position:relative;} #topstories .tabs-content > div > div { margin: 0 30px;} #topstories .tabs-content li { width: 200px; height:200px; float:left; margin: 0 10px; position:relative;} #topstories .tabs-content li a { color:#fff;} #topstories .tabs-content li img { float:left;} #topstories .tabs-content li h3 { font-size: 13px; font-weight:normal; position: absolute; width:100%; height:32px; line-height:32px; bottom:0; left:0; overflow:hidden; text-overflow: ellipsis;-o-text-overflow: ellipsis; text-indent: 5px; } #topstories .tabs-content li small { position: absolute; right:0; top:0; padding:5px 7px; background-color:#000; color:#989898; font-size:10px; text-transform:uppercase;} #topstories .prevBtn, #topstories .nextBtn { position: absolute; width: 17px; height:0; font-size:0; padding-top: 24px; overflow:hidden; top:128px; background-image:url(/wp-content/themes/gsm-new/images/arrows.png); background-repeat: no-repeat; cursor:pointer;} #topstories .prevBtn { background-position: left top; left:0;} #topstories .nextBtn { background-position: right top; right:0;} #last-tweet { background-color:#e7f9ff; border-top: solid 1px #d3eef8; padding: 7px 0; color:#5ca3bb;} #last-tweet a { color:#1c4b54;} #last-tweet > div > div > div { padding: 12px 0 12px 70px; min-height:15px; background: url(/wp-content/themes/gsm-new/images/i_tweet-bird.png) no-repeat left top; } .clearCode{height:25px;} .col1-layout { padding-top: 35px;} p.posttags a { display:block; float:left; background: url(/wp-content/themes/gsm-new/images/read-more-fd3.gif) no-repeat center left; height: 30px; color:#201E1F; padding-left:35px;margin-right:10px;border-bottom:none;margin-bottom:15px;} p.posttags a:hover { background: url(/wp-content/themes/gsm-new/images/read-more-fd3b.gif) no-repeat center left;color:#201E1F;} #searchform p { margin-bottom: 10px;} .read-more, .show-code, .fancy-link { display: inline-block; padding: 0 10px 0 0; font-size:12px; cursor:pointer;} .read-more { background: url(/wp-content/themes/gsm-new/images/read-more.png) no-repeat right center;} .show-code { font-size:13px; font-weight:bold; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius:3px; background: #e8e8e8 url(/wp-content/themes/gsm-new/images/arrow_show-code.png) no-repeat 110px 15px; padding:12px 45px 13px 15px; line-height:1; font-family:Arial, Helvetica, sans-serif; color:#333!important; text-transform:uppercase; } .show-code.open {background-position: 110px -15px; border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -webkit-border-bottom-left-radius:0; -webkit-border-bottom-right-radius:0; } .fancy-link {text-transform:uppercase;} .portfolio .entry h2, .testimonial .article { background: url(/wp-content/themes/gsm-new/images/quote.png) no-repeat left top; width:90%!important; padding-left:10%; float:left;} /*set the common button */ .button.small.commonBtn > span { background-position: left top;} .button.small.commonBtn > span > span { position: right top; } .button.medium.commonBtn > span { background-position: left top;} .button.medium.commonBtn > span > span { position: right top; } .button.large.commonBtn > span { background-position: left top;} .button.large.commonBtn > span > span { position: right top; } /*code*/ pre{white-space:pre; background-color:#e8e8e8; padding: 20px; } code{ color:#000;font:normal 88% "Courier New", Courier, monospace;white-space:nowrap; } pre code{display:block;clear:both;line-height:28px;color:#000;overflow:auto;white-space:normal;background:url(/wp-content/themes/gsm-new/images/code-bg.png) no-repeat left top; border:solid 1px #d2d1d1;padding:0 10px 0px 35px;} code .comment{color:#888;} code .class, code .rules{color:#000;font-size:100%;} code .value, code .title, code .string{color:#000;} code .tag{color:#000;} code .keyword{color:#000;} .preloader{background:url(/wp-content/themes/gsm-new/images/ajax-loader-1.gif) center center no-repeat #ffffff;display:inline-block;} /*galleria */ .layoverFrame { border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; } img.layoverFrame { padding:6px; margin:2px; } img.layoverFrame { background-color:rgba(255, 255, 255, 0.2); } img.layoverFrame { box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); -o-box-shadow: 0 1px 3px rgba(0, 0, 0, .6); } .googleMap { border: solid 1px #ccc; padding: 0 3px; } .col5 { margin:0!important;} .col5 .grid_3{ width:172px;} .clear + .clear { height:0;} .page-title { clear: both; margin-bottom:10px;} .page-title h1{padding: 15px 0 35px;background: url(/wp-content/themes/gsm-new/images/divider.png) repeat-x left bottom;} .much-codes > * { margin-left: 10px; margin-right:10px;} h1.slateblue,h2.slateblue,h3.slateblue,h4.slateblue,h5.slateblue,h6.slateblue, header.red { color: #3b555a;} h1.blue,h2.blue,h3.blue,h4.blue,h5.blue,h6.blue, header.blue { color: #1d254e;} h1.camel,h2.camel,h3.camel,h4.camel,h5.camel,h6.camel, header.camel { color: #43252c;} h1.coffee,h2.coffee,h3.coffee,h4.coffee,h5.coffee,h6.coffee, header.coffee { color: #57403b;} h1.darkgreen,h2.darkgreen,h3.darkgreen,h4.darkgreen,h5.darkgreen,h6.darkgreen, header.darkgreen { color: #59553a;} h1.darkpurple,h2.darkpurple,h3.darkpurple,h4.darkpurple,h5.darkpurple,h6.darkpurple, header.darkpurple { color: #4f2349;} h1.darkred,h2.darkred,h3.darkred,h4.darkred,h5.darkred,h6.darkred, header.darkred { color: #641111;} h1.darkyellow,h2.darkyellow,h3.darkyellow,h4.darkyellow,h5.darkyellow,h6.darkyellow, header.darkyellow { color: #884000;} h1.yellow,h2.yellow,h3.yellow,h4.yellow,h5.yellow,h6.yellow, header.yellow { color: #7f7c20;} h1.skyblue,h2.skyblue,h3.skyblue,h4.skyblue,h5.skyblue,h6.skyblue, header.skyblue { color: #5d95a0;} h1.lightblue,h2.lightblue,h3.lightblue,h4.lightblue,h5.lightblue,h6.lightblue, .read-more.lightblue, header.lightblue { color: #1a818d;} h1.red,h2.red,h3.red,h4.red,h5.red,h6.red, header.red { color: #96171d;} h1.purple,h2.purple,h3.purple,h4.purple,h5.purple,h6.purple, header.purple { color: #af1082;} h1.ochre,h2.ochre,h3.ochre,h4.ochre,h5.ochre,h6.ochre, header.ochre { color: #5d2424;} h1.lightgreen,h2.lightgreen,h3.lightgreen,h4.lightgreen,h5.lightgreen,h6.lightgreen header.lightgreen { color: #578c26;} h1.greymetal,h2.greymetal,h3.greymetal,h4.greymetal,h5.greymetal,h6.greymetal, header.greymetal { color: #4d4d4d;} h1.grey,h2.grey,h3.grey,h4.grey,h5.grey,h6.grey, header.grey { color: #6f6f6f;} h1.green,h2.green,h3.green,h4.green,h5.green,h6.green, header.green { color: #375038;} /* New */ div#header { width:940px; height: 178px; margin-left:auto; margin-right:auto; position:relative; background: white url(/wp-content/themes/gsm-new/images/header_fd.gif) bottom left repeat-x; } div#header div#menutop {position:absolute; top:0px; right:0px;font-size:11px;background: transparent url(/wp-content/themes/gsm-new/images/header-social.gif) left bottom no-repeat;width:153px;height:46px;} div#header div#menutop a.twitter {height:46px;width:30px;display:block;float:left;margin-right:9px;} div#header div#menutop a.facebook {height:46px;width:29px;display:block;float:left;margin-right:10px;} div#header div#menutop a.rss {height:46px;width:27px;display:block;float:left;} div#header div#logo {position:absolute; top:66px; left:10px;} div#header a.wellcomlink {display: block; height: 28px; right: 20px; position: absolute; top: 115px; width: 266px;background: url(/wp-content/themes/gsm-new/images/edite-by-wellcom.png) 0 0 no-repeat;} div#header div#mainmenu {position:absolute; top:67px; right:0px; font-size:13px; font-weight:bold; text-align:left;} div#header div#mainmenu div > ul { background: #211e1f url(/wp-content/themes/gsm-new/images/mainnav_fd.gif) 0 18px repeat-x; height:45px; width: 475px;} div#header div#mainmenu div > ul > li { float:left;} div#header div#mainmenu div > ul > li > a { display:block; width:110px; height:45px; background: transparent url(/wp-content/themes/gsm-new/images/mainnav_fd_item_off.gif) left bottom no-repeat;color:#fff;} div#header div#mainmenu div > ul > li > a:hover { background: transparent url(/wp-content/themes/gsm-new/images/mainnav_fd_item_on.gif) left bottom no-repeat; color:#ffcd02;} div#header div#mainmenu div > ul > li.current-menu-item > a, div#header div#mainmenu div > ul > li.current_page_item > a { background: transparent url(/wp-content/themes/gsm-new/images/mainnav_fd_item_on.gif) left bottom no-repeat; color:#fff;} div#header div#search { position:absolute; top:64px; right:0; } div#header div#search div { background: url("/wp-content/themes/gsm-new/images/search-fd.gif") no-repeat scroll left top transparent; height: 21px; padding: 0; width: 170px; } div#header div#search #s { border: 0 none; color: #6d6d6d; display: block; float: left; font-size: 11px; outline: medium none; width: 110px; background-color: transparent; } div#header div#search #searchsubmit { display: block; float: left; width: 21px; } .prefix_3 a:hover {color:#d9d9d9;} .clear {clear: both;} .twitter_button, .facebook_button, .linkedin_button, .digg_button, .stumbleupon_button { width: 70px; height: 70px; float: left; margin: 20px 0px; background-color: #DFDFDF; padding: 10px; margin-right: 20px; text-align: center; } div.nav a { font-size:11px;font-weight:bold;color:#201E1F;} div#tweet_list ul#recent-tweets li {margin-bottom:10px;} div#wpcf7-f4870-w1-o1 form.wpcf7-form input.wpcf7-text, div#wpcf7-f4870-w1-o1 form.wpcf7-form textarea.wpcf7-textarea, .wpcf7-captchar {width:200px;} /* Header new */ .header { width:940px; height:190px; padding-bottom: 257px; background: url(/wp-content/themes/gsm-new/images/bandeau-header.gif) 0 168px no-repeat; margin:0; position:relative; margin-left: auto; margin-right: auto; } .header #logo, .header span.logo { width:170px; height:64px; position:absolute; top:49px; left:72px; display: block; background: url(/wp-content/themes/gsm-new/images/wellcom-logo.gif) 0 0 no-repeat; } .header a.guide { width:188px; height:47px; position:absolute; top:213px; left:35px; display: block; } .header h1, .header h2 { font-size:16px; color: #bd2634; font-weight: bold; position: absolute; top:358px; left: 48px; } /*main nav*/ #mainnav { width:360px; height:90px; margin:31px 0 0 623px; padding:0; position:absolute; top:0; left:0; background: url(/wp-content/themes/gsm-new/images/mainnav-fond.gif) 0 0 repeat-y; } #mainnav a{color:#47535b;} #mainnav a:hover{color:#bd2634;} #mainnav a.sublevel_current{color: #bd2634;} #mainnav a.sublevel_active{color: #bd2634;} #mainnav a.mainlevel_active{color: #bd2634;} /*mainnav*/ /*fil d'ariane*/ div#pathway { position:absolute; top:0; left:0; margin:146px 0 0 74px; text-align:left; color:#bd2634; font-size:10px; } div#pathway a, div#pathway span { color: #4b575f; text-decoration:none; } div#pathway a:hover, div#pathway span:hover { color: #4b575f; text-decoration:underline; } /*** ESSENTIAL STYLES ***/ .mainlevel, .mainlevel * { margin: 0; padding: 0; list-style: none; } .mainlevel { line-height: 15px; } .mainlevel ul { position: absolute; top: -999em; width:193px; } .mainlevel ul li { width:100%; } .mainlevel li:hover { visibility: inherit; /* fixes IE7 'sticky bug' */ color: #bd2634; } .mainlevel li { float: left; /*position: relative;*/ } .mainlevel a { display: block; position: relative; } .mainlevel li:hover ul, .mainlevel li.sfHover ul { left: 0; top: 2.5em; /* match top ul list item height */ z-index: 99; color: #bd2634; } ul.mainlevel li:hover li ul, ul.mainlevel li.sfHover li ul { top: -999em; color: #bd2634; } ul.mainlevel li li:hover ul, ul.mainlevel li li.sfHover ul { left:193pxpx; top: 0; color: #bd2634; } ul.mainlevel li li:hover li ul, ul.mainlevel li li.sfHover li ul { top: -999em; color: #bd2634; } ul.mainlevel li li li:hover ul, ul.mainlevel li li li.sfHover ul { left: 10em; /*match ul width */ top: 0; color: #bd2634; } /*** DEMO SKIN ***/ .mainlevel { float: left; } .mainlevel a { text-decoration:none; } .mainlevel li:hover, .mainlevel li.sfHover, .mainlevel a:focus, .mainlevel a:hover, .mainlevel a:active { outline: 0; color: #bd2634; } .mainlevel, .mainlevel li { width:135px; } .mainlevel li:hover ul, .mainlevel li.sfHover ul { left: 157px; top: 0; width:193px; color: #bd2634; } li.mainlevel_active, li.mainlevel { text-align:right; font-weight:bold; font-size:11px; } li.mainlevel_active { color: #bd2634; } li.sublevel, li.sublevel_active { text-align:left; font-weight:normal; font-size:10px; padding:0 0 0 10px; } li.sublevel_current { text-align:left; font-weight:normal; font-size:10px; background: url(/wp-content/themes/images/puce_sub.gif) 0 0 no-repeat; padding:0 0 0 12px; } a.sublevel_current { color: #bd2634; } #mainnav span { display: block; color :#47535b; cursor: pointer; text-align: right; font-size: 11px; font-weight: bold; } #mainnav span:hover { color: #bd2634; }