~~BunGa-BunGa CinTa~~: tak tau

Tuesday, August 16, 2011

tak tau

aku xtau
apa yang kau rasa
aku xtau
apa yang kau ingin
aku xtau
apa yang kau fikir
tpi aku tau
apa yang aku rasa
apa yang aku ingin
sedih
pedih
kecewa
aku nak bahagia
aku nak tenang
hanya aku yang memahami

No comments:

Post a Comment

*/ /* Global reset */ /* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */ *, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 } table { border-collapse:collapse; border-spacing:0 } fieldset, img { border:0 } address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal } ol, ul, li { list-style:none } caption, th { text-align:left } h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal } q:before, q:after { content:''} /* Global reset-RESET */ strong { font-weight: bold } em { font-style: italic } a img { border:none } /* Gets rid of IE's blue borders */ body#layout #header { margin-bottom: 80px; clear:both; } body#layout #navigation { height: auto; margin-bottom: 60px; margin-top: 30px; position: relative; width: 100%; z-index: 999999; } body#layout #navigation-wrapper { width:40%; float:left; } body#layout #top-social { width:40%; float:right; } body#layout #widget-area .footerwidget { width:250px; margin-right: 20px; } body#layout #widget-area .widget, body#layout #sidebar .widget { width:250px; } body { color: #777; font-family: Lora; font-size: 15px; font-weight: 400; font-style: normal; line-height: 1.75; letter-spacing: 0px; text-transform: none; background-color:#FFF; } p { font-size:16px; line-height:26px; } a { text-decoration:none; color:$(maincolorhover); } a:hover { } h1,h2,h3,h4,h5,h6 { font-family:"Open Sans", sans-serif; } .container { width:1030px; margin:0 auto; } .container.sp_sidebar { overflow:hidden; } h1.logo_h.logo_h__txt { font-size: 55px; padding: 50px 0; text-align: center; font-weight: 300; } #main { width:100%; } .container.sp_sidebar #main { width:675px; margin-right:20px; float:left; } #sidebar { width:300px; float:right; margin-top: 8px; } /********************************/ /*** Navigation ***/ /********************************/ #navigation { background:#171717; height:48px; position:fixed; z-index:999999; width:100%; -webkit-backface-visibility: hidden; } .slicknav_menu { display:none; } #navigation .container { position:relative; } .menu { float:left; } .menu li { display:inline-block; margin-right:12px; position:relative; } .menu li a { font-family:"Open Sans", sans-serif; font-size:11px; font-weight:400; letter-spacing:2px; color:#fff; line-height:48px; text-transform:uppercase; display:inline-block; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } ul.sub-menu li:after { content: "|"; padding-left: 10px; color: #565656; display: none; } /*** DROPDOWN ***/ .menu .sub-menu, .menu .children { background-color: #171717; display: none; padding: 0; position: absolute; margin-top:0; left: 0; z-index: 99999; } ul.menu ul a, .menu ul ul a { color: #999; margin: 0; padding: 6px 10px 7px 10px; min-width: 160px; line-height:20px; -o-transition:.25s; -ms-transition:.25s; -moz-transition:.25s; -webkit-transition:.25s; transition:.25s; border-top:1px solid #333; } ul.menu ul li, .menu ul ul li { padding-right:0; margin-right:0; } ul.menu ul a:hover, .menu ul ul a:hover { color: #fff; background:#333; } ul.menu li:hover > ul, .menu ul li:hover > ul { display: block; } .menu .sub-menu ul, .menu .children ul { left: 100%; top: 0; } /** Search **/ #top-search { position:absolute; right:0; top:0; width:48px; text-align:center; margin-left:16px; } #top-search a { height:48px; font-size:14px; line-height:48px; color:#999; background:#353535; display:block; -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } #top-search a:hover { color:#ccc; background:#474747; } .show-search { position:absolute; top:48px; right:-1px; display:none; z-index:10000; } .show-search #searchform input#s { width:190px; background:#FFF; webkit-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); -moz-box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); box-shadow: 0 8px 6px -6px rgba(206,206,206,.2); } .show-search #searchform input#s:focus { border:1px solid #d5d5d5; } /*** Top Social ***/ #top-social { position:absolute; right:66px; top:0; } #top-social a i { font-size:14px; margin-left:10px; line-height:48px; color:$(maincolor); -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -ms-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; } /********************************/ /*** Header ***/ /********************************/ #header { padding-top:48px; border-bottom:1px solid #eee; } #logo { text-align:center; padding:30px 0; } ul.site-social-networks a:hover { color: $(maincolorhover); } /********************************/ /*** Grid Item ***/ /********************************/ /* grid title */ .sp-grid-title { margin-bottom:45px; text-align:center; } .sp-grid-title h3 { font-size: 26px; font-weight: 400; text-transform: uppercase; letter-spacing:4px; margin-bottom:4px; } .sp-grid-title .sub-title { font-size: 18px; font-style: italic; color: #999; } .sp-grid li { display: inline-block; vertical-align: top; width: 300px; margin-right: 16px; margin-bottom: 45px; } .container.sp_sidebar .sp-grid li { width:315px; } .container.sp_sidebar .sp-grid li:nth-child(3n+3) { margin-right:16px; } .container.sp_sidebar .sp-grid li:nth-child(2n+2) { margin-right:0; } .sp-grid li:nth-child(3n+3) { margin-right:0; } .sp-grid li .item img { width:100%; height:auto; margin-bottom:10px; } .sp-grid li .item .cat { font-size: 11px; font-weight: 700; letter-spacing: 1px; text-transform: uppercase; font-family:"Open Sans"; margin-bottom:7px; display:block; } .sp-grid li .item .cat a:hover { text-decoration:underline; } .sp-grid li .item h2 { margin-bottom:8px; } .sp-grid li .item h2 a { font-size: 15px; color: #000000; text-transform: uppercase; letter-spacing: 1px; font-weight: 700; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .sp-grid li .item h2 a:hover { opacity:.5; } .sp-grid li .item p { margin-bottom:6px; } .sp-grid li .item .date { font-size: 13px; color: #999; letter-spacing: 1px; font-style: italic; } /********************************/ /*** Post ***/ /********************************/ .post { margin-bottom:100px; } .single .post { margin-bottom:70px; } /*** Post Header ***/ .post-header { margin-bottom:27px; text-align:center; } .post-header .cat a { font-size: 22px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 0px; text-transform: none; color: #aaa; font-family: 'Bad Script', cursive; } .post-header .cat a:hover { text-decoration:underline; } .post-header h1, .post-header h2 { margin-bottom:8px; } .post-header h1 a, .post-header h2 a, .post-header h1 { font-family: Raleway; font-size: 30px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; color: #222; } .post-header h2 a:hover { opacity:.50; } .post-header .date { text-transform: uppercase; letter-spacing: 1px; color: #aaa; margin-right: 5px; font-size: 11px; font-family: Lora; } /*** Post image ***/ .post-image { margin-bottom:18px; } .post-image img { max-width:100%; height:auto; } .post-image.audio iframe { height:166px; } .container.sp_sidebar .post-image.audio iframe { width:650px; height:auto; } /*** Post Entry ***/ .post-entry { text-align: justify; } .post-entry img { max-width:100%; height:auto; } .post-entry p { margin-bottom:20px; text-align: justify; text-align: center; } .post-entry a.more-link { margin-top: 40px; border-radius: 1px; text-transform: uppercase; line-height: 1.75; color: #5d5d5d; border: 1px solid $(maincolor); letter-spacing: 2px; font-size: 10px; padding: 0 15px; font-family: 'Montserrat'; line-height: 38px; display: inline-block; text-transform: uppercase; background: transparent; -webkit-transition: all 0.3s ease-in-out 0s; -o-transition: all 0.3s ease-in-out 0s; transition: all 0.3s ease-in-out 0s; } .post-entry a:hover { color: $(maincolorhover); } .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:20px; } .post-entry h1, .post-entry h2, .post-entry h3, .post-entry h4, .post-entry h5, .post-entry h6 { color:#000; font-weight:700; } .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 $(maincolorhover); color:#999; padding:0 18px; font-family:"Georgia"; font-size:18px; line-height:28px; font-style:italic; } .post-entry ul, .post-entry ol { padding-left:45px; margin-bottom:20px; } .post-entry ul li { margin-bottom:12px; list-style:square; } .post-entry ol li { margin-bottom:12px; list-style:decimal; } .sticky.post .post-header { border:1px dashed #ddd; padding:20px 0; } .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 Share ***/ .post-share { text-align:center; margin-top:40px; margin-bottom:100px; background:url(http://1.bp.blogspot.com/-RaxSFprHuWw/U-eh4Hd6OgI/AAAAAAAAAP0/sijBcrNVTjo/line.gif) repeat-x center center; } .post-share a { display:inline-block; } .share-box { width:55px; height:42px; background:#fff; border:1px solid #e5e5e5; display:inline-block; line-height:42px; margin:0 10px; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; } .share-box i { font-size:14px; } .share-box:hover { background:#171717; border:1px solid #171717; } /*** Post author ***/ .post-author { margin-bottom:80px; margin-top:70px; overflow:hidden; border-bottom: 1px solid rgba(34,34,34,0.1); padding-bottom: 40px; margin-bottom: 40px; } .author-img { float:left; margin-right:30px; } .author-img img { border-radius:50%; } .author-content h5 a { font-size:14px; letter-spacing:2px; text-transform:uppercase; margin-bottom:8px; color:#000; display:block; } .author-content p { margin-bottom:8px; } .author-content .author-social { font-size:14px; color:#bbb; margin-right:8px; } /*** Post related ***/ .post-related { overflow:hidden; margin-bottom:80px; margin-top:70px; } .post-box { text-align:center; } .post-box-title { padding-bottom: 3px; display: inline-block; margin-top: 0; font-family: Raleway; font-size: 24px; font-weight: 400; font-style: normal; line-height: 1.25; letter-spacing: 3px; text-transform: uppercase; text-align: center; color: #222; margin-bottom: 20px; } .item-related { width:292px; float:left; } .item-related:last-child { margin-right:0;} .container.sp_sidebar .item-related{ width:212px; position: relative; } .container.sp_sidebar .item-related:last-child { margin-right:0; } .item-related img { margin-bottom:6px; width:100%; height:auto; } .item-related h3 a { font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #000; display: block; font-weight: bold; color: #FFF; position: absolute; bottom: 11px; font-weight: 500; width: 78%; min-height: 42px; padding: 10px 20px; background-color: rgba(0, 0, 0, 0.43); } .item-related h3 a:hover { text-decoration:underline; } .item-related span.date { font-size:10px; font-family:"Open Sans", sans-serif; text-transform:uppercase; font-style:italic; color:#999; } /** Post tags ***/ .post-tags { margin-top:30px; margin-bottom:50px; } .post-tags a { font-family:"Open Sans", sans-serif; font-size:11px; letter-spacing:2px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:7px 10px 8px; margin-right:6px; border-radius:2px; margin-bottom:5px; display:inline-block; } .post-tags a:hover { background:#333; color:#fff; text-decoration:none; } /*** Post Pagination ***/ .post-pagination { overflow:hidden; } .post-pagination .prev-post { float:left; width:470px; } .post-pagination .next-post { float:right; text-align:right; width:470px; } .container.sp_sidebar .post-pagination .prev-post, .container.sp_sidebar .post-pagination .next-post { width:325px; } .post-pagination span { color:#999; font-size:16px; font-style:italic; letter-spacing:1px; } .post-pagination .arrow { font-size:64px; color:#ddd; line-height:64px; } .post-pagination .prev-post .arrow { float:left; margin-right:18px; } .post-pagination .next-post .arrow { float:right; margin-left:18px; } .pagi-text { margin-top:11px; } .post-pagination h5 { text-transform:uppercase; letter-spacing:2px; font-size:14px; } .post-pagination a { color:#999; } .post-pagination a:hover > .arrow, .post-pagination a:hover > .pagi-text span, .post-pagination a:hover { color:#000; } .site-social-networks.show-title li { text-align: center; width: 32.2222%; background-color: #F7F7F7; } .site-social-networks li { display: inline-block; padding: 0; } .site-social-networks.show-title a { margin: 20px auto 0 auto; text-transform: uppercase; font-size: 10px; } .site-social-networks li:last-child { padding-bottom: 7px!important; } .site-social-networks li { margin-bottom: 3px!important; padding-bottom: 7px; } .site-social-networks.show-title i { display: block; margin: 0 auto 10px auto; } .site-social-networks.style-default i { width: 32px; height: 32px; margin: 10px auto 0; line-height: 32px; text-align: center; font-size: 20px; color: #444; } /********************************/ /*** Pagination ***/ /********************************/ .pagination { margin-bottom:60px; overflow:hidden; } .pagination a { color:#999; letter-spacing:3px; text-transform:uppercase; font-size:12px; } .pagination a:hover { text-decoration:none; color:#000; } .pagination .newer { float:left; } .pagination .older { float:right; } /********************************/ /*** Footer Social ***/ /********************************/ #footer-social { background:#f2f2f2; padding:40px 0; text-align:center; } #footer-social a { margin:0 15px; color:#999; font-family:"Open Sans", sans-serif; font-size:11px; text-transform:uppercase; font-weight:700; letter-spacing:1px; } #footer-social a:first-child { margin-left:0; } #footer-social a:last-child { margin-right:0; } #footer-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; color:#fff; border-radius:50%; margin-right:5px; font-size:14px; } #footer-social a:hover { text-decoration:none; color:#000; } #footer-social a:hover > i { background:#000; } /********************************/ /*** Footer logo ***/ /********************************/ #footer-logo { background:#111; padding:60px 0; text-align:center; } #footer-logo img { margin-bottom:15px; } #footer-logo p { color:#777; font-size:15px; margin-bottom:0; font-style:italic; } #footer-logo p i { color:#646464; font-size:14px; margin:0 5px 0 7px; } .share-box:hover > i { color: #fff; } /********************************/ /*** Footer Copyright ***/ /********************************/ #footer-copyright { padding:12px 0; background:#000; overflow:hidden; font-family:"Open Sans", sans-serif; } #footer-copyright p { font-size:11px; color:#EFEFEF; float:left; } #footer-copyright .to-top { float:right; margin-top:6px; font-size:11px; text-transform:uppercase; letter-spacing:1px; color:#EFEFEF; } #footer-copyright .to-top i { font-size:14px; margin-left:3px; } #footer-copyright .to-top:hover { text-decoration:none; } div#author-social a { margin-right: 5px; color: #777; } /********************************/ /*** Widget Area ***/ /********************************/ #widget-area { overflow:hidden; margin-bottom:60px; border-top:1px solid #e5e5e5; padding-top:60px; } #widget-area .footerwidget { float:left; } #widget-area .widget, #sidebar .widget { float: left; margin-right: 32px; width: 322px; } #widget-area #container3 { margin-right:0px; } #sidebar .widget { width: 300px; margin-right: 0; float: none; margin-bottom: 30px; } div#sidebar h2 span { font-family: 'Montserrat'; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #252525; line-height: 27px; padding: 0 10px; border: 1px dashed #E6E6E6; display: inline-block; margin: 0; background: #ffffff; position: relative; } #sidebar img { max-width:300px; } #sidebar iframe { max-width:300px; } .widget:last-child { margin-right:0; } .widget-title, #sidebar .widget h2{ display: block; position: relative; text-align: center; } .footerwidget .widget h2 { display: block; position: relative; text-align: center; } .footerwidget .widget h2:before { content: ""; width: 100%; height: 1px; top: 49%; border-bottom: 1px dashed #E6E6E6; position: absolute; left: 0; } .footerwidget .widget h2 span{ font-family: 'Montserrat'; font-size: 12px; text-transform: uppercase; letter-spacing: 2px; color: #252525; line-height: 27px; padding: 0 10px; border: 1px dashed #E6E6E6; display: inline-block; margin: 0; background: #ffffff; position: relative; } /* Label */ .cloud-label-widget-content {display:inline-block;text-align:left;} .cloud-label-widget-content .label-size{display:inline-block;float:left;font-size:11px;line-height:normal;margin:0 5px 5px 0;opacity:1} .cloud-label-widget-content .label-size a{ background: #fff; color: $(maincolorhover); float: left; border: 1px solid #eee; font-family: 'Open Sans',sans-serif; line-height: 100%; margin: 0; padding: 8px 10px; text-transform: uppercase; transition: all .6s;} #sidebar .widget h2:before { content: ""; width: 100%; height: 1px; top: 49%; border-bottom: 1px dashed #E6E6E6; position: absolute; left: 0; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { margin-bottom:30px; } #sidebar .widget ul li { margin-bottom:7px; padding-bottom:7px; } #sidebar .widget ul li:last-child { margin-bottom:0; padding-bottom:0; border-bottom:none; } .PageList h2 { display: none; } /*** Search widget ***/ #searchform input#s { border: 1px solid #e5e5e5; background:#fff url(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 widget ***/ .widget #searchform input#s { width:260px; } #sidebar .widget #searchform input#s { width:230px; } /*** About Widget ***/ .about-widget img { max-width:292px; height:auto; } /** Instagram widget support **/ .instag ul.thumbnails > li { width:32% !important; } .instag ul.thumbnails > li img:hover { opacity:.8; } .instag ul li { margin:0; padding-bottom:0; border-bottom:none; } .pllexislider ul li { margin:0; padding-bottom:0; border-bottom:none; } /*** Tagcloud widget ***/ .widget .tagcloud a { font-family:"Open Sans", sans-serif; font-size:10px; letter-spacing:1px; text-transform:uppercase; background:#f2f2f2; color:#666; padding:6px 8px 7px; margin-right:5px; margin-bottom:8px; display:inline-block; border-radius:2px; } .widget .tagcloud a:hover { background:#333; color:#fff; } footer#footer-copyright a { color: $(maincolor); } /*** Calender widget ***/ #wp-calendar {width: 100%; } #wp-calendar caption { text-align: right; color: #777; font-size: 12px; margin-top: 10px; margin-bottom: 15px; } #wp-calendar thead { font-size: 12px; } #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; } /** WIDGET ITEMS **/ .widget ul.side-newsfeed li { list-style-type:none; margin-bottom:17px; padding-bottom:13px; margin-left:0; } .widget ul.side-newsfeed li:last-child { margin-bottom:0; padding-bottom:0; } .widget ul.side-newsfeed li .side-item { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-image { float:left; margin-right:14px; } .widget ul.side-newsfeed li .side-item .side-image img { width:86px; height:auto; } .widget ul.side-newsfeed li .side-item .side-item-text { overflow:hidden; } .widget ul.side-newsfeed li .side-item .side-item-text h4 a { margin-bottom:1px; color:#333; display:block; font-size:14px; } .widget ul.side-newsfeed li .side-item .side-item-text .side-item-meta { font-size:10px; letter-spacing:1px; color:#999; font-style:italic; font-family:"Open Sans"; } /** Social Widget **/ .widget-social { text-align:center; } .widget-social a:first-child { margin-left:0; } .widget-social a:last-child { margin-right:0; } .widget-social a i { height:28px; width:28px; text-align:center; line-height:28px; background:#666; color:#fff; border-radius:50%; margin:0 2px; font-size:14px; } .widget-social a:hover { text-decoration:none; color:#000; } .widget-social a:hover > i { background:#000; } /******************************* *** COMMENTS *******************************/ .post-comments { margin-bottom:70px; margin-top:70px; } .comments { margin-bottom:40px; } .comment { border-bottom:1px dotted #eee; margin-top:20px; margin-bottom:34px; padding-bottom:40px; } .comment .avatar-image-container { float:left; } .comment .avatar-image-container img { border-radius:50%; width:50px; height:50px; max-width:50px; max-height:50px; } .comments .comment-block { margin-left: 80px; position: relative; } .comment-replies { margin-left: 40px; margin-top: 20px; } .comments .avatar-image-container { float: left; max-height: 50px; overflow: hidden; width: 50px; } .comment-replies .comment { border:none; margin-bottom:0px; padding-bottom:0px; } .thecomment .comment-text { overflow:hidden; } .thecomment .comment-text span.author, cite.user > a { display:block; font-size:14px; text-transform:uppercase; letter-spacing:2px; margin-bottom:6px; color:#333; font-family:"Open Sans"; } .thecomment .comment-text span.author a:hover { text-decoration:underline; } span.datetime { font-size:14px; color:#999; font-style:italic; display:block; margin-bottom:10px; } .thecomment .comment-text em { font-size:13px; margin-bottom:-14px; display:block; color:orange; letter-spacing:1px; } .thecomment .comment-text em i { font-size:14px; color:#f3bd00; } .comment-actions a { float:right; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .continue a { float:left; margin-bottom:20px; font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .loadmore a { font-size:11px; background-color:#aaa; color:#FFF; padding:3px 6px 5px 6px; border-radius:2px; margin-left:7px; font-family:"Lato"; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; } .post-comments span.reply a.comment-edit-link { background:#c5c5c5; } .post-comments span.reply a:hover { opacity:.8; } ul.children { margin: 0 0 0 55px; } ul.children li.thecomment { margin:0 0 8px 0; } /** Reply **/ #respond { margin-bottom:20px; overflow:hidden; } #respond h3 { font-size:14px; color:#999; font-weight:400; margin-bottom:30px; font-family:"Lato"; letter-spacing:2px; text-transform:uppercase; } #respond h3 a { color:#000; display:inline-block; } #respond h3 small a { text-transform:uppercase; font-size:11px; background:#333; color:#FFF; padding:4px 6px 5px; 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:#888; width:80px; font-size:14px; display:inline-block; font-weight:300; } #respond input { padding:8px 10px; border:1px solid #DDD; margin-right:10px; border-radius: 3px; color:#999; margin-bottom:15px; font-size:11px; width:250px; font-family:"Georgia"; } #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-size:13px; color:#777; margin-bottom:14px; line-height:20px; font-family:"Georgia"; } #respond textarea:focus {outline:none;} #respond #submit { font-family:"Lato"; text-transform:uppercase; letter-spacing:2px; background:#eee; border-radius:0; font-size:11px; color:#666; padding:12px 19px 14px; margin-top:6px; display:inline-block; border:none; -o-transition:.3s; -ms-transition:.3s; -moz-transition:.3s; -webkit-transition:.3s; transition:.3s; cursor:pointer; border-radius:30px; width:auto; } #respond #submit:hover { background:#333; color:#FFF; } .bottom-blog { display: inline-block; width: 100%; border-top: 1px dashed #e8e8e8; padding: 13px 0; margin-top: 30px; } .blog-date li{ display: inline-block; font-size: 12px; font-style: italic; margin-right: 14px; } .blog-date li a{ color: #5d5d5d } .blog-date li .fa{ font-size: 16px; color: $(maincolor); margin-right: 10px; vertical-align: middle; } .group-share li{ display: inline-block; margin-left: 6px; } .group-share li a{ width: 27px; height: 27px; line-height: 27px; text-align: center; font-size: 13px; border: 1px solid $(maincolor); -webkit-border-radius: 50%; -moz-border-radius: 50%; -ms-border-radius: 50%; -o-border-radius: 50%; border-radius: 50%; display: inline-block; } .group-share li a:hover{ color: #ffffff; border-color: $(maincolor); background: $(maincolor); } .separator a { margin-left: 0px!important; } .post-header .bg-category{ width: 100%; overflow: hidden; text-align: center; margin: 20px auto 30px; height: auto; line-height: 12px; /*white-space: nowrap;*/ } .post-header .bg-category .category-name{ position: relative; display: inline-block; } .post-header .bg-category .category-name::before, .post-header .bg-category .category-name::after { border-bottom: 1px dashed #e8e8e8; border-color: #e8e8e8; content: ""; display: block; height: 1px; position: absolute; top: 49%; width: 9999%; } .post-header .bg-category .category-name::before{ margin-right: 25px; right: 100%; } .post-header .bg-category .category-name::after { left: 100%; margin-left: 25px; } .post-header .category-name{ font-size: 10px; font-family: 'Montserrat'; color: #ffffff; text-align: center; text-transform: uppercase; height: auto; } .post-header .category-name a{ color: #ffffff; padding: 0px 8px; letter-spacing: 2px; vertical-align: top; line-height: 21px; } .post-header .category-name span{ position: relative; background: $(maincolor); display: inline-block; height: auto; line-height: 10px; } .post-header .category-name span:before{ content: ""; display: inline-block; border-top: 10px solid transparent; border-right: 7px solid transparent; border-bottom: 10px solid transparent; border-left: 7px solid #ffffff; } .post-header .category-name span:after{ content: ""; display: inline-block; border-top: 10px solid transparent; border-right: 8px solid #ffffff; border-bottom: 10px solid transparent; border-left: 8px solid transparent; } /********************************/ /*** Archive ***/ /********************************/ .archive-box { background:#f4f4f4; padding:22px 0 24px; text-align:center; margin-bottom:70px; margin-top:-70px; border-bottom:1px solid #eee; } .archive-box span { font-size:14px; font-style:italic; letter-spacing:1px; color:#999; } .archive-box h1 { font-size:26px; letter-spacing:4px; text-transform:uppercase; } .nothing { margin-bottom:90px; text-align:center; } /* =WordPress Core -------------------------------------------------------------- */ .alignnone { margin: 5px 20px 20px 0; } .aligncenter, div.aligncenter { display: block; margin: 5px auto 5px auto; } .alignright { float:right; margin: 5px 0 20px 20px; } .alignleft { float: left; margin: 5px 20px 20px 0; } .aligncenter { display: block; margin: 5px auto 5px auto; } a img.alignright { float: right; margin: 5px 0 20px 20px; } a img.alignnone { margin: 5px 20px 20px 0; } a img.alignleft { float: left; margin: 5px 20px 20px 0; } a img.aligncenter { display: block; margin-left: auto; margin-right: auto } div#footer-instagram h2 { display: none; } .wp-caption { background: #fff; border: 1px solid #f0f0f0; max-width: 96%; /* Image does not overflow the content area */ padding: 5px 3px 10px; text-align: center; font-family:"Open Sans"; } .wp-caption.alignnone { margin: 5px 20px 20px 0; } .wp-caption.alignleft { margin: 5px 20px 20px 0; } .wp-caption.alignright { margin: 5px 0 20px 20px; } .wp-caption img { border: 0 none; height: auto; margin: 0; max-width: 98.5%; padding: 0; width: auto; } .wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; margin: 0; padding: 0 4px 5px; } /*** Custom WordPress gallery style ***/ .gallery .gallery-caption{ font-size:12px; color:#888; font-family:"Open Sans"; } .gallery .gallery-icon img{ border-radius:2px; border:1px solid #eee !important; padding:7px; } .gallery .gallery-icon img:hover { border:1px solid #ccc !important; } .single-sharing-btns a { color: $(maincolorhover); } /*** Contact Form 7 ***/ /*********************************************************/ .wpcf7 input { width:266px; } div.wpcf7 { overflow:hidden; margin-top:40px; } .wpcf7 p.sp_input { float:left; margin-right:19px; } .wpcf7 p.sp_message { clear:both; } .wpcf7 input, .wpcf7 textarea { padding:8px; border:1px solid #DDD; margin-right:10px; -webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px; color:#777; font-size:12px; margin-top:6px; margin-bottom:6px; } .wpcf7 textarea { width:95%; } .wpcf7 .wpcf7-submit { background:#171717; -webkit-border-radius: 20px;-moz-border-radius: 20px;border-radius:20px; padding:12px 24px; color:#FFF; letter-spacing:3px; 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; width:auto; } .wpcf7 .wpcf7-submit:hover { background:#777; } .post-entry.inside a{ color: $(maincolor); } .post-entry.inside a:hover{ color: $(maincolorhover); } /*** 404 ***/ .error-404 { margin-bottom:105px; text-align:center; } .error-404 h1 { font-size:190px; font-weight:700; margin-bottom:-25px; } .error-404 p { color:#999; font-size:18px; font-style:italic; } .author-content { margin-left: 140px; } #logo { padding:45px 0; } #navigation { background:#171717; } .menu li a { color:#ffffff; } .menu li a:hover { color:#999999; } .menu .sub-menu, .menu .children { background: #171717; } ul.menu ul a, .menu ul ul a { border-top: 1px solid #333333; color:#999999; } ul.menu ul a:hover, .menu ul ul a:hover { color: #ffffff; background:#333333; } #top-social a i { color:$(maincolor); } #top-social a:hover i { color:#ffffff } #top-search a { background:#353535 } #top-search a { color:#999999 } #top-search a:hover { background:#474747; } #top-search a:hover { color:#cccccc; } .widget-title , #sidebar .widget h2, #widget-area .widget h2 { color:#222; } #sidebar .widget-title, #sidebar .widget h2, #widget-area .widget h2 { background:; color:; } #footer-social { background:#f2f2f2; } #footer-logo { background:#171717; } #footer-logo p { color:#EFEFEF; } #footer-copyright { background:#000; } #footer-copyright p { color:#EFEFEF; } a, #footer-logo p i { color:#646464; } .post-entry blockquote p { border-left:3px solid $(maincolorhover); } #main .widget { width: 100%; } #navigation .widget ul li { border:none; margin-bottom:0px; padding-bottom:0px; } #navigation .widget ul li:after { content: "|"; padding-left: 10px; color: #565656; } #navigation .widget ul li:last-child:after { content: ""; } #navigation .widget a:hover { text-decoration: none; } #widget-area #container3 .widget { margin-right: 0; } .container.sp_sidebar { overflow: hidden; margin: 40px auto 0; } .pagination .older { float: right; position: relative; text-align: right; } .pagination .newer { float: left; position: relative; text-align: left; } .post-nav-icon { position: absolute; top: 7px; width: 32px; height: 32px; text-align: center; line-height: 32px; background-color:#000; border-radius: 32px; color: $(maincolor); letter-spacing: 0; } .older .post-nav-icon{ right:0; } .newer .post-nav-icon{ left:0; } .older .pager-heading { margin-bottom: 5px; color:#aaa; margin-right: 42px; } .older .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-right: 42px; } .newer .pager-heading { margin-bottom: 5px; color:#aaa; margin-left: 42px; } .newer .pager-title { font-size: 150%; display: block; line-height: 1.3; white-space: normal; text-overflow: ellipsis; overflow: hidden; color:$(maincolor); margin-left: 42px; } /* Slider */ .slick-slider { position: relative; display: block; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-touch-callout: none; -khtml-user-select: none; -ms-touch-action: pan-y; touch-action: pan-y; -webkit-tap-highlight-color: transparent; } .slick-list { position: relative; display: block; overflow: hidden; margin: 0; padding: 0; } .slick-list:focus { outline: none; } .slick-list.dragging { cursor: pointer; cursor: hand; } .slick-slider .slick-track, .slick-slider .slick-list { -webkit-transform: translate3d(0, 0, 0); -moz-transform: translate3d(0, 0, 0); -ms-transform: translate3d(0, 0, 0); -o-transform: translate3d(0, 0, 0); transform: translate3d(0, 0, 0); } .slick-track { position: relative; top: 0; left: 0; display: block; } .slick-track:before, .slick-track:after { display: table; content: ''; } .slick-track:after { clear: both; } .slick-loading .slick-track { visibility: hidden; } .slick-slide { display: none; float: left; height: 100%; min-height: 1px; } [dir='rtl'] .slick-slide { float: right; } .slick-slide img { display: block; } .slick-slide.slick-loading img { display: none; } .slick-slide.dragging img { pointer-events: none; } .slick-initialized .slick-slide { display: block; } .slick-loading .slick-slide { visibility: hidden; } .slick-vertical .slick-slide { display: block; height: auto; border: 1px solid transparent; } /* -------------------------------------------------------------- Homepage Styles -------------------------------------------------------------- */ /* ===[ Carousel And Slider ]=== */ .homepage-carousel.slick-initialized, .homepage-slider.slick-initialized { opacity: 1; transition: opacity .2s ease-in; } .homepage-carousel .slick-slide, .homepage-slider .slick-slide { float: left; position: relative; height: 100%; min-height: 1px; overflow: hidden; } .homepage-carousel .slick-slide img, .homepage-slider .slick-slide img { display: block; width: 100%; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-carousel .slick-nav, .homepage-slider .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .homepage-carousel .slick-nav:hover, .homepage-slider .slick-nav:hover { color: #111; background: #fff; } .homepage-carousel .slick-prev, .homepage-slider .slick-prev { left: 25px } .homepage-carousel .slick-next, .homepage-slider .slick-next { right: 25px } /* ===[ Carousel ]=== */ .homepage-carousel { opacity: 0; margin-bottom: 60px; } .homepage-carousel .slick-slide:hover img { transform: scale(1.1) } .homepage-carousel .slick-slide .featured-title { position: absolute; padding: 20px 25px 15px 25px; left: 0; right: 0; bottom: 0; background: rgba(0,0,0,.4); } .homepage-carousel .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 18px; line-height: 1.2; margin-bottom: 5px; color: #fff; text-shadow: 0 1px 1px rgba(0,0,0,.2); } .homepage-carousel .slick-slide .featured-title .featured-date { color: #ddd; font-size: 13px; } .homepage-carousel .slick-slide .featured-title .featured-category { font-size: 11px; padding: 2px 5px; text-transform: uppercase; background: $(maincolor); border-radius: 3px; color: #fff; margin-left: 5px; font-family: monospace; font-family: 'Montserrat'; } /* ===[ Slider ]=== */ .homepage-slider { opacity: 0; margin-bottom: 60px; } .homepage-slider .slick-slide .featured-title { text-align: center; position: absolute; margin: 0 auto; top: 20%; left: 30%; width: 40%; padding: 40px 30px 50px; background: #fff; -webkit-transition: all .1s ease-in-out; -moz-transition: all .1s ease-in-out; -o-transition: all .1s ease-in-out; transition: all .1s ease-in-out; } .homepage-slider .slick-slide:hover .featured-title { background: rgba(255,255,255,.9) } .homepage-slider .slick-slide .featured-title h2 { font-family: 'Playfair Display', Georgia, 'Times New Roman', Times, serif; font-size: 24px; line-height: 1.2; margin-bottom: 10px; color: #111; } .homepage-slider .slick-slide .featured-title .featured-date { color: #999; font-size: 13px; } .homepage-slider .slick-slide .featured-title .featured-category { display: inline-block; font-size: 11px; font-weight: bold; text-transform: uppercase; color: #e1534f; margin-bottom: 10px; border-radius: 3px; } #blog-pager > span a h3 { font-family: raleway; font-size: 17px; } #blog-pager a:hover { text-decoration: none; } #blog-pager a > h3:hover { text-decoration: underline!important; } #blog-pager-older-link{display:inline;float:right;width:50%;text-align:right;padding:0} #blog-pager-newer-link{display:inline;float:left;width:50%;text-align:left;padding:0} #blog-pager{ clear:both; font-size:16px; line-height:normal; margin:0; padding:10px; font-family: times new roman; background: #f9f9f9; } #instafeed{width:100%;display:block;margin:0;padding:0;line-height:0} #instafeed img{height:auto;width:100%} #instafeed a{padding:0;margin:0;display:inline-block;position:relative} #instafeed li{width:12.5%;display:inline-block;margin:0!important;padding:0!important} #instafeed .insta-likes{width:100%;height:100%;margin-top:-100%;opacity:0;text-align:center;letter-spacing:1px;background:rgba(255,255,255,0.4);position:absolute;text-shadow:2px 2px 8px #fff;font:normal 400 11px Montserrat,sans-serif;color:#222;line-height:normal;transition:all .35s ease-out;-o-transition:all .35s ease-out;-moz-transition:all .35s ease-out;-webkit-transition:all .35s ease-out} #instafeed a:hover .insta-likes{opacity:1} /*---Flicker Image Gallery-----*/ .flickr_plugin { width: 100%; } .flickr_badge_image { float: left; height: 70px; margin: 8px 5px 0px 5px; width: 70px; } .flickr_badge_image a { display: block; } .flickr_badge_image a img { display: block; width: 100%; height: auto; -webkit-transition: opacity 100ms linear; -moz-transition: opacity 100ms linear; -ms-transition: opacity 100ms linear; -o-transition: opacity 100ms linear; transition: opacity 100ms linear; } .flickr_badge_image a img:hover { opacity: .5; } .post-gallery .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 50%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .post-gallery .slick-nav:hover { color: #111; background: #fff; } .post-gallery .slick-prev { left: 25px } .post-gallery .slick-next { right: 25px } .related-slide .slick-nav { font-size: 18px; color: #fff; display: block; text-align: center; outline: 0; padding: 0; width: 30px; height: 30px; position: absolute; top: 48%; margin-top: -15px; background: transparent; border: 1px solid rgba(255,255,255,.5); cursor: pointer; } .related-slide .slick-slide{ padding: 5px; } .related-slide .slick-nav:hover { color: #111; background: #fff; } .related-slide .slick-prev { left: 25px } .related-slide .slick-next { right: 25px } ]]>

Tuesday, August 16, 2011

tak tau

No comments:

â† Previous Story

bila tamat

Next Story â†’

Salam Ramadhan

1 : :

1

â† Previous Story