<data:blog.pageTitle/> ul { position:absolute; left:0; top:50px; } #navigation2 ul li ul li { float:none; height:auto; } #navigation2 ul li ul li a { min-width:156px; font-size:11px; letter-spacing:1px; color:#777; height:auto; background:#fff; display:block; line-height:18px; padding:10px 0; margin:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-align:left; padding-left:14px; } #navigation2 ul li ul li a:hover { background:#f2f2f2; color:#777; border:none; } #navigation2 ul li ul li:hover > a { border:none; } #navigation2 ul li ul li.current-menu-item:last-child a, #navigation2 ul li ul li.current_page_item:last-child a { margin-right:0; } /** dropdown lvl 3 **/ #navigation2 ul li ul li ul { position:absolute; left:-20000px; border-top:1px solid #ddd; } #navigation2 ul li ul li:hover ul { top:0; left:170px; } /** dropdown lvl 4 **/ #navigation2 ul li ul li ul.sub-menu li ul { position:absolute; left:-20000px; } #navigation2 ul li ul li ul.sub-menu li:hover ul{ top:0; left:170px; } /** dropdown lvl 5 **/ #navigation2 ul li ul li ul.sub-menu li ul.sub-menu li ul { position:absolute; left:-20000px; } #navigation2 ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{ top:0; left:170px; } #logo { margin-top:22px; float:left; } /*** Navigation ***/ #navigation { float:right; } #navigation ul li { float:left; height:90px; position:relative; display:block; z-index:50; } #navigation ul li.current-menu-item, #navigation ul li.current_page_item{ background:rgba(70,70,70,.1); } #navigation ul li a { font-family:"Playfair Display"; font-size:13px; color:#fff; letter-spacing:2px; text-transform:uppercase; line-height:88px; margin:0 16px 0 18px; } #navigation ul li:last-child a { margin-right:0; } #navigation ul li.current-menu-item:last-child a, #navigation ul li.current_page_item:last-child a { margin-right:16px; } #navigation ul li a:hover, #navigation ul li:hover > a { border-bottom:2px solid #FFF; padding-bottom:3px; } /*** Dropdown ***/ #navigation ul li ul { position:absolute; left:-20000px; border-left:1px solid; border-right:1px solid; border-bottom:1px solid; border-color:#dddddd; } #navigation ul li:hover > ul { position:absolute; left:0; top:90px; } #navigation ul li ul li { float:none; height:auto; } #navigation ul li ul li a { min-width:156px; font-size:11px; letter-spacing:1px; color:#777; padding:10px 12px; background:#fff; display:block; line-height:16px; margin:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #navigation ul li ul li a:hover { background:#f2f2f2; color:#777; padding:10px 12px; border:none; } #navigation ul li ul li:hover > a { padding-bottom:10px; border:none; } #navigation ul li ul li.current-menu-item:last-child a, #navigation ul li ul li.current_page_item:last-child a { margin-right:0; } /** dropdown lvl 3 **/ #navigation ul li ul li ul { position:absolute; left:-2000px; border-top:1px solid #ddd; } #navigation ul li ul li:hover ul { top:0; left:180px; } /** dropdown lvl 4 **/ #navigation ul li ul li ul.sub-menu li ul { position:absolute; left:-20000px; } #navigation ul li ul li ul.sub-menu li:hover ul{ top:0; left:180px; } /** dropdown lvl 5 **/ #navigation ul li ul li ul.sub-menu li ul.sub-menu li ul { position:absolute; left:-20000px; } #navigation ul li ul li ul.sub-menu li ul.sub-menu li:hover ul{ top:0; left:180px; } /*** FEATURED AREA STYLES ***/ /*********************************************************/ .featured-area { margin-bottom:40px; overflow:hidden; height:400px; } .featured-area.tabs-wrapper img { float:left; margin-right:20px; width:620px; height:400px; } .featured-area ul.featured-tab { overflow:hidden; } .featured-area ul.featured-tab li { border-left:1px solid #e5e5e5; padding-left:18px; height:85px; margin-bottom:20px; } .featured-area ul.featured-tab li:last-child { margin-bottom:0; } .featured-area ul.featured-tab li.active { border-left:1px solid #000; } .featured-area ul.featured-tab li:hover { border-left:1px solid #000; -o-transition:.5s; -ms-transition:.5s; -moz-transition:.5s; -webkit-transition:.5s; transition:.5s; } .featured-area ul.featured-tab li .featured-text { } .featured-area ul.featured-tab li .featured-text h3 a { font-size:18px; color:#000; letter-spacing:1px; margin-bottom:2px; display:block; } .featured-area ul.featured-tab li .featured-text span.featured-meta { font-size:10px; font-family:"Playfair Display"; text-transform:uppercase; letter-spacing:1px; color:#999; } /** slider **/ .flexslider ul.slides li .overlay { background:rgba(0,0,0,.2); height:540px; width:960px; position:absolute; bottom:0; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; text-align: center; z-index:1; } .flexslider ul.slides li .overlay:before { content: ''; display: inline-block; height: 100%; vertical-align: middle; } .flexslider ul.slides li:hover > .overlay { background:rgba(0,0,0,.6); } .flexslider ul.slides li .feature_text { width:80%; vertical-align: middle; display: inline-block; z-index:100; } .flexslider ul.slides li .feature_text .feature-line { margin-bottom:14px; } .flexslider ul.slides li .feature_text .feature-line span.line { height:3px; width:60px; background:#FFF; display:inline-block; } .flexslider ul.slides li .feature_text h2 a { font-size:44px; font-weight:700; letter-spacing:1px; font-family:"Playfair Display"; color:#fff; line-height:1.2em; margin-bottom:12px; display:block; } .flexslider ul.slides li .feature_text p { color:#fff; font-size:15px; padding:1px 8px; display:inline-block; margin-bottom:40px; } .flexslider ul.slides li .feature_text span.feature_button { display:block; } .flexslider ul.slides li .feature_text span.feature_button a { border:3px solid #FFF; color:#FFF; padding:11px; text-transform:uppercase; font-size:14px; font-weight:700; letter-spacing:2px; font-family:Sans-serif; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .flexslider ul.slides li .feature_text span.feature_button a:hover { background:#000; color:#fff; border:3px solid #FFF; } .flexslider ul.slides li .feature_text span.feature_button a i.fa { margin-left:1px; font-size:14px; } /*** flexslider gallery **/ .flexslider.gallery { margin-bottom:20px; } /*** POPULAR BLOCK STYLES ***/ /*********************************************************/ .popular-block { margin-bottom:50px; overflow:hidden; border-bottom:1px solid #e8e8e8; padding-bottom:30px; } .block-heading,#sidebar .widget h2 { position: relative; text-align:center; font-size:26px; letter-spacing:3px; line-height:1em; margin-bottom:30px; } .block-heading:before, #sidebar .widget h2:before { content: ""; display: block; width: 100%; height: 1px; position: absolute; top: 50%; z-index: 1; } .block-heading span { background: #fff; padding: 0 26px; position: relative; z-index: 5; } .popular-block .block-heading { text-transform:uppercase; font-size:24px; } .popular-item { width:225px; float:left; margin-right:20px; text-align:center; } .popular-item:nth-child(5) { margin-right: 0; } .popular-item img { margin-bottom:2px; } .popular-item span.cat a, .post.list .post-list-text span.cat a { text-transform:uppercase; font-weight:700; color:#4fb8a6; font-size:11px; letter-spacing:1px; display:inline-block; margin-bottom:4px; } .popular-item h3 { text-align:center; margin-bottom:12px; } .popular-item h3 a { font-size:14px; color:#000; letter-spacing:1px; } .popular-item h3 a:hover { text-decoration:underline; } .popular-item span.date { display:block; margin-top:-4px; color:#999; font-size:10px; letter-spacing:1px; font-family:"Playfair Display"; text-transform:uppercase; } /*** SIDEBAR STYLES ***/ /*********************************************************/ #sidebar { width:300px; float:right; } /*** WIDGETS ***/ #sidebar .widget { margin-bottom:35px; font-size:13px; line-height:1.8em; } #sidebar .widget { color:#333; } #sidebar .widget a { color:#000; } #sidebar .widget a:hover { text-decoration:underline; } #sidebar .widget p a { color:#4fb8a6; font-weight:700; } #sidebar .widget p { font-size:13px; margin-bottom:18px; } #sidebar .widget h2 { font-size:13px; letter-spacing:2px; margin-bottom:20px; text-transform:uppercase; } #sidebar .widget h2 { padding:0 12px; } #sidebar .widget ul li{ list-style-type:square; } #sidebar .widget ul li { border-bottom:1px dotted #eee; margin-bottom:7px; padding-bottom:7px; line-height:19px; color:#333; margin-left:15px; } #sidebar .widget ul li:last-child { border:none; margin-bottom:0; padding-bottom:0; } /** WIDGET ITEMS **/ #sidebar .widget ul li { list-style-type:none; margin-bottom:17px; padding-bottom:14px; margin-left:0; } #sidebar .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } #sidebar .widget ul.side-newsfeed li .side-item { overflow:hidden; } #sidebar .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } #sidebar .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } #sidebar .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom:3px; display:block; font-family:"Droid Serif"; } #sidebar .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size:10px; color:#999; text-transform:uppercase; letter-spacing:1px; } /** ABOUT ME WIDGET **/ .about-img { margin-bottom:10px; text-align:center; } .about-img img { max-width:300px; height:auto; } .about-text p { margin-bottom:14px; } .about-signature { text-align:center; } .about-signature .line { width:70px; height:3px; background:#e8e8e8; display:inline-block; margin-bottom:10px; } .about-signature .signature { font-family:"Tangerine"; font-size:32px; margin-bottom:-10px; color:#4fb8a6; display:block; text-align:center; } /*** Widget social ***/ #sidebar .widget .widget-social { text-align:center; } .round-icon, a i.round-icon { display:inline-block; width:32px; height:32px; border-radius:50px; border:1px solid #e2e2e2; font-size:14px; color:#b4b4b4; text-align:center; line-height:32px; margin:0 2px 4px 2px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .round-icon:hover { background:#000; border:1px solid #000; color:#FFF; } a:hover i.round-icon { text-decoration:none; } /*** Popular widget ***/ .side-popular { width:300px; height:180px; position:relative; margin-bottom:40px; } .side-popular .popular-text { position:absolute; width:280px; bottom:0; background:rgba(0,0,0,.5); padding:10px; } .side-popular .popular-text h3 { margin-bottom:4px; } #sidebar .widget .side-popular .popular-text h3 a { color:#FFF; letter-spacing:1px; font-size:14px; } #sidebar .widget .side-popular .popular-text h3 a:hover { text-decoration:none; } .side-popular .popular-text span.date { font-size:10px; letter-spacing:1px; color:rgba(255,255,255,.6); text-transform:uppercase; } .side-popular span.popular-number { display:inline-block; background-color:#4fb8a6; border:4px solid #FFF; border-radius:50px; color:#FFF; font-size:18px; font-weight:700; padding:9px; position:absolute; right:12px; bottom:-24px; } .side-popular:nth-child(2) span.popular-number:after { content: "01"; } .side-popular:nth-child(3) span.popular-number:after { content: "02"; } .side-popular:nth-child(4) span.popular-number:after { content: "03"; } .side-popular:nth-child(5) span.popular-number:after { content: "04"; } .side-popular:hover > .popular-text { background:rgba(0,0,0,.8); -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(http://solopine.com/cassia/wp-content/themes/cassia/img/searchsubmit.png) no-repeat 96% 13px; padding:14px 14px; font-size:11px; color:#999; letter-spacing:1px; } #searchform #s:focus { outline:none; } /** searchbar for sidebar ***/ #sidebar .widget #searchform input#s { width:270px; } /*** Tagcloud ***/ .tagcloud a { border:1px solid #ccc; display:inline-block; padding:5px 7px; color:#888; margin-right:4px; margin-bottom:8px; font-size:11px !important; text-transform:uppercase; letter-spacing:1px; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; } .tagcloud a:hover { border:1px solid #414141; color:#000; text-decoration:none; } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #333; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 10px; } #wp-calendar thead th { padding-bottom: 10px; } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; text-align: center; padding:8px;} #wp-calendar tbody td a { font-weight:700; color:#222; } #wp-calendar tbody td:hover { background: #fff; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { font-size: 10px; text-transform: uppercase; text-align: right; } #wp-calendar tfoot #prev { font-size: 10px; text-transform: uppercase; padding-top: 10px; } #wp-calendar thead th { padding-bottom: 10px; text-align: center; } /** recent comments **/ .recentcomments { color:#888 !important; } /*** FOOTER STYLES ***/ /*********************************************************/ #footer { background:#000; margin-top:50px; padding:30px 0 40px 0; width:100%; } /*** Footer social ***/ .footer-social { text-align:center; border-bottom:1px solid rgba(255,255,255,.15); padding-bottom:30px; margin-bottom:35px; } .footer-social span.social-item a { color:#aaa; margin:0 20px; letter-spacing:1px; font-size:14px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:inline-block; } .footer-social span.social-item .round-icon { background:none; color:#aaa; width:auto; border:none; font-size:14px; margin-right:4px; } .footer-social span.social-item a:hover, .footer-social span.social-item a:hover > .round-icon { color:#FFF; } .footer-bottom { text-align:center; } .footer-bottom p { color:#626262; font-size:11px; text-transform:uppercase; letter-spacing:1px; font-weight:700; margin-bottom:30px; } .footer-bottom img { margin-bottom:8px; } .footer-bottom .fa.fa-heart { color:#e84142; margin:0 3px; font-size:14px; } .footer-bottom span.copyright { font-size:10px; text-transform:uppercase; color:#626262; letter-spacing:1px; } /*** POST STYLES ***/ /*********************************************************/ .post { } .post-heading { text-align:center; margin-bottom:25px; } .post-heading span.post-line { width:65px; height:4px; display:inline-block; background:#000; margin-bottom:8px; } .post-heading h2 { margin-bottom:10px; } .post-heading .bullet { margin:0 4px; color:#c9c9c9; font-size:14px; } .post-heading h2 a, .post-heading h2 { font-size:28px; color:#000; letter-spacing:1px; font-weight:700; } .post-heading h2 a:hover { text-decoration:underline; } .post-heading span.meta, .post.list .post-list-text span.meta { color:#999; font-size:11px; letter-spacing:1px; font-family:"Playfair Display"; text-transform:uppercase; } .post-heading span.meta a, .post.list .post-list-text span.meta a { color:#999; } .post-heading span.meta a:hover, .post.list .post-list-text span.meta a:hover { color:#000; } .post-img { margin-bottom:20px; text-align:center; } /*** post music ***/ .post-img.music_soundcloud iframe{ margin-top:-63px; width:95% !important; height:120px !important; } .post-img.music_spotify iframe{ margin-top:-48px; width:95% !important; } /** Full size **/ .post-full-heading { width:100%; text-align:center; } #main.fullpost .post-img { text-align:center; } /*** Post list ***/ .post.list { overflow:hidden; margin-bottom:38px; padding-bottom:14px; border-bottom:1px solid #eee; } .post.list .post-img { float:left; margin-right:20px; } .post.list .post-list-text { overflow:hidden; } .post.list .post-list-text h2 a { font-size:20px; font-weight:700; color:#000; margin-bottom:8px; display:block; } .post.list .post-list-text h2 a:hover { text-decoration:underline; } .post.list .post-list-text span.meta { color:#999; font-size:11px; letter-spacing:1px; font-family:"Playfair Display"; text-transform:uppercase; margin-bottom:8px; display:block; } .post.list .post-list-text span.cat a { margin-top:-1px; display:block; } .post.list .post-list-text p { font-size:13px; color:#555; } .post.list .post-list-text p a { color:#4fb8a6; font-weight:700; } .post.list .post-list-text p a:hover { text-decoration:underline; } /*** POST ENTRY ***/ .post-entry { padding:0 20px; margin-bottom:20px; overflow:hidden; line-height:1.8em; font-size:14px; } .post.single .post-entry { margin-bottom:30px; } .post-entry img { max-width:620px; height:auto; } .post-entry p { margin-bottom:20px; } .post-entry p a { color:#4fb8a6; border-bottom:1px dotted #4fb8a6; } .post-entry p a img { border-bottom:none !important; vertical-align:middle } .post-entry img.size-full, .post-entry p img.size-full { margin:0 -20px 0 -20px; } .post-entry p, .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6, .post-entry hr { margin-bottom:18px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; } .post-entry h1 { font-size:30px; } .post-entry h2 { font-size:27px; } .post-entry h3 { font-size:24px; } .post-entry h4 { font-size:20px; } .post-entry h5 { font-size:18px; } .post-entry h6 { font-size:16px; } .post-entry hr { border:0; height:0; border-bottom:1px solid #e5e5e5; clear:both; } .post-entry blockquote p { border-left:3px solid #4fb8a6; color:#999; padding:0 18px; font-family:"Droid Serif"; font-size:18px; font-style:italic; line-height:28px; margin-left:-20px; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; font-size:14px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .post-entry img.alignright { float:right; margin:0 0 18px 18px; } .post-entry img.alignleft { float:left; margin:0 18px 18px 0; } .wp-caption, .gallery-caption { margin-bottom:20px; text-align: center; } p.wp-caption-text { margin-bottom:2px; } .aligncenter, div.aligncenter { display: block; margin-left: auto; margin-right: auto; } .sticky, .bypostauthor {} .post-entry table { width:100%; margin-bottom:22px; border-collapse:collapse } .post-entry td, .post-entry th { padding: 12px; border-bottom: 1px #e5e5e5 solid; } .post-entry th { font-weight:bold; font-size:14px; background:#f5f5f5;} .post-entry tr:hover { background:#f9f9f9; } .post-entry a.more-link { background-color:#4fb8a6; color:#FFF; text-decoration:none; padding:8px 14px; border-radius:3px; font-size:12px; text-transform:uppercase; letter-spacing:2px; margin-top:5px; display:inline-block; font-family:"Playfair Display"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-entry a.more-link:hover { opacity:.8; } .post-tags { padding-bottom:4px; } .post-tags a { background:#eee; padding:6px; margin-right:4px; color:#999; text-transform:uppercase; font-size:10px; letter-spacing:1px; border-bottom:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-tags a:hover { background:#000; color:#FFF; } .post-share { overflow:hidden; margin-bottom:30px; border-top:1px solid #e8e8e8; padding-top:34px; } .post-share.no-related { border-bottom:1px solid #e8e8e8; margin-bottom:50px; padding-bottom:30px; } .post-share .share-item { margin-right:40px; } .post-share .share-buttons { float:left; } .post-share .share-comments { float:right; } .post-share .share-comments a { text-transform:uppercase; font-size:13px; letter-spacing:1px; color:#a5a5a5; background:url(http://solopine.com/cassia/wp-content/themes/cassia/img/comment.png) no-repeat right; padding-right:19px; } .post-related { border-bottom:1px solid #e8e8e8; overflow:hidden; margin-bottom:50px; padding-bottom:18px; } .post.single .post-related { border-bottom:none; margin-bottom:30px; padding-bottom:0; } .post-related ul li:last-child > .related-item { margin-right:0; } .post .block-heading { font-size:14px; color:#999; letter-spacing:2px; margin-bottom:20px; } .post .block-heading span { padding:0 20px; } .post-related .related-item { float:left; width:140px; margin-right:20px; } .post-related .related-item.full { width:176px; } .post-related .related-item.last { margin-right:0; } .post-related .related-item img { margin-bottom:4px; } .post-related .related-item h4 { text-align:center; line-height:14px; } .post-related .related-item h4 a { font-family:"Droid Serif"; font-size:11px; color:#999; } .related-divider { border-bottom:1px solid #e8e8e8; height:1px; margin-bottom:50px; } .post-related .related-item:hover > h4 a { color:#000; } .post-author { margin-bottom:35px; overflow:hidden; } .post-author .author-img { float:left; margin-right:20px; } .post-author .author-img img { border-radius:200px; } .post-author .author-text { } .post-author .author-text h4 a { font-size:22px; color:#000; display:block; margin-bottom:6px; letter-spacing:1px; } .post-author .author-text h4 a:hover { text-decoration:underline; } .post-author .author-text p { font-size:13px; margin-bottom:8px; color:#666; } .post-author .author-share a .round-icon { width:25px; height:25px; line-height:25px; display:inline-block; } .post-pagination { margin-bottom:30px; overflow:hidden; } .post-pagination .pagi { background:#f7f7f7; width:280px; padding:10px 10px 11px 10px; border-radius:4px; } .post-pagination .pagi a { color:#828282; font-size:13px; } .post-pagination .pagi a:hover, .post-pagination .pagi a:hover > i { color:#000; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-pagination .pagi.prev { float:left; } .post-pagination .pagi.next { float:right; text-align:right; } .post-pagination .pagi i { font-size:14px; color:#999; margin:0 5px 0 0; } .post-pagination .pagi .icon-long-arrow-left { margin:0 5px 0 0; } .post-pagination .pagi .icon-long-arrow-right { margin:0 0 0 5px; } .post-pagination .pagi a.nomore, .post-pagination .pagi a.nomore i { color:#bbb; } .post-entry .link_pages p { font-size:19px; } /*** full post ***/ .fullpost .post-entry img { max-width:960px; height:auto; } /*** post comments ***/ .comment { border-bottom:1px dotted #eee; padding-bottom:27px; margin-bottom:27px; } .comments .avatar-image-container { float:left; margin-right:20px; border-radius:20px; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .avatar-image-container img { border-radius:200px; width:50px; height:50px; max-width:50px; max-height:50px; } .thecomment .comment-text { overflow:hidden; } .user > a { display:block; letter-spacing:1px; font-family:"Playfair Display"; font-size:18px; margin-bottom:5px; color:#000; display:inline-block; font-style: normal; font-weight: normal; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } .datetime> a { font-size:10px; color:#999; text-transform:uppercase; letter-spacing:1px; display:block; margin-bottom:10px; } .thecomment .comment-text p { font-size:13px; } .thecomment .comment-text em { font-size:12px; margin-bottom:-14px; display:block; color:#aaa; letter-spacing:1px; font-weight:700; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .post-comments span.reply a { float:right; text-transform:uppercase; font-size:11px; background-color:#4fb8a6; color:#FFF; padding:4px 6px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#bbb; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 70px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; letter-spacing:2px; margin-bottom:20px; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#48ab9a; color:#FFF; padding:4px 6px; border-radius:3px; margin-left:7px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } #respond h3 small a:hover { opacity:.8; } #respond label { color:#777; width:80px; font-size:11px; letter-spacing:1px; text-transform:uppercase; display:inline-block; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; font-family:"Droid Serif"; color:#777; margin-bottom:15px; } #respond input:focus {outline:none;} #respond .comment-form-url { margin-bottom:10px; } #respond textarea { padding:14px; border:1px solid #DDD; border-radius: 3px; width:95%; height:120px; font-family:"Droid Serif"; color:#888; margin-bottom:14px; line-height:20px; } #respond textarea:focus {outline:none;} #respond #submit { text-transform:uppercase; font-size:12px; background:#48ab9a; color:#FFF; padding:12px; border-radius:3px; letter-spacing:1px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; border:none; cursor:pointer; font-family:"Droid Serif"; display:block; } #respond #submit:hover { opacity:0.8; filter:alpha(opacity=80); } /*** ARCHIVE STYLES ***/ /*********************************************************/ .archive-browsing { text-align:center; margin-bottom:40px; border:1px solid #e8e8e8; padding:27px 20px 20px 20px; } .archive-browsing.search { padding-top:15px; } .archive-browsing h1 { font-size:36px; letter-spacing:2px; } .archive-browsing span.browsing { font-size:11px; letter-spacing:1px; color:#999; display:block; margin-bottom:-4px; text-transform:uppercase; } /** post icons **/ .post.list .post-img { position:relative; } .post.list .post-img .img-icon { position:absolute; left:15px; bottom:17px; height:38px; width:38px; } .post.list .post-img .img-icon.video { background:url(http://solopine.com/cassia/wp-content/themes/cassia/img/icon-video.png) no-repeat; } .post.list .post-img .img-icon.music { background:url(http://solopine.com/cassia/wp-content/themes/cassia/img/icon-music.png) no-repeat; } .post.list .post-img .img-icon.gallery { background:url(http://solopine.com/cassia/wp-content/themes/cassia/img/icon-gallery.png) no-repeat; } /*** Pagination ***/ .pagination { margin-top:60px; overflow:hidden; color:#000; margin-bottom:15px; } .pagination i.fa { font-size:14px; } .pagination i.fa-arrow-circle-o-right { margin-left:5px; } .pagination i.fa-arrow-circle-o-left { margin-right:5px; } .pagination .next a, .pagination .prev a{ background:#000; padding:14px; text-transform:uppercase; font-size:12px; letter-spacing:1px; color:#FFF; -o-transition:.2s; -ms-transition:.2s; -moz-transition:.2s; -webkit-transition:.2s; transition:.2s; border-radius:4px; } .pagination a:hover { background:#444; } .pagination .next a { float:left; } .pagination .prev a { float:right; } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input, .wpcf7 textarea { padding:6px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-bottom:6px; } .wpcf7 textarea { width:80%; } .wpcf7 .wpcf7-submit { background:#555; -webkit-border-radius: 4px;-moz-border-radius: 4px;border-radius: 4px; padding:8px 14px; color:#FFF; letter-spacing:1px; font-size:11px; text-transform:uppercase; cursor:pointer; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; display:block; border:none; } .wpcf7 .wpcf7-submit:hover { background:#777; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } /*** 404 ***/ /*********************************************************/ .errorpage { text-align:center; } .errorpage span.error-text { font-size:20px; color:#999; } .errorpage h2 { font-size:160px; text-align:center; line-height:148px; font-weight:700; margin-bottom:75px; } .flexslider .slides a.thumb { display:block; height:540px; overflow:hidden; } .comment-actions.secondary-text { float: right; font-size: 12px; } .comments .continue a { display: block; font-weight: normal; padding: 0.5em; } .mobile-nav { display: none; } /************************************************* * 10. Tablet * *************************************************/ @media only screen and (min-width: 768px) and (max-width: 960px) { #wrapper { width:766px; } .container { width:726px; } #main { width:476px; float:left; margin-right:40px; } #main img { max-width:476px; height:auto; } #sidebar { width:210px; } #sidebar img { max-width:210px; height:auto; } /*** NAVIGATION ***/ #logo2 img { max-width:726px; height:auto; } #navigation ul.menu, #navigation2 ul.menu { display: none;} #navigation .mobile-nav { font-size: 12px; font-weight: bold; color: #999; display: inline-block; border:1px solid; border-color: rgba(255,255,255,.3); border-radius:4px; background: #FFFFFF; padding: 6px; margin: 28px auto; width:200px; float:left; text-transform:uppercase; letter-spacing:2px; font-family:"Playfair Display"; font-weight:400; } #navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus { outline:none; } #navigation2 .mobile-nav { font-size: 12px; font-weight: bold; color: #999; display: inline-block; border:1px solid; border-color: rgba(0,0,0,.1); border-radius:4px; background: #FFFFFF; padding: 8px; margin-top:35px; margin-bottom:30px; width:726px; float:none; text-transform:uppercase; letter-spacing:2px; font-family:"Playfair Display"; font-weight:400; position:relative; } #navigation2 { border:none !important; background:#fff !important; } #navigation2 .mobile-nav { margin:0; } /*** FEATURED AREA ***/ .featured-area { height:271px; } .featured-area.tabs-wrapper img { width:420px; height:271px; margin-right:10px; } .featured-area ul.featured-tab li { padding-left:14px; height:60px; margin-bottom:10px; } .featured-area ul.featured-tab li .featured-text h3 a { font-size:13px; } .featured-area ul.featured-tab li .featured-text span.featured-meta { font-size:9px; } /*** SLIDER ***/ .flexslider ul.slides li .overlay { height:408px; width:726px; } .flexslider .slides a.thumb { display:block; height:408px; overflow:hidden; } .flexslider ul.slides li .feature_text h2 a { font-size:32px; } .flexslider ul.slides li .feature_text p { font-size:14px; } .flexslider ul.slides li .feature_text span.feature_button a { padding:10px; font-size:12px; } /*** Popular Block ***/ .popular-item { width:168px; margin-right:18px; } .popular-item img { width:168px; height:auto; } .popular-block .block-heading { font-size:20px; } .popular-item h3 a { font-size:13px; } /*** SIDEBAR ***/ #sidebar .widget #searchform input#s { width:180px; } #sidebar .widget iframe { width:210px !important; } #sidebar .widget ul.side-newsfeed li .side-item .side-image { margin-right:10px; } #sidebar .widget ul.side-newsfeed li .side-item .side-image img { width:60px; height:42px; } .side-popular { width:210px; height:126px; } .side-popular .sidethumb { width:210px; height:126px; overflow:hidden; } .side-popular .popular-text { width:190px; } #sidebar .widget .side-popular .popular-text h3 { line-height:17px; margin-bottom:2px; } /*** POSTS ***/ .post-related ul li .related-item { width:150px; margin-right:13px; } .post-related ul li .related-item img { width:150px; height:111px; } .post-related ul li:nth-child(3) .related-item { margin-right:0; } .post-related ul li:nth-child(4) { display:none; } .fullpost .post-related ul li .related-item { margin-right:12px; width:135px; } .fullpost .post-related ul li:last-child .related-item { margin-right:0; } .fullpost .post-related ul li .related-item img { width:135px; height:100px; } .post-full-heading .post-img img { max-width:726px; height:auto; } .fullpost .post-entry img { max-width:726px !important; height:auto; } .post-share .share-item { margin-right:0; } .flex-direction-nav .flex-next {right: -23px; } .flex-direction-nav .flex-prev {left: -23px;} .post.list .post-img { float:left; margin-right:12px; } .post.list .post-img img { width:160px; height:119px; } .post-pagination .pagi { width:100%; margin-bottom:6px; } .gallery .gallery-icon img{ width:115px; height:115px; } .wp-caption { max-width:476px; } } /************************************************* * Mobile Portrait * *************************************************/ @media only screen and (max-width: 767px) { #wrapper { width:320px; } .container { width:300px; } #main { width:300px; } #main img { max-width:300px; height:auto; } /*** Header ***/ #logo { float:left; text-align:center; margin-bottom:14px; width:300px; } #logo img { max-width:300px; height:auto; } #logo2 img { max-width:300px; height:auto; } /*** Navigation ***/ #navigation ul.menu, #navigation2 ul.menu { display: none;} #navigation .mobile-nav, #navigation2 .mobile-nav { font-size: 12px; font-weight: bold; color: #999; display: inline-block; border:1px solid; border-color: rgba(0,0,0,.1); border-radius:4px; background: #FFFFFF; padding: 8px; margin-top:35px; margin-bottom:30px; width:300px; float:none; text-transform:uppercase; letter-spacing:2px; font-family:"Playfair Display"; font-weight:400; position:relative; } #navigation2 { border:none !important; background:#fff !important; } #navigation2 .mobile-nav { margin:0; } #navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus { outline:none; } /*** Featured Area ***/ .featured-area { margin-bottom:40px; overflow:hidden; height:auto; } .featured-area.tabs-wrapper img { float:none; margin-right:20px; width:300px; height:194px; margin-bottom:10px; } .featured-area ul.featured-tab li { border-left:1px solid #e5e5e5; padding-left:18px; height:auto; margin-bottom:10px; padding:10px; background:#f5f5f5; } .featured-area ul.featured-tab li .featured-text h3 a { font-size:12px; color:#000; letter-spacing:1px; margin-bottom:2px; display:block; } .featured-area ul.featured-tab li .featured-text span.featured-meta { display:none; } .featured-area ul.featured-tab li.active { background:#111; } .featured-area ul.featured-tab li.active .featured-text h3 a { color:#fff; } /*** slider ***/ .flexslider ul.slides li .overlay { width:300px; height:169px; } .flexslider .slides a.thumb { display:block; height:169px; overflow:hidden; } .flexslider ul.slides li .feature_text h2 a { font-size:14px; line-height:18px; margin-bottom:0; } .flexslider ul.slides li .feature_text p { display:none; } .flexslider ul.slides li .feature_text span.feature_button a { display:none; } .flexslider ul.slides li .feature_text .feature-line { display:none; } .flex-direction-nav .flex-next {display:none;} .flex-direction-nav .flex-prev {display:none;} /*** Popular block ***/ .popular-block .block-heading { font-size:14px; letter-spacing:2px; } .popular-item { margin-bottom:20px; text-align:left; width:300px; } .popular-item img { width:80px; height:80px; margin-right:12px; float:left; } .popular-item h3 { text-align:left; } .popular-item h3 a { font-size:12px; } .popular-item span.date { display:none; } /*** Posts ***/ .post-heading h2 a, .post-heading h2 { font-size:21px; } .post-entry { padding:0; } .post-entry img { max-width:300px; height:auto; } .post-entry p { font-size:13px; } .post-entry blockquote p { font-size:16px; line-height:26px; } .post-entry h1 { font-size:26px; } .post-entry h2 { font-size:24px; } .post-entry h3 { font-size:21px; } .post-entry h4 { font-size:17px; } .post-entry h5 { font-size:15px; } .post-entry h6 { font-size:13px; } .fullpost .post-entry img { max-width:300px; height:auto; } .post-full-heading .post-img img { max-width:300px; height:auto; } .post-entry img.size-full, .post-entry p img.size-full { margin:0; } .post-related ul li:nth-child(4), .post-related ul li:nth-child(3), .post-related ul li:nth-child(5) { display:none; } .post-related ul li:nth-child(2) { margin-right:-20px; } .post-related ul li .related-item { width:145px !important; margin-right:10px; } .post-related ul li .related-item img { width:145px; height:107px; } .post-share { margin-bottom:15px; padding-top:20px; } .post-share .share-buttons span.share-item { width:180px !important; display:inline-block; margin-bottom:8px; } .post-share .share-comments { display:none; } .post-pagination .pagi { width:100%; margin-bottom:6px; } .pagination { margin-top:-10px; margin-bottom:40px; overflow:hidden; color:#000; } #respond textarea{ width:89%; } /** list posts **/ .archive-browsing h1 { font-size:27px; } .archive-browsing span.browsing { margin-bottom:0; } .post.list .post-img { float:none; margin-right:12px; } .post.list .post-img img { width:300px; height:auto; } .gallery .gallery-icon img{ width:75px; height:75px; } .thecomment .author-img { display:none; } .post-comments span.reply a.comment-edit-link { display:none; } .thecomment .comment-text span.author, .thecomment .comment-text span.author a { font-size:14px; } .post-comments span.reply a { float:none; font-size:9px; margin-left:0; clear:both; padding:4px 4px; } .wp-caption { max-width:300px; } } /************************************************* * 10. Landscape * *************************************************/ @media only screen and (min-width: 480px) and (max-width: 767px) { #wrapper { width:480px; } .container { width:440px; } #main { width:440px; } #main img { max-width:440px; height:auto; } #sidebar { width:300px; float:none; margin:0 auto; } /*** Header ***/ #logo { float:left; text-align:center; margin-bottom:14px; width:440px; } #logo img { max-width:440px; height:auto; } #logo2 img { max-width:440px; height:auto; } /*** Navigation ***/ #navigation ul.menu, #navigation2 ul.menu { display: none;} #navigation .mobile-nav, #navigation2 .mobile-nav { font-size: 12px; font-weight: bold; color: #999; display: inline-block; border:1px solid; border-color: rgba(0,0,0,.1); border-radius:4px; background: #FFFFFF; padding: 8px; margin-top:35px; margin-bottom:30px; width:440px; float:none; text-transform:uppercase; letter-spacing:2px; font-family:"Playfair Display"; font-weight:400; position:relative; } #navigation2 { border:none !important; background:#fff !important; } #navigation2 .mobile-nav { margin:0; } #navigation .mobile-nav:focus, #navigation2 .mobile-nav:focus { outline:none; } /** featured ***/ .featured-area.tabs-wrapper img { float:none; margin-right:20px; width:440px; height:285px; margin-bottom:10px; } /*** Slider ***/ .flexslider ul.slides li .overlay { width:440px; height:247px; } .flexslider .slides a.thumb { display:block; height:247px; overflow:hidden; } /*** Popular item ***/ .popular-item { margin-bottom:20px; text-align:left; width:440px; } .popular-item img { width:100px; height:100px; margin-right:12px; float:left; } .popular-item span.date { display:block; text-align:left; } /*** Posts **/ .post-share .share-buttons span.share-item { width:auto !important; display:inline-block; margin-bottom:4px; margin-right:2px; } .post-related ul li:nth-child(3) { display:inline; margin-right:0; } .post-related ul li .related-item { margin-right:6px; } .fullpost .post-entry img { max-width:440px; height:auto; } .post-full-heading .post-img img { max-width:440px; height:auto; } .post-related ul li .related-item { width:140px !important; margin-right:10px; } .post-related ul li:nth-child(3) .related-item { margin-right:0; } .post-related ul li .related-item img { width:140px; height:104px; } .fullpost .post-related ul li:nth-child(4) { display:none; } .fullpost .post-related ul li:nth-child(5) { display:none; } .fullpost .post-related ul li:nth-child(3) .related-item { margin-right:0 !important; } .fullpost .post-related ul li .related-item { margin-right:10px; width:140px !important; } .fullpost .post-related ul li .related-item img{ width:140px; height:104px; } .gallery .gallery-icon img{ width:110px; height:110px; } .post.list .post-img { float:left; margin-right:12px; } .post.list .post-img img { width:150px; height:auto; } .wp-caption { max-width:440px; } } #header, #navigation ul li { height:90px; } #navigation ul li a { line-height:90px; } #navigation ul li:hover > ul { top:90px; } #logo { margin-top:24px; } #header_layout2 #logo { padding:px 0 px 0; } a, .popular-item span.cat a, .post.list .post-list-text span.cat a, #sidebar .widget p a, .about-signature .signature, .post-entry p a, .post.list .post-list-text p a { color:#4fb8a6; } .post-entry blockquote p { border-left:3px solid #4fb8a6; } .post-entry p a { border-bottom:1px dotted #4fb8a6; } input.sidebar-submit, .side-popular span.popular-number, .post-entry a.more-link, .post-comments span.reply a { background-color:#4fb8a6; } #header, #top_bar { background-color:#4fb8a6; } #navigation ul li a, #top-navigation ul li a { color:#ffffff; } #navigation ul li a:hover, #navigation ul li:hover > a { border-bottom:2px solid #ffffff; } #navigation ul li ul li a, #top-navigation ul li ul li a { background:#ffffff; } #navigation ul li ul li a:hover, #top-navigation ul li ul li a:hover { background:#f2f2f2; } #navigation ul li ul, #top-navigation ul li ul { border-color:#dddddd; } #navigation ul li ul li a, #top-navigation ul li ul li a { color:#777777; } #footer { background:#000000; } .footer-bottom p, .footer-bottom span.copyright { color:#626262; } .footer-social span.social-item a, .footer-social span.social-item .round-icon { color:#aaaaaa; } .footer-social span.social-item a:hover, .footer-social span.social-item a:hover > .round-icon { color:#ffffff; } ]]>

Popular Posts

 

()

By ,

You Might Also Like