/************************************* lightbreeze style *********************************/ .blog_template{ float:left; width:100%; margin-bottom:20px; border-radius: 3px 3px 3px 3px; box-shadow: 0 1px 4px rgba(0, 0, 0, 0.2); background:#f2ede1; padding:15px 15px 0 15px; border:1px solid #ccc; } .blog_header{ overflow:hidden; } .blog_header img{ box-shadow:none; width:100%; } .blog_header h1{ display:block; padding:3px 10px; background: #ffffff; margin:0; border-radius: 3px; line-height:normal; } .blog_header h1 a{ text-decoration:none; text-transform:uppercase; color:#00106b; line-height:21px; font-size: 10px; } .box-template a.more-tag{ background-color: #dcdee0; color: #2376ad; font-size: 14px; padding: 5px 10px; border-radius: 5px; float: right; } .box-template a.more-tag:hover{ background-color: #2376ad; color: #dcdee0; } .box-template .post_content p{ color: #7b95a6; } .box-template .post_content { font-size: 10px; } .meta_data_box { float:left; margin:10px 0; border-bottom: 1px solid #CCCCCC; width: 100%; font-style:italic; } .meta_data_box [class^="icon-"], .meta_data_box [class*=" icon-"], .tags [class^="icon-"], .tags [class*=" icon-"] { background: url( ../images/glyphicons-halflings.png ) no-repeat 14px 14px; display: inline-block; height: 14px; line-height: 14px; vertical-align: text-top; width: 14px; } .meta_data_box .metadate { float: left; padding: 0 0 0 10px; width: 20%; } .meta_data_box .metauser { float: left; width: 20%; } .meta_data_box .metacats { float: left; padding: 0 10px 0 10px; width: 45%; } .meta_data_box .metacats a { text-decoration:none; color:#3eb742; } .meta_data_box .metacomments { float: left; padding-left: 10px; width: 30%x; } .meta_data_box .metacomments a { text-decoration:none; color:#3eb742; } .meta_data_box .icon-author-date { background-position: -168px 1px; margin-right:5px; } .metadate i{ margin-right: 5px; } .mdate i{ margin-right: 5px; } .meta_data_box span.calendardate { color:#6D6D6D; margin-left:18px; font-size:12px; } .meta_data_box span.calendardate i { margin-right: 5px; } .meta_data_box .icon-cats { background-position: -49px -47px; } .meta_data_box .icon-comment { background-position: -241px -119px; } .tags { color:#3eb742; padding:5px 10px; border-radius: 3px; } .tags .icon-tags { background-position: -25px -47px; } .tags a { color:#3eb742; text-decoration:none; } .post_content a,.post-content-body a{ color:#3eb742; } .post_content a:hover ,.post-content-body a:hover{ color:#3eb742; } .wl_pagination_box.lightbreeze .wl_pagination span, .wl_pagination_box.lightbreeze .wl_pagination a{ border-radius: 2px; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.2); } /******************************** classical style ************************************/ .blog_template.classical{ background: none; border:none; border-bottom: 1px dashed rgb(204, 204, 204); border-radius: 0px; box-shadow: none; float: left; margin-bottom: 20px; padding: 5px; width: 100%; } .classical .blog_header img{ box-shadow:none; float:left; margin-right:10px; } .classical a.more-tag{ background-color: #dcdee0; color: #2376ad; border-radius: 5px; font-size: 14px; padding: 5px 10px; float: right; } .classical a.more-tag:hover{ background-color: #2376ad; color: #dcdee0; } .classical .post_content{ margin-top: 5px; font-size:10px; } .classical .blog_header h1{ display: block; background: #ffffff; border-radius:0px; padding:0 5px; line-height:normal; } .classical .blog_header h1 a{ color:#00106b; } .classical .post_content p{ color: #7b95a6; } .classical .blog_header .metadatabox{ border-bottom: none; float: none; font-size: 13px; font-style:italic; margin: 5px 0; width: 100%; } .classical .blog_header .metadatabox .metacomments{ float:right; padding: 2px 5px; border-radius:5px; } .classical .blog_header .metadatabox .icon-date { background-position: -48px -24px; margin-right: 3px; } .classical .blog_header .tags{ background: none; border-radius: 0px; padding: 0px; color: #3eb742; } .classical .blog_header .tags a{ color: #3eb742; font-size: 13px; } .wl_pagination_box{ float: left; width: 100%; } .wl_pagination_box .wl_pagination span, .wl_pagination_box .wl_pagination a{ background: #dcdee0; display: inline-block; padding: 0 8px; color:#2376ad; text-decoration:none; margin-right:5px; } .wl_pagination_box .wl_pagination span.current, .wl_pagination_box .wl_pagination a:hover{ background: #3eb742; color:#f2ede1; } .metacomments i{ margin-right: 2px; } span.category-link a{ color:#3eb742; } /******************************** spektrum style ************************************/ .blog_template.spektrum{ background: none; border: none; border-radius: 0px; box-shadow: none; padding: 0px; margin-bottom: 0px; } .spektrum a.more-tag{ background-color: #dcdee0; color: #2376ad; border-radius: 5px; font-size: 14px; padding: 5px 10px; float: right; } .spektrum a.more-tag:hover{ background-color: #2376ad; color: #dcdee0; } .social-component.spektrum-social{ margin-bottom: 30px; } .spektrum img { box-shadow: none; border-radius: 0px; float:left; width:100%; } .spektrum .date { background: #212121; color: #f2ede1; display: block; float: left; font-size: 10px; margin: 5px; text-align: center; text-transform: uppercase; padding:5px; } .spektrum .number-date { display: block; font-size: 20px; line-height:14px; background: #212121; color: #f2ede1; padding:3px 5px; } .spektrum .blog_header{ box-shadow: 0 3px 5px rgba(196, 196, 196, 0.3); width:100%; position: relative; } .spektrum .blog_header h1{ background: none; border-radius: 0px; display: inline-block; line-height: normal; margin: 0; padding: 3px 10px; } .spektrum .blog_header h1 a{ color: #00106b; } .spektrum .post_content{ padding: 10px; box-shadow: 0 3px 5px rgba(196, 196, 196, 0.3); font-size: 10px; } .spektrum .post_content p{ margin: 0; padding:0px; color: #7b95a6; } .spektrum .post-bottom { box-shadow: 0 -2px 5px rgba(196, 196, 196, 0.3); margin: 0 auto; padding: 10px 15px; clear: both; margin: 0px; position: relative; width: 100%; float:left; } .spektrum .post-bottom .categories { display: inline-block; text-transform: uppercase; margin-right: 20px; float: left; } .spektrum .post-by{ text-transform: uppercase; margin-right: 15px; } .spektrum .tags{ text-transform: uppercase; } .spektrum .post-bottom .post-by span { color: #3eb742; } .spektrum .post-bottom .categories a{ color: #3eb742; text-decoration: none; } .spektrum .post_content a{ display: none; } .spektrum .details a { color: inherit; display: inline-block; float: right; padding-right: 10px; text-decoration: none; text-transform: uppercase; color :#2376ad; } .spektrum .details a:hover{ color :#dcdee0; } .wl_pagination_box.spektrum .wl_pagination span, .wl_pagination_box.spektrum .wl_pagination a{ display: inline-block; padding: 2px 10px; color:#fff; text-decoration:none; margin-right:0px; } .wl_pagination_box.spektrum .wl_pagination span{ background: #212121; } .wl_pagination_box.spektrum .wl_pagination a{ background: #2376ad; color: #212121; } .wl_pagination_box.spektrum .wl_pagination span.current{ background: #dcdee0; color: #fff; } .wl_pagination_box.spektrum .wl_pagination a:hover{ color:#3eb742; } /******************************** evolution style ************************************/ .blog_template.marketer{ background: #f2ede1; border: none; border-radius: 0px; box-shadow: 0 9px 6px -6px rgba(196, 196, 196, 0.3); padding: 10px; } .marketer .post-category,.marketer .post-title, .post-entry-meta{ text-align: center; } .marketer .post-title{ margin-bottom: 5px; margin-top: 5px; padding: 5px 0; background: #ffffff; } .marketer .post-title a{ text-transform: uppercase; color: #00106b; font-size: 10px; } .post-image{ margin-top: 10px; } .marketer .post-content-body{ width: 100%; float: left; margin-top:10px; font-size: 10px; } .marketer .post-bottom a{ background: #dcdee0; color: #2376ad; } .marketer .post-bottom a:hover{ background:#2376ad; color:#dcdee0; } .marketer .post-content-body p{ color: #7b95a6; } .marketer .author{ text-transform: uppercase; font-size: 15px; } .marketer .post-category a{ color: #3eb742; font-size: 14px; text-transform: uppercase; } .marketer img { box-shadow: none; border-radius: 0px; float:left; width:100%; } .marketer .date { font-size: 15px; margin: 0px; text-align: center; text-transform: uppercase; padding:10px; width: 9%; } .marketer .number-date { line-height:14px; padding:3px 5px; } .marketer .tags{ font-size: 15px; text-transform: uppercase; } .marketer .tags .icon-tags{ margin-top: 4px; } .marketer .icon_cnt{ font-size: 15px; margin-left: 12px; } .marketer .icon_cnt i{ margin-right: 4px; } .marketer .icon_cnt a{ color: #3eb742; text-decoration:none; } .marketer .blog_header{ background: #f2ede1; width:100%; position: relative; } .marketer .blog_header .title{ float:left; width:81.5%; width:81.45%\0/; } .marketer .blog_header h1{ background: none; border-radius: 0px; display: block; line-height: normal; padding: 6px 10px; border-bottom: 1px dotted #CCCCCC; margin:0 0 5px 0; } .marketer .blog_header h1 a{ color: #3eb742; text-transform:none; } .marketer .blog_header .title .metadate{ font-size: 12px; font-style: italic; padding: 0 10px; } .marketer .blog_header .title .metadate a{ color: #3eb742; } .marketer .blog_header .title .metadate a:hover{ color: #212121; text-decoration:none; } .marketer .blog_header .title .metadate span.author, .marketer .blog_header .title .metadate span.time{ color: #3eb742; } .marketer .post_content{ background: none ; padding: 10px; border:2px solid #f2ede1; border-bottom:none; } .marketer .post_content p{ margin: 0; padding:0px; } .marketer .post-bottom { float: right; } .marketer .post-bottom a{ float: right; padding: 5px 10px; text-decoration: none; border-radius: 5px; } .marketer .post-bottom .categories { color: #3eb742; display: inline-block; text-transform: uppercase; } .marketer .post-bottom .categories a{ color: #3eb742; text-decoration: none; } .marketer .post_content a{ display: none; } .marketer .details a { color: inherit; display: inline-block; float: right; padding-right: 10px; text-decoration: none; text-transform: uppercase; } .wl_pagination_box.evolution{ width: 97.5%; } .wl_pagination_box.evolution .wl_pagination{ float: right; } .wl_pagination_box.evolution .wl_pagination span, .wl_pagination_box.evolution .wl_pagination a{ display: inline-block; padding: 2px 10px; color:#fff; text-decoration:none; margin:0 0 0 8px; } .wl_pagination_box.evolution .wl_pagination span{ background: #dcdee0; color:#fff; } .wl_pagination_box.evolution .wl_pagination a{ background: #dcdee0; color: #fff; } .wl_pagination_box.evolution .wl_pagination span.current{ background: #3eb742; color:#f2ede1; } .wl_pagination_box.evolution .wl_pagination a:hover{ background :#3eb742; } span.facebook-share{ background: none repeat scroll 0 0 #3a589d; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.twitter{ background: none repeat scroll 0 0 #2478ba; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.google{ background: none repeat scroll 0 0 #dd4e31; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.linkedin{ background: none repeat scroll 0 0 #0072b7; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.pinterest{ background: none repeat scroll 0 0 #cb2320; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.dribble{ background: none repeat scroll 0 0 #e5086f; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } span.instagram{ background: none repeat scroll 0 0 #e5086f; border-radius: 5px; color: #ffffff; font-size: 14px; padding: 5px; text-align: center; } .social-component{ float: left; } .social-component a { border: 1px solid #cccccc; border-radius: 100%; float: left; height: 38px; margin-bottom: 8px; margin-right: 8px; padding: 8px 0; text-align: center; width: 38px; font-size: 15px; line-height:20px; } .social-component a.facebook-share:hover{ background: none repeat scroll 0 0 #3a589d; border-color: #3a589d; color: #fff; } .social-component a.twitter:hover{ background: none repeat scroll 0 0 #2478ba; border-color: #2478ba; color: #fff; } .social-component a.google:hover{ background: none repeat scroll 0 0 #dd4e31; border-color: #dd4e31; color: #fff; } .social-component a.linkedin:hover{ background: none repeat scroll 0 0 #cb2320; border-color: #cb2320; color: #fff; } .social-component a.instagram:hover{ background: none repeat scroll 0 0 #111111; border-color: #111111; color: #fff; } .social-component a.pinterest:hover{ background: none repeat scroll 0 0 #cb2320; border-color: #cb2320; color: #fff; }