/* ==== Google font ==== */ @import url('https://fonts.googleapis.com/css?family=Noto+Serif:400,400italic,700|Open+Sans:300,400,600,700'); /* === prettify === */ @import url('../js/google-code-prettify/prettify.css'); /* === fontawesome === */ @import url('font-awesome.css'); /* === custom icon === */ @import url('custom-fonts.css'); /* ==== overwrite bootstrap standard ==== */ /*@import url('overwrite.css'); Comment this by Aniesh. To make the icons available. */ @import url('animate.css'); /* =================================== 1. General ==================================== */ body { font-family:'Open Sans', Arial, sans-serif; font-size:14px; font-weight:400; line-height:1.6em; color:#3d3d3d; } a:active { outline:0; } .clear { clear:both; } h1,h2, h3, h4, h5, h6 { font-family:'Open Sans', Arial, sans-serif; font-weight:700; line-height:1.1em; color:#333; margin-bottom: 20px; } /* =================================== 2. layout ==================================== */ .container { padding:0 20px 0 20px; position:relative; } #wrapper{ width:100%; margin:0; padding:0; } .row,.row-fluid { margin-bottom:30px; } .row .row,.row-fluid .row-fluid{ margin-bottom:30px; } .row.nomargin,.row-fluid.nomargin { margin-bottom:0; } /* =================================== 3. Responsive media ==================================== */ .video-container,.map-container,.embed-container { position:relative; margin:0 0 15px 0; padding-bottom:51%; padding-top:30px; height:0; overflow:hidden; border:none; } .embed-container iframe, .embed-container object, .embed-container embed, .video-container iframe, .map-container iframe, .map-container object, .map-container embed, .video-container object, .video-container embed { position:absolute; top:0; left:0; width:100%; height:100%; } iframe { border:none; } img.img-polaroid { margin:0 0 20px 0; } .img-box { max-width:100%; } /* =================================== 4. Header ==================================== */ /* --- header -- */ header .navbar { margin-bottom: 0; } .navbar-default { border: none; } .navbar-brand { color: #222; text-transform: uppercase; font-size: 24px; font-weight: 700; line-height: 1em; letter-spacing: -1px; margin-top: 30px; padding: 0 0 0 15px; } header .navbar-collapse ul.navbar-nav { float: right; margin-right: 0; } header .navbar-default{ background-color: #fff; } header .nav li a:hover, header .nav li a:focus, header .nav li.active a, header .nav li.active a:hover, header .nav li a.dropdown-toggle:hover, header .nav li a.dropdown-toggle:focus, header .nav li.active ul.dropdown-menu li a:hover, header .nav li.active ul.dropdown-menu li.active a{ -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } header .navbar-default .navbar-nav > .open > a, header .navbar-default .navbar-nav > .open > a:hover, header .navbar-default .navbar-nav > .open > a:focus { -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } header .navbar { min-height: 100px; } header .navbar-nav > li { padding-bottom: 30px; padding-top: 30px; } header .navbar-nav > li > a { padding-bottom: 6px; padding-top: 5px; margin-left: 2px; line-height: 30px; font-weight: 700; -webkit-transition: all .3s ease; -moz-transition: all .3s ease; -ms-transition: all .3s ease; -o-transition: all .3s ease; transition: all .3s ease; } .dropdown-menu li a:hover { color: #fff !important; } header .nav .caret { border-bottom-color: #f5f5f5; border-top-color: #f5f5f5; } .navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus { background-color: #fff; } .navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus { background-color: #fff; } .dropdown-menu { box-shadow: none; border-radius: 0; border: none; } .dropdown-menu li:last-child { padding-bottom: 0 !important; margin-bottom: 0; } header .nav li .dropdown-menu { padding: 0; } header .nav li .dropdown-menu li a {line-height: 21px;padding: 3px 12px;text-transform: none;font-weight: bold;} /* --- menu --- */ header .navigation { float:right; } header ul.nav li { border:none; margin:0; } header ul.nav li a { font-size:12px; border:none; font-weight:700; text-transform:uppercase; } header ul.nav li ul li a { font-size:12px; border:none; font-weight:300; text-transform:uppercase; } .navbar .nav > li > a { color: #111; text-shadow: none; } .navbar .nav a:hover { background:none; } .navbar .nav > .active > a,.navbar .nav > .active > a:hover { background:none; font-weight:700; } .navbar .nav > .active > a:active,.navbar .nav > .active > a:focus { background:none; outline:0; font-weight:700; } .navbar .nav li .dropdown-menu {z-index:2000;background-color: whitesmoke;border: 1px solid gainsboro;} header ul.nav li ul { margin-top:1px; } header ul.nav li ul li ul { margin:1px 0 0 1px; } .dropdown-menu .dropdown i { position:absolute; right:0; margin-top:3px; padding-left:20px; } .navbar .nav > li > .dropdown-menu:before { display: inline-block; border-right: none; border-bottom: none; border-left: none; border-bottom-color: none; content:none; } ul.nav li.dropdown a { z-index:1000; display:block; } select.selectmenu { display:none; } /* =================================== 5. Section: Featured ==================================== */ #featured{ width: 100%; background:#fcfcfc; position:relative; margin:0; padding:0; } /* =================================== 6. Sliders ==================================== */ /* --- flexslider --- */ #featured .flexslider { padding:0; margin: 50px 0 30px; background: #fff; position: relative; zoom: 1; } .flex-caption {background:none; -ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#4C000000,endColorstr=#4C000000); zoom: 1;} .flex-caption { bottom: 35px; background-color: rgba(0, 0, 0, 0.8); color: #fff; margin: 0; padding: 25px 25px 25px 30px; position: absolute; right: 0; width: 295px;} .flex-caption h3 {color: #fff; letter-spacing: 1px; margin-bottom: 8px; text-transform: uppercase;} .flex-caption p {margin: 0 0 15px;} /* =================================== 7. Section: call action ==================================== */ section.callaction { background:#f9f9f9; padding:50px 0 0 0; } /* =================================== 8. Section: Content ==================================== */ #content { position:relative; background:#fff; padding:50px 0 40px 0; } #content img { max-width:100%; height:auto; } /* --- Call to action --- */ .cta-text { text-align: center; margin-top:10px; } .big-cta .cta { margin-top:10px; } /* --- box --- */ .box { width: 100%; } .box-gray { background: #f8f8f8; padding: 20px 20px 30px; } .box-gray h4,.box-gray i { margin-bottom: 20px; } .box-bottom { padding: 20px 0; text-align: center; } .box-bottom a { color: #fff; font-weight: 700; } .box-bottom a:hover { color: #eee; text-decoration: none; } /* =================================== 9. Section: Bottom ==================================== */ #bottom { background:#fcfcfc; padding:50px 0 0; } /* twitter */ #twitter-wrapper { text-align: center; width: 70%; margin: 0 auto; } #twitter em { font-style: normal; font-size: 13px; } #twitter em.twitterTime a { font-weight:600; } #twitter ul { padding: 0; list-style:none; } #twitter ul li { font-size: 20px; line-height: 1.6em; font-weight: 300; margin-bottom: 20px; position: relative; word-break: break-word; } /* =================================== 10. Inner - Section: page headline ==================================== */ #inner-headline{ background:#252525; position:relative; margin:0; padding:0; color:#fefefe; } #inner-headline .inner-heading h2 { color:#fff; margin:20px 0 0 0; } /* --- breadcrumbs --- */ #inner-headline ul.breadcrumb { margin:30px 0 0; float:left; } #inner-headline ul.breadcrumb li { margin-bottom:0; padding-bottom:0; } #inner-headline ul.breadcrumb li { font-size:13px; color:#fff; } #inner-headline ul.breadcrumb li i{ color:#dedede; } #inner-headline ul.breadcrumb li a { color:#fff; } ul.breadcrumb li a:hover { text-decoration:none; } /* ============================ 11. Forms ============================= */ /* --- contact form ---- */ form#contactform input[type="text"] { width: 100%; border: 1px solid #f5f5f5; min-height: 40px; padding-left:20px; font-size:13px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#contactform textarea { border: 1px solid #f5f5f5; width: 100%; padding-left:20px; padding-top:10px; font-size:13px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } form#contactform .validation { font-size:11px; } #sendmessage { border:1px solid #e6e6e6; background:#f6f6f6; display:none; text-align:center; padding:15px 12px 15px 65px; margin:10px 0; font-weight:600; margin-bottom:30px; } #sendmessage.show,.show { display:block; } /* --- comment form ---- */ form#commentform input[type="text"] { width: 100%; min-height: 40px; padding-left:20px; font-size:13px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } form#commentform textarea { width: 100%; padding-left:20px; padding-top:10px; font-size:13px; padding-right:20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; -webkit-border-radius: 2px 2px 2px 2px; -moz-border-radius: 2px 2px 2px 2px; border-radius: 2px 2px 2px 2px; } /* --- search form --- */ .search{ float:right; margin:35px 0 0; padding-bottom:0; } #inner-headline form.input-append { margin:0; padding:0; } /* =============================== 12. Portfolio ================================ */ .work-nav #filters { margin: 0; padding: 0; list-style: none; } .work-nav #filters li { margin: 0 10px 30px 0; padding: 0; float:left; } .work-nav #filters li a { color: #7F8289; font-size: 16px; display: block; } .work-nav #filters li a:hover { } .work-nav #filters li a.selected { color: #DE5E60; } #thumbs { margin: 0; padding: 0; } #thumbs li { list-style-type: none; } .item-thumbs { position: relative; overflow: hidden; margin-bottom: 30px; cursor: pointer; } .item-thumbs a + img { width: 100%; } .item-thumbs .hover-wrap { position: absolute; display: block; width: 100%; height: 100%; opacity: 0; filter: alpha(opacity=0); -webkit-transition: all 450ms ease-out 0s; -moz-transition: all 450ms ease-out 0s; -o-transition: all 450ms ease-out 0s; transition: all 450ms ease-out 0s; -webkit-transform: rotateY(180deg) scale(0.5,0.5); -moz-transform: rotateY(180deg) scale(0.5,0.5); -ms-transform: rotateY(180deg) scale(0.5,0.5); -o-transform: rotateY(180deg) scale(0.5,0.5); transform: rotateY(180deg) scale(0.5,0.5); } .item-thumbs:hover .hover-wrap, .item-thumbs.active .hover-wrap { opacity: 1; filter: alpha(opacity=100); -webkit-transform: rotateY(0deg) scale(1,1); -moz-transform: rotateY(0deg) scale(1,1); -ms-transform: rotateY(0deg) scale(1,1); -o-transform: rotateY(0deg) scale(1,1); transform: rotateY(0deg) scale(1,1); } .item-thumbs .hover-wrap .overlay-img { position: absolute; width: 50%; height: 100%; opacity: 0.80; filter: alpha(opacity=80); background: #000; } .item-thumbs .hover-wrap .overlay-img-thumb { position: absolute; border-radius: 60px; top: 50%; left: 50%; margin: -16px 0 0 -16px; color: #fff; font-size: 32px; line-height: 1em; opacity: 1; filter: alpha(opacity=100); } /* --- Portolio filter --- */ ul.portfolio-categ{ margin:10px 0 30px 0; padding:0; float:left; list-style:none; } ul.portfolio-categ li{ margin:0; padding:0 20px 0 0; float:left; list-style:none; font-size:13px; font-weight:600; } ul.portfolio-categ li a{ display:block; padding:35x 0 35x 0; color:#353535; } ul.portfolio-categ li.active a:hover, ul.portfolio-categ li a:hover,ul.portfolio-categ li a:focus,ul.portfolio-categ li a:active { text-decoration:none; outline:0; } /* --- portfolio detail --- */ .top-wrapper { margin-bottom:20px; } /* =============================== 13. Elements ================================ */ /* --- blockquote --- */ blockquote { font-size:16px; font-weight:400; font-family:'Noto Serif', serif; font-style:italic; padding-left:0; color:#a2a2a2; line-height:1.6em; border:none; } blockquote cite { display:block; font-size:12px; color:#666; margin-top:10px; } blockquote cite:before { content:"\2014 \0020"; } blockquote cite a, blockquote cite a:visited, blockquote cite a:visited { color:#555; } /* --- pullquotes --- */ .pullquote-left { display:block; color:#a2a2a2; font-family:'Noto Serif', serif; font-size:14px; line-height:1.6em; padding-left:20px; } .pullquote-right { display:block; color:#a2a2a2; font-family:'Noto Serif', serif; font-size:14px; line-height:1.6em; padding-right:20px; } /* --- button --- */ .btn-theme { color: #fff; } .btn-theme:hover { color: #eee; } /* --- list style --- */ ul.general { list-style:none; margin-left:0; } ul.link-list{ margin:0; padding:0; list-style:none; } ul.link-list li{ margin:0; padding:2px 0 2px 0; list-style:none; } footer ul.link-list li a{ color:#fff; } footer ul.link-list li a:hover { color:#eee; } /* --- Heading style --- */ h4.heading { font-weight:700; } .heading { margin-bottom: 30px; } .heading { position: relative; } .widgetheading { width:100%; padding:0; } #bottom .widgetheading { position: relative; border-bottom: #e6e6e6 1px solid; padding-bottom: 9px; } aside .widgetheading { position: relative; border-bottom: #e9e9e9 1px solid; padding-bottom: 9px; } footer .widgetheading { position: relative; } footer .widget .social-network { position:relative; } #bottom .widget .widgetheading span, aside .widget .widgetheading span, footer .widget .widgetheading span { position: absolute; width: 60px; height: 1px; bottom: -1px; right:0; } /* --- Map --- */ .map{ position:relative; margin-top:-50px; margin-bottom:40px; } .map iframe{ width:100%; height:450px; border:none; } .map-grid iframe{ width:100%; height:350px; border:none; margin:0 0 -5px 0; padding:0; } /* --- our team --- */ ul.team-detail{ margin:-10px 0 0 0; padding:0; list-style:none; } ul.team-detail li{ border-bottom:1px dotted #e9e9e9; margin:0 0 15px 0; padding:0 0 15px 0; list-style:none; } ul.team-detail li label { font-size:13px; } ul.team-detail li h4, ul.team-detail li label{ margin-bottom:0; } ul.team-detail li ul.social-network { border:none; margin:0; padding:0; } ul.team-detail li ul.social-network li { border:none; margin:0; } ul.team-detail li ul.social-network li i { margin:0; } /* --- Pricing box --- */ .pricing-title{ background:#fff; text-align:center; padding:10px 0 10px 0; } .pricing-title h3{ font-weight:600; margin-bottom:0; } .pricing-offer{ background: #fcfcfc; text-align: center; padding:40px 0 40px 0; font-size:18px; border-top:1px solid #e6e6e6; border-bottom:1px solid #e6e6e6; } .pricing-box.special .pricing-offer{ color:#fff; } .pricing-offer strong{ font-size:78px; line-height:89px; } .pricing-offer sup{ font-size:28px; } .pricing-content{ background: #fff; text-align:center; font-size:14px; } .pricing-content strong{ color:#353535; } .pricing-content ul{ list-style:none; padding:0; margin:0; } .pricing-content ul li{ border-bottom:1px solid #e9e9e9; list-style:none; padding:15px 0 15px 0; margin:0 0 0 0; color: #888; } .pricing-action{ margin:0; background: #fcfcfc; text-align:center; padding:20px 0 30px 0; } .pricing-wrapp{ margin:0 auto; width:100%; background:#fd0000; } /* --- pricing box alt 1 --- */ .pricing-box-alt { border: 1px solid #e6e6e6; background:#fcfcfc; position:relative; margin:0 0 20px 0; padding:0; -webkit-box-shadow: 0 2px 0 rgba(0,0,0,0.03); -moz-box-shadow: 0 2px 0 rgba(0,0,0,0.03); box-shadow: 0 2px 0 rgba(0,0,0,0.03); -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; } .pricing-box-alt .pricing-heading { background: #fcfcfc; text-align: center; padding:40px 0 0px 0; display:block; } .pricing-box-alt.special .pricing-heading { background: #fcfcfc; text-align: center; padding:40px 0 1px 0; border-bottom:none; display:block; color:#fff; } .pricing-box-alt.special .pricing-heading h3 { color:#fff; } .pricing-box-alt .pricing-heading h3 strong { font-size:32px; font-weight:700; letter-spacing:-1px; } .pricing-box-alt .pricing-heading h3 { font-size:32px; font-weight:300; letter-spacing:-1px; } .pricing-box-alt .pricing-terms { text-align: center; background:#333; display:block; overflow:hidden; padding:30px 0 20px; } .pricing-box-alt .pricing-terms h6 { font-style:italic; margin-top:10px; color:#fff; font-family:'Noto Serif', serif; } .pricing-box-alt .icon .price-circled { margin: 10px 10px 10px 0; display: inline-block !important; text-align: center !important; color: #fff; width: 68px; height: 68px; padding:12px; font-size: 16px; font-weight:700; line-height: 68px; text-shadow:none; cursor: pointer; background-color: #888; border-radius: 64px; -moz-border-radius: 64px; -webkit-border-radius: 64px; } .pricing-box-alt .pricing-action{ margin:0; text-align:center; padding:30px 0 30px 0; } /* =============================== 14. Blog & article ================================ */ article{ margin-bottom:40px; } article .post-heading h3 { margin-bottom:20px; } article .post-heading h3 a { font-weight:700; color:#353535; } article .post-heading h3 a:hover { text-decoration:none; } /* --- post meta --- */ .post-meta { background:#fcfcfc; border:1px solid #e6e6e6; border-top:none; text-align:center; } .post-meta .format { border-bottom:1px solid #e6e6e6; padding:10px 0 10px; } .post-meta i{ margin:0; } .post-meta .date { border-bottom:1px solid #e6e6e6; padding:10px 0 10px; } .post-meta .date span { text-align:center; color:#999; font-size:12px; font-weight:600; } .post-meta .comments { padding:10px 0 10px; } .post-meta .comments a { color:#999; font-size:12px; font-weight:700; } .post-meta .comments a:hover { text-decoration:none; } /* --- post format --- */ .post-image { margin-bottom:20px; } .post-quote { margin-bottom:20px; } .post-video { margin-bottom:20px; } .post-audio { margin-bottom:20px; } .post-link { margin-bottom:20px; } .post-slider { margin-bottom:20px; } .post-quote blockquote { font-size:16px; color:#999; font-family:'Noto Serif', serif; font-style:italic; line-height:1.6em; } .post-image img:hover { -webkit-box-shadow: 0 0 2px #979797; -moz-box-shadow: 0 0 2px #979797; box-shadow: 0 0 2px #979797; -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; } ul.meta-post{ float:left; margin: 0; padding:0; list-style:none; } ul.meta-post li{ float:left; margin:0 10px 0 0; padding:0; list-style:none; border-right:1px dotted #e9e9e9; padding-right:10px; } ul.meta-post li i { float:left; font-size:12px; margin:2px 5px 0 0; } ul.meta-post li a{ color:#999; float:left; font-size:12px; font-weight:600; } /* --- single post --- */ .bottom-article{ overflow: hidden; border-top:1px solid #f5f5f5; border-bottom:1px solid #f5f5f5; padding:10px 0 10px 0; margin-top:20px; } /* --- author info --- */ .about-author { border:1px solid #f5f5f5; padding:20px; float:left; margin-bottom:5px; } .about-author h5 { margin-bottom:10px; } /* --- Comment --- */ .comment-area { float:left; width:100%; margin-top:30px; } .media-content{ overflow:hidden; margin-left:12px; border-bottom:1px dotted #d5d5d5; padding-bottom:20px; } .media-content h6 { font-size:14px; font-weight:700; } .media-content span{ color:#a9a9a9; font-size:14px; font-weight:300; } .comment-area .thumbnail > img { display: block; width:60px; height:60px; } .filter-list{ margin-top:20px; } /* --- pagination --- */ #pagination a, #pagination span { display: block; float: left; margin: 0 7px 0 0; padding: 7px 10px 6px 10px; font-size: 12px; line-height:12px; color: #888; font-weight:600; } #pagination a:hover { color: #fff; text-decoration:none; } #pagination span.current { background: #333; color: #fff; font-weight: bold; } /* =============================== 15. Aside, sidebar ================================ */ aside{ position:relative; margin-bottom:40px; } .sidebar-nav{ float:left; width:100%; } .right-sidebar{ border-left:1px solid #f5f5f5; padding:0 0 0 30px; -webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01); box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01); } .left-sidebar{ border-right:1px solid #f5f5f5; padding:0 30px 0 0; -webkit-box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01); box-shadow:inset 1px 0 0 0 rgba(0,0,0,.01); } .left-sidebar .widget h3, .left-sidebar .widget .widget-content{ padding-right:20px; } aside .widget { margin-bottom:40px; } ul.cat, ul.recent, ul.folio-detail, ul.contact-info{ margin:0; padding:0; list-style:none; } ul.cat li, ul.recent li, ul.folio-detail li, ul.contact-info li{ margin:0 0 15px 0; list-style:none; } ul.cat li a, ul.folio-detail li a{ color:#656565; } ul.folio-detail li label{ display:inline; cursor:default; color:#353535; font-weight:bold; } .widget ul.recent li { margin-bottom:20px; } ul.recent li h6 { margin:0 0 10px 0; } ul.recent li h6 a{ color:#353535; font-size:16px; font-weight:600; } .widget ul.tags { list-style:none; margin:0; margin-left: 0; padding-left:0; } .widget ul.tags li { margin:0 5px 15px 0; display:inline-block; } .widget ul.tags li a { background:#e6e6e6; color:#333; padding:5px 10px; } .widget ul.tags li a:hover { text-decoration:none; color:#fff; } /* ===== Widgets ===== */ /* --- flickr --- */ .widget .flickr_badge { width:100%; } .widget .flickr_badge img { margin: 0 9px 20px 0; } footer .widget .flickr_badge { width: 100%; } footer .widget .flickr_badge img { margin: 0 9px 20px 0; } .flickr_badge img { width: 50px; height: 50px; float: left; margin: 0 9px 20px 0; } /* --- latest tweet widget --- */ .twitter ul{ margin-left:0; list-style:none; } .twitter img{ float: left; margin-right: 15px; } .twitter span.tweet_time{ display: block; padding-bottom: 5px; } .twitter li{ border-bottom: 1px dashed #efefef; padding-bottom: 20px; margin-bottom: 20px; list-style: none; } .twitter li:last-child{border: none;} /* --- Recent post widget --- */ .recent-post{ margin:20px 0 0 0; padding:0; line-height:18px; } .recent-post h5 a:hover { text-decoration:none; } .recent-post .text h5 a { color:#353535; } ul.time-post{ float:left; width:120px; padding:0; list-style:none; margin:0 20px 0 0; text-align:center; color: #0e0f0f; } ul.time-post li{ float:none; background:#f8f8f8; list-style:none; margin:0 0 2px 0; padding:0; } ul.time-post li a img:hover{ opacity: 0.8; /* For IE 5-7 */ filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); /* For IE 8 8 */ -MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; } ul.time-post li.time{ float:none; padding:5px 0 5px 0; text-shadow: none; } .recent-post ul.time-post li.time{ color:#121214; } .post-meta{ margin-bottom:20px; } .post-meta span{ padding:0 10px 0 10px; margin-bottom:10px; } .post-meta span a{ color:#919191; } .post-meta strong{ font-weight:200px; color:#c7c7c7; } .item .text { margin-left:140px; margin-bottom:20px; } /* =============================== 16. Footer ================================ */ footer{ padding:50px 0 0 0; color:#f8f8f8; } footer a { color:#fff; } footer a:hover { color:#eee; } footer h1, footer h2, footer h3, footer h4, footer h5, footer h6{ color:#fff; } footer address { line-height:1.6em; } footer h5 a:hover, footer a:hover { text-decoration:none; } ul.social-network { list-style:none; margin:0; } ul.social-network li { display:inline; margin: 0 5px; } #sub-footer{ text-shadow:none; color:#f5f5f5; padding:0; padding-top:30px; margin:20px 0 0 0; } #sub-footer p{ margin:0; padding:0; } #sub-footer span{ color:#f5f5f5; } .copyright { text-align:left; font-size:12px; } #sub-footer ul.social-network { float:right; } /* =============================== Live preview purpose ================================ */ /* --- buttons --- */ .bs-docs-example { margin:0 0 10px 0; } .demobtn a.btn { margin:0 10px 10px 0; } section.demogrid .col-lg-1,section.demogrid .col-lg-2,section.demogrid .col-lg-3,section.demogrid .col-lg-4,section.demogrid .col-lg-5,section.demogrid .col-lg-6,section.demogrid .col-lg-7,section.demogrid .col-lg-8,section.demogrid .col-lg-9,section.demogrid .col-lg-10,section.demogrid .col-lg-11 { background:#f6f6f6; text-align:center; padding:20px 0 20px; } section.demogrid .show-grid .row,section.demogrid .show-grid .row-fluid { margin-bottom:0; } section.demogrid .show-grid .nest { background:#ddd; text-align:center; padding:20px 0 20px; } section.demogrid .col-lg-12.nest { background:#f6f6f6; text-align:center; padding:20px 0 0; } .demoinline p { display:inline; margin-right:20px; } /* =============================== 17. Divider, Line & Misc ================================ */ .solidline { border-top:1px solid #f5f5f5; margin:0 0 30px; } .dottedline { border-top:1px dotted #f5f5f5; margin:0 0 30px; } .dashedline { border-top:1px dashed #f5f5f5; margin:0 0 30px; } .blankline { height:1px; margin:0 0 30px; } /* scroll to top */ .scrollup{ position:fixed; width:32px; height:32px; bottom:0px; right:20px; background: #222; } a.scrollup { outline:0; text-align: center; } a.scrollup:hover,a.scrollup:active,a.scrollup:focus { opacity:1; text-decoration:none; } a.scrollup i { margin-top: 10px; color: #fff; } a.scrollup i:hover { text-decoration:none; } /* ============================= 18. Position & alignment ============================= */ .absolute{ position:absolute; } .relative{ position:relative; } .aligncenter{ text-align:center; } .aligncenter span{ margin-left:0; } .floatright { float:right; } .floatleft { float:left; } .floatnone { float:none; } .aligncenter { text-align:center; } /* --- Image allignment style --- */ img.pull-left, .align-left{ float:left; margin:0 15px 15px 0; } .widget img.pull-left { float:left; margin:0 15px 15px 0; } img.pull-right, .align-right { float:right; margin:0 0 15px 15px; } article img.pull-left, article .align-left{ float:left; margin:5px 15px 15px 0; } article img.pull-right, article .align-right{ float:right; margin:5px 0 15px 15px; } /* ============================= 20. Spacer, margin ============================= */ .clear-marginbot{ margin-bottom:0; } .marginbot10{ margin-bottom:10px; } .marginbot20{ margin-bottom:20px; } .marginbot30{ margin-bottom:30px; } .marginbot40{ margin-bottom:40px; } .clear-margintop{ margin-top:0; } .margintop10{ margin-top:10px; } .margintop20{ margin-top:20px; } .margintop30{ margin-top:30px; } .margintop40{ margin-top:40px; } /* ============================= 21. Media queries ============================= */ @media (min-width: 768px) and (max-width: 979px) { a.detail{ background:none; width:100%; } footer .widget form input#appendedInputButton { display: block; width: 91%; -webkit-border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; border-radius: 4px 4px 4px 4px; } footer .widget form .input-append .btn { display: block; width: 100%; padding-right: 0; padding-left: 0; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; margin-top:10px; } ul.related-folio li{ width:156px; margin:0 20px 0 0; } } @media (max-width: 767px) { body { padding-right: 0; padding-left: 0; } .navbar-brand { margin-top: 10px; border-bottom: none; } .navbar-header { margin-top: 20px; border-bottom: none; } .navbar-nav { border-top: none; float: none; width: 100%; } header .navbar-nav > li { padding-bottom: 0; padding-top: 0; } header .nav li .dropdown-menu { margin-top: 0; } .dropdown-menu { position: absolute; top: 0; left: 40px; z-index: 1000; display: none; float: left; min-width: 160px; padding: 5px 0; margin: 2px 0 0; font-size: 13px; list-style: none; background-color: #fff; background-clip: padding-box; border: 1px solid #f5f5f5; border: 1px solid rgba(0, 0, 0, .15); border-radius: 0; -webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175); box-shadow: 0 6px 12px rgba(0, 0, 0, .175); } .navbar-collapse.collapse { border: none; overflow: hidden; } .box { border-bottom:1px solid #e9e9e9; padding-bottom:20px; } #featured .flexslider .slide-caption { width: 90%; padding: 2%; position: absolute; left: 0; bottom: -40px; } #inner-headline .breadcrumb { float:left; clear:both; width:100%; } .breadcrumb > li { font-size:13px; } ul.portfolio li article a i.icon-48{ width:20px; height:20px; font-size:16px; line-height:20px; } .left-sidebar{ border-right:none; padding:0 0 0 0; border-bottom: 1px dotted #e6e6e6; padding-bottom:10px; margin-bottom:40px; } .right-sidebar{ margin-top:30px; border-left:none; padding:0 0 0 0; } footer .col-lg-1, footer .col-lg-2, footer .col-lg-3, footer .col-lg-4, footer .col-lg-5, footer .col-lg-6, footer .col-lg-7, footer .col-lg-8, footer .col-lg-9, footer .col-lg-10, footer .col-lg-11, footer .col-lg-12{ margin-bottom:20px; } #sub-footer ul.social-network { float:left; } [class*="span"] { margin-bottom:20px; } } @media (max-width: 480px) { .bottom-article a.pull-right { float:left; margin-top:20px; } .search{ float:left; } .flexslider .flex-caption { display:none; } .cta-text { margin:0 auto; text-align:center; } ul.portfolio li article a i{ width:20px; height:20px; font-size:14px; } } @media (max-width: 360px) { } /* Top Layout Section */ #top_nav_box{margin-bottom: 0px;} #top_nav_left_box{font-weight:bold;} #top_nav_right_box{margin-top:10px;} #top_nav_left_box .dropdown-menu{background-color: #fff;} /* Start Of : Moved from Layout. */ .panel-body { border-radius: 4px; } .panel-default > .panel-heading-coinbase { background: #2370B4; } .panel-default > .panel-heading-binance { background: #394041; } .bannerad { padding: 2px 0px 0px 0px; float: right; } .button { border-top: 1px solid #96d1f8; background: #65a9d7; background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#65a9d7)); background: -webkit-linear-gradient(top, #3e779d, #65a9d7); background: -moz-linear-gradient(top, #3e779d, #65a9d7); background: -ms-linear-gradient(top, #3e779d, #65a9d7); background: -o-linear-gradient(top, #3e779d, #65a9d7); padding: 5px 10px; -webkit-border-radius: 8px; -moz-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: rgba(0,0,0,1) 0 1px 0; -moz-box-shadow: rgba(0,0,0,1) 0 1px 0; box-shadow: rgba(0,0,0,1) 0 1px 0; text-shadow: rgba(0,0,0,.4) 0 1px 0; color: #EEEEEE; font-size: 14px; font-family: Georgia, serif; text-decoration: none; vertical-align: middle; } .button:hover { border-top-color: #afd7f2; background: #afd7f2; color: #878287; } .button:active { border-top-color: #1b435e; background: #1b435e; } dd { line-height: normal; } /* End of : Moved from Layout. */ /* PAGE SPECIFIC CSS: index */ #default_index_index #column_left{text-align: center;margin-bottom: 20px;} #default_index_index #column_middle h4{color: #5e5e5e;} #default_index_index #column_middle #index_search_form{width: 100%;} #default_index_index #column_middle #index_search_form .input_keyword{width: 100%;} #default_index_index #column_middle #index_search_form .sub_data_box{margin:10px;} #default_index_index #column_middle #index_search_form .sub_data_box .sub_title{color: #5e5e5e;padding-top: 20px;padding-bottom: 10px;} #default_index_index #column_middle #index_search_form .sub_data_box .sub_row{padding-bottom: 10px;} #default_index_index #column_middle_second table{margin:15px;} #default_index_index #column_middle_second table td{vertical-align: top;} #default_index_index #column_middle_second table td .box_heading{color: #5e5e5e;margin-bottom:10px;} #default_index_index #column_middle_second table td .box_content{padding-right: 30px;} #default_index_index #column_middle_second table td .left_td_title{margin-top:10px;} #default_index_index #column_right .sharethis_box{margin-bottom:15px;float:left;width:100%;} #default_index_index #column_right #bitcoin_widget_container_div{float:left;width:100%;} #default_index_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} /*Scam Reports CSS on Right Side Menu. Code inside: widget/index.phtml */ #column_right #scam_box{border: 1px solid #bce8f1;} #column_right #scam_box .sb_widget_box{padding: 10px;word-wrap: break-word;} #column_right #scam_box .sb_widget_box label{font-weight:400;font-size: 13px;} #column_right #scam_box .sb_widget_line_odd{border-bottom:1px solid #bce8f1;} #column_right #scam_box #sb_widget_heading{padding: 10px;font-weight:600;} #api_index_index .sub_heading{padding-bottom: 9px;margin: 40px 0 20px;border-bottom: 1px solid #eee;font-weight: bold;} #api_index_index .bold_content{font-weight:500;} /* COMMON - LAYOUT - STYLE */ header #layout_nav_header .logo{margin-top: -15px; border: 0px;} /* COMMON - ZEND FORM - STYLE */ .zend_form dt,dd{line-height: 2;} .zend_form dd{margin-bottom: 10px;} .zend_form dt label{margin-bottom: 0px;} .zend_form .description {font-size: 12px; color: #999999; padding-top: 2px;} .zend_form ul.errors { list-style: none; color: #f00; padding-left: 0; margin-bottom: 0; font-size: 12px;} .zend_form p{margin:0px;} /* COMMON - PAGE HEADING - STYLE */ #content .container .row .page-header { margin-top: 0px; margin-bottom: 20px; color: #5e5e5e;} .loading-icon { background-image: url(../../images/ajax-loader.gif); background-repeat: no-repeat; background-position: 15px center; padding-left: 35px; } /* PAGE SPECIFIC CSS: SIGNUP */ #signup_index_index .zend_form dt#captcha_reload-label{line-height:1;} #signup_index_index dd#captcha-element {float: left; height: auto; margin: 0; padding: 0; width: 200px !important;} #signup_index_index dd#captcha-element input#captcha {float: left;} #signup_index_index .zend_form dt#captcha_input-label{line-height:0;} #signup_index_index .zend_form dt#submit-label{line-height:1;} /* PAGE SPECIFIC CSS: Users */ #user_list_index .gridtable {width: 100%;table-layout: fixed;} #user_list_index .gridtable th, table td { overflow: hidden; } #user_list_index .gridtable .sl_inline_edit_icon{cursor: pointer;} #user_list_index .gridtable a.url_edit:link{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #user_list_index .gridtable a.url_edit:hover{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #user_list_index .gridtable a.url_edit:active{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #user_list_index .gridtable a.url_edit:visited{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #user_list_index .gridtable a.url_edit:focus{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #user_list_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #user_list_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #user_list_index .gridtable .loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;display:none;} @keyframes userlistfade{from {background: yellow;} to {background: transparent;}} #user_list_index .gridtable .resend_status{animation: userlistfade 2s;} /** URL LIST */ #url_list_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #url_list_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} /*SCAM REPORTS */ #scam_list_index #top_filter_box{margin-bottom:30px;} #scam_list_index #top_filter_box .row{background-color: #f5f5f5;border-bottom: 1px solid #D3D3D3;margin-left: 0px;margin-right: 0px;margin-bottom:5px;} #scam_list_index #top_filter_box #tfb_row_one{background-color: white;border-bottom:0px;} #scam_list_index #top_filter_box .row div.tfb_col_value,#scam_list_index #top_filter_box .row div.tfb_col_label{padding: 10px;} #scam_list_index #top_filter_box .row .tfb_col_label{font-weight: bold;margin-top: 5px;} #scam_list_index #top_filter_box .row .tfb_col_value{font-weight: normal;} #scam_list_index #top_filter_box .row .tfb_col_value small{color:darkgray;display: block;} #scam_list_index #top_filter_box #tfb_row_one .tfb_col_value{padding: 0px;} #scam_list_index #top_filter_box #tfb_row_one a{width: 110px;} #scam_list_index #top_filter_box .filter_date{width:80%;display: inline-block;} @keyframes yellowfade{from {background: yellow;} to {background: transparent;}} #scam_list_index #top_filter_box .highlight{animation: yellowfade 1s;} #scam_list_index .scam_alert_box{margin: 0px 0px 15px 0px;} #scam_list_index #scam_loading_box #scam_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #scam_list_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #scam_list_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #scam_list_index .inner_label{display: inline-block;width: 100px;font-weight: 500;} #scam_list_index #pagination_loading_box{margin: 0px 0px 15px 0px;} #scam_list_index #pagination_loading_box #pagination_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #scam_list_index #records_and_pagination_box .pagecount{margin-top: 25px;} #scam_list_index #scam_records_table{margin-bottom:10px;} #scam_list_index #scam_records_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #scam_list_index #scam_records_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #scam_list_index #scam_records_table .row .srtr_div{text-align:left;padding: 5px;word-wrap: break-word;} #scam_list_index #scam_records_table .row .srtr_div_sub{text-align:left;word-wrap: break-word;} #scam_list_index #scam_records_table .row .srtr_div_bitcoin{font-size: 12px;} #scam_list_index #scam_records_table .row div.col-md-1{font-size: 14px;} #scam_list_index #scam_records_table .scam_info{border-bottom:none;} #scam_list_index #scam_records_table .scam_info .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-top:1px solid #D3D3D3;padding: 8px;border-bottom:0px;} #scam_list_index #scam_records_table .scam_parent:nth-child(even){background-color: white;} #scam_list_index #scam_records_table .scam_parent:nth-child(odd){background-color: #f5f5f5;} #scam_list_index #scam_records_table .srtr_sub .srtr_sub_label{font-size: 12px; font-weight: bold; color: grey;} #scam_list_index #scam_records_table .sl_inline_edit_icon{cursor: pointer;} #scam_list_index #scam_records_table a.url_edit:link{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #scam_list_index #scam_records_table a.url_edit:hover{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #scam_list_index #scam_records_table a.url_edit:active{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #scam_list_index #scam_records_table a.url_edit:visited{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #scam_list_index #scam_records_table a.url_edit:focus{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #scam_list_index #scam_records_table a.sl_show{width:15px;} #scam_list_index #scam_records_table a.sl_hide{width:15px;} #scam_list_index #scam_records_table .srtr_sub .row:nth-child(even) {padding: 8px 0px 8px 0px;line-height: 1.42857143;vertical-align: top;font-size:13px;background-color: white;} #scam_list_index #scam_records_table .srtr_sub .row:nth-child(odd) {padding: 8px 0px 8px 0px;line-height: 1.42857143;vertical-align: top;background-color: #f9f9f9;font-size:13px} #scam_list_index #scam_records_table .si_manage_box .srtr_ds_image_box .srtr_link_small{margin-bottom: 15px;width: 115px;display: inline-block;} #scam_list_index #scam_records_table .si_manage_box .srtr_ds_message_box .alert{margin-top:15px;} #scam_list_index #scam_records_table .si_manage_box .srtr_ds_message_box .loading-icon {background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;} #scam_list_index #scam_records_table .si_manage_box .srtr_ds_message_box .srtr_ds_note{margin-top:5px; font-size:12px; color:gray;} #scam_list_index #scam_records_table .all_reports_of_user{color:black;} /* URL VIEW */ #url_view_index table {width: 100%;table-layout: fixed;} #url_view_index table th, table td { overflow: hidden; } #url_view_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #url_view_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #url_view_index .url_view_index_grid_span_left{padding-right: 5px;} #url_view_index table .bitcoin_address_column ul{padding-left: 0px;} #url_view_index table .bitcoin_address_column ul li{list-style: none;padding-bottom: 3px;} #url_view_childurls .gridtable {width: 100%;table-layout: fixed;} #url_view_childurls .gridtable th, table td { overflow: hidden; } #url_view_childurls .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #url_view_childurls .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #url_manage_edit .gridtable {width: 100%;table-layout: fixed;} #url_manage_edit .gridtable .gridlabel{font-weight: bolder;} #url_manage_edit .editable-click, a.editable-click, a.editable-click:hover {text-decoration: none;border-bottom: none;} #url_manage_edit .popover{ z-index: 100000;} #url_manage_edit .editable-input .input-large{width:500px;} #url_manage_edit .editable-input .input-sm{width:500px;} #search_index_index table {width: 100%;table-layout: fixed;} #search_index_index table th, table td { overflow: hidden; } #search_index_index table tr th{color: #FF6600;} #search_index_index table .bitcoin_address_list ul{padding-left: 0px;} #search_index_index table .bitcoin_address_list ul li{list-style: none;} #search_index_index #search_index_form #search_index_span{cursor:pointer;} #search_index_index #search_index_form #search_export_span{cursor:pointer;} #search_index_index #search_index_form .popover{width: 130px !important;} #search_index_index #search_index_form #search_loading_box #search_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #search_index_index #search_index_form #search_loading_box{margin-top: 10px;} #search_index_index #search_index_form #search_error_box{margin-top: 10px;} #search_index_index #search_index_form #search_success_box{margin-top: 10px;} #search_index_index #table_search_summary_title{margin-bottom: 10px;} #search_index_index #sii_summary_box #sii_sb_loading{margin-top: 10px;} #search_index_index #sii_summary_box #sii_sb_loading #sii_sb_loading_text{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #search_index_index #sii_content_box #sii_cb_loading{margin-top: 10px;} #search_index_index #sii_content_box #sii_cb_loading #sii_cb_loading_text{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} /*FOR TABLE MOBILE VIEW ONLY START*/ @media (max-width: 991px) { /* CSS Responsive table 01 (if want more table, plz duplicate js also)*/ table.responsive, table.responsive thead, table.responsive tbody, table.responsive th, table.responsive td, table.responsive tr { display: block; } table.responsive thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive tr { border: 1px solid #ccc; margin-bottom: 10px; } table.responsive td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 200px; word-wrap: break-word; } table.responsive td:before { font-weight: bold; position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; } table.responsive tr:first-child { position: absolute; top: -9999px; left: -9999px; } table.responsive td:before { content: attr(data-content); height: 50px; } table.responsive td.small-padding { padding-top: 5px; padding-bottom: 5px; } table.responsive td.medium-padding { padding-top: 10px; padding-bottom: 10px; } table.responsive td.large-padding { padding-top: 8px; padding-bottom: 10px; } table.responsive td {padding-left: 200px !important;} /* CSS Responsive table 02 (if want more table, plz duplicate js also)*/ table.responsive1 {margin-top: 80px;} table.responsive1, table.responsive1 thead, table.responsive1 tbody, table.responsive1 th, table.responsive1 td, table.responsive1 tr { display: block; } table.responsive1 thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive1 tr { border: 1px solid #ccc; margin-bottom: 10px; } table.responsive1 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 200px; word-wrap: break-word; } table.responsive1 td:before { font-weight: bold; position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; } table.responsive1 tr:first-child { position: absolute; top: -9999px; left: -9999px; } table.responsive1 td:before { content: attr(data-content); height: 50px; } table.responsive1 td.small-padding { padding-top: 5px; padding-bottom: 5px; } table.responsive1 td.medium-padding { padding-top: 10px; padding-bottom: 10px; } table.responsive1 td.large-padding { padding-top: 8px; padding-bottom: 10px; } table.responsive1 td {padding-left: 200px !important;} /* CSS Responsive table 02 (if want more table, plz duplicate js also)*/ table.responsive2 {margin-top: 80px;} table.responsive2, table.responsive2 thead, table.responsive2 tbody, table.responsive2 th, table.responsive2 td, table.responsive2 tr { display: block; } table.responsive2 thead tr { position: absolute; top: -9999px; left: -9999px; } table.responsive2 tr { border: 1px solid #ccc; margin-bottom: 10px; } table.responsive2 td { border: none; border-bottom: 1px solid #eee; position: relative; padding-left: 200px; word-wrap: break-word; } table.responsive2 td:before { font-weight: bold; position: absolute; top: 6px; left: 6px; width: 40%; padding-right: 10px; text-align: left; word-wrap: break-word; } table.responsive2 tr:first-child { position: absolute; top: -9999px; left: -9999px; } table.responsive2 td:before { content: attr(data-content); height: 50px; } table.responsive2 td.small-padding { padding-top: 5px; padding-bottom: 5px; } table.responsive2 td.medium-padding { padding-top: 10px; padding-bottom: 10px; } table.responsive2 td.large-padding { padding-top: 8px; padding-bottom: 10px; } table.responsive2 td {padding-left: 200px !important;} } @media (max-width: 640px) { /* CSS Responsive table 01 (if want more table, plz duplicate js also)*/ table.responsive td {padding-left: 20px !important;} table.responsive td:before {position: static !important;display: inline-block;width: 100%;height: auto;} /* CSS Responsive table 02 (if want more table, plz duplicate js also)*/ table.responsive1 td {padding-left: 20px !important;} table.responsive1 td:before {position: static !important;display: inline-block;width: 100%;height: auto;} /* CSS Responsive table 02 (if want more table, plz duplicate js also)*/ table.responsive2 td {padding-left: 20px !important;} table.responsive2 td:before {position: static !important;display: inline-block;width: 100%;height: auto;} } @media (max-width: 479px) { .with-button h3 {width: 100%;font-weight: normal;} .with-button .create-btn-wrap {width: 100%;} .with-button .create-btn-wrap button {width: 100%;margin-left: 0; margin-bottom: 20px;} } /*END TABLE MOBILE VIEW ONLY*/ #search_address_index #top_report_box{padding:0px 0px 0px 0px;margin:10px 0px 10px 0px;border:1px solid #D3D3D3;} #search_address_index #top_report_box #trb_left_box{padding:0px 0px 0px 0px;} #search_address_index #top_report_box #trb_left_box .row{margin:0px 0px 0px 0px;} #search_address_index #top_report_box #overview_known_input .pull-right{padding-right: 5px;} #search_address_index #top_report_box #overview_known_output .pull-right{padding-right: 5px;} @media (min-width: 768px){#search_address_index #top_report_box #trb_left_box .row{margin:0px 0px 0px 0px; display: flex;flex-wrap: wrap;}} @media (max-width: 768px){#search_address_index #top_report_box #trblb_last_row .trblb_right_column{border-bottom:1px solid #D3D3D3;}} #search_address_index #top_report_box #trb_left_box .trblb_row div{padding:6px 0px 6px 2px;border-bottom:1px solid #D3D3D3;} #search_address_index #top_report_box #trb_left_box #trblb_last_row div{padding:6px 0px 6px 2px;} #search_address_index #top_report_box #trb_left_box .row div.trblb_label{border-right:1px solid #D3D3D3;} #search_address_index #top_report_box #trb_left_box .row div.trblb_right_column{border-right:1px solid #D3D3D3;} #search_address_index #top_report_box #trb_right_box{padding:0px 0px 0px 0px;} #search_address_index #top_report_box #trb_right_box #trbrb_qr_box{padding:6px 6px 6px 6px;} #search_address_index #top_report_box #trb_right_box #trbrb_share_box{padding-top:10px;} #search_address_index #top_report_box #trb_left_box .trblb_label{font-weight: bold;background-color: #f5f5f5;} #search_address_index #top_report_box #trb_left_box .trblb_label_border{font-weight: bold;background-color: #f5f5f5;border-left:1px solid #D3D3D3;border-right:1px solid #D3D3D3;} #search_address_index #top_report_box #overview_known_input{min-height: 45px;} #search_address_index #top_report_box #overview_known_output{min-height: 45px;} #search_address_index #top_report_box .overview_repeated .overview_repeated_entry{display: inline-table;width: 95%;} #search_address_index #top_report_box .trblb_label_note{display: inline-table; width: 100%; font-size: 11px;font-weight: normal;} #search_address_index #top_report_box #overview_tag .btn{margin-right: 5px;} #search_address_index #top_report_box #overview_tag .badge{margin-left: 5px;} #search_address_index #watch_loading_box #watch_loading_text{font-size: 14px;font-weight: 300;} #search_address_index #other_bitcoin_table td{text-align: left;} #search_address_index .other_bitcoin_heading a.obh_link:link {text-decoration:none;} #search_address_index .other_bitcoin_heading a.obh_link:visited{text-decoration:none;} #search_address_index .other_bitcoin_heading a.obh_link:hover {text-decoration:underline;} #search_address_index #transaction_history_box .pagecount{margin-top: 25px;} @media (max-width: 768px){#search_address_index #transaction_history_box td{width:100%;}} #search_address_index .gridlabel{font-weight:bold;width:20%;} #search_address_index .other_bitcoin_heading{font-weight:bold;text-align: left; padding-bottom: 10px;margin-top: 0px;} #search_address_index .table .grid_td_1{width:40%;} #search_address_index .table .grid_td_2{width:5%;} #search_address_index .table .grid_td_3{width:40%;} #search_address_index .table .grid_td_4{width:15%;} #search_address_index .table .grid_hash{font-size: 10px;text-align: left;} #search_address_index .table .grid_arrow img{width: 20px;} #search_address_index .table .grid_time{text-align: right;} #search_address_index .table .grid_value{text-align: right;} #search_address_index .table .grid_address_input{text-align: left;} #search_address_index .grid_address_input br{line-height: 22px;} #search_address_index .grid_address_output br{line-height: 22px;} #search_address_index #pagination_loading{padding-bottom: 20px;} #search_address_index .collapse_link a{ color: #666;} #search_address_index #watch_guest_modal .modal-dialog {padding-top: 10%;} #search_address_index #watch_guest_modal .loading-icon {background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;} #search_address_index #watch_guest_modal .field_label{font-weight:700;margin-bottom:3px;} #search_address_index #bitiodine_api_data_body td{text-align: left;} #search_address_index #scam_report_modal .modal-dialog {padding-top: 10%;} #search_address_index #scam_report_modal .loading-icon {background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;} #search_address_index #scam_report_modal #srm_form .field_label{font-weight:700;margin-bottom:3px;} #search_address_index #scam_report_modal #srm_form .srm_file_note{font-size: 13px;color: grey;} #search_address_index #tag_bulk_modal .tbm_footer_top{border-top: none;} #search_address_index #tag_bulk_modal .modal-dialog {padding-top: 10%;} #search_address_index #tag_bulk_modal .loading-icon {background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;} #search_address_index #tag_bulk_modal #tbm_form .field_label{font-weight:700;margin-bottom:3px;} #search_address_index #add_tag_modal .modal-dialog {padding-top: 10%;} #search_address_index #add_tag_modal .loading-icon {background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px;text-align: left;} #search_address_index #add_tag_modal #atm_form .field_label{font-weight:700;margin-bottom:3px;} #search_address_index #add_tag_modal #atm_form #atm_status_box{margin:15px 5px 5px 5px;} #search_address_index #add_tag_modal #atm_form .atm_note{font-size: 13px;color: grey;margin-bottom:5px;} #search_address_index #add_tag_modal #atm_form #atm_change_captcha_box a{font-size: 13px;} #search_address_index #add_tag_modal #atm_form #atm_status_box .alert{text-align: left;} #search_address_index #scam_records_table td{text-align:left;} #search_address_index .bootstrap_grid_box{text-align:left;} #search_address_index .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3} #search_address_index .other_bitcoin_heading{margin-top:10px;} #search_address_index .float_left_box{float: left;width: 100%;margin-bottom: 5px;} #search_address_index .top_btn_box{float:right;} #search_address_index .top_btn_box .btn{margin-bottom: 5px;} @media (max-width: 360px){ #search_address_index .top_btn_box .btn{width:100%;float:left;margin-bottom: 5px;} #api_register_status .top_nav_buttons{width:100%;float:left;margin-bottom: 10px;} } @media (max-width: 1200px){#search_address_index .top_btn_box{width:100%;float:left;}} @media (max-width: 1200px){#search_address_index #top_report_box #trblb_last_row .trblb_right_column{border-bottom:1px solid #D3D3D3;}} #search_address_index #top_scam_alert_red{color:#cb3904;font-size: 12px;font-weight: 600;} #search_address_index #top_scam_alert_green{color:#4CAF50;font-size: 12px;font-weight: 600;} #search_address_index .top_scam_alert{padding-left: 20px;} @media (max-width: 1200px){#search_address_index .top_scam_alert{width:100%;padding-left:0px;float:left;margin-bottom:8px;}} @media (max-width: 1200px){#search_address_index .page-header{border-bottom: 0px;}} #search_address_index .flb_claim_records_table{margin-bottom: 0px;} #search_address_index #claim_records_table{margin-bottom:10px;} #search_address_index #claim_records_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #search_address_index #claim_records_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #search_address_index #claim_records_table .row div{text-align:left;padding: 5px;word-wrap: break-word;} #search_address_index #claim_records_table .row div.col-md-1{font-size: 14px;} #search_address_index #claim_records_table .row_odd{background-color: #f5f5f5;} #search_address_index #url_bitcoin_found_table{margin-bottom:10px;} #search_address_index #url_bitcoin_found_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #search_address_index #url_bitcoin_found_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #search_address_index #url_bitcoin_found_table .row div{text-align:left;padding: 5px;word-wrap: break-word;} #search_address_index #url_bitcoin_found_table .row div.col-md-1{font-size: 14px;} #search_address_index #url_bitcoin_found_table .row_odd{background-color: #f5f5f5;} #search_address_index .flb_scam_records_table{margin-bottom: 0px;} #search_address_index #scam_records_table{margin-bottom:10px;} #search_address_index #scam_records_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #search_address_index #scam_records_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #search_address_index #scam_records_table .row .srtr_div{text-align:left;padding: 5px;word-wrap: break-word;} #search_address_index #scam_records_table .row div.col-md-1{font-size: 14px;} #search_address_index #scam_records_table .row_odd{background-color: #f5f5f5;} #search_log_index table {width: 100%;table-layout: fixed;} #search_log_index table th, table td { overflow: hidden; } #search_log_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #search_log_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #search_log_index .log_details td{font-size: 12px;} #processor_rule_index .zend_form #rule{ width: 50%;} #processor_rule_index .zend_form .alert{ width: 50%;} #processor_rule_index .edit-section-list {border-bottom: 1px solid #e3e3e3;} #processor_rule_index .edit-section-list a {display: inline-block;text-align: center;padding: 6px 10px 6px 10px;margin: 10px 10px 10px 0px;background: #f3f3f3; border: 1px solid #ccc;-webkit-border-radius: 4px;-moz-border-radius: 4px;-ms-border-radius: 4px;-o-border-radius: 4px;border-radius: 4px;} #processor_rule_index .edit-section-list img {margin: 10px 10px 10px 0;} #processor_rule_index .icon-set {display: inline-block; float: left;} #processor_rule_index #rule_container label{display: inline-block;font-weight: normal;height: 50px;padding-top: 15px;} #default_faqs_index #accordion .panel-heading a{font-weight: normal;font-size: 14px;} #default_faqs_index #accordion .panel-heading a:hover{color: #68A4C4;} #default_faqs_index #accordion .panel{margin-bottom: 20px;} #default_jercosinterview_index .top_image_box{padding-top:20px;} #default_jercosinterview_index .row .profile_image_box{padding-right:20px;padding-bottom:20px;} #default_advertise_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_advertise_index #column_middle .row{margin-left: 0px;} #default_aboutus_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_aboutus_index #column_middle .row{margin-left: 0px;} #default_donations_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_donations_index #column_middle .row{margin-left: 0px;} #default_api_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_api_index #column_middle .row{margin-left: 0px;} #default_verified_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_verified_index #column_middle .row{margin-left: 0px;} #default_scams_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_scams_index #column_middle .row{margin-left: 0px;} #default_tags_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_tags_index #column_middle .row{margin-left: 0px;} #default_recoverbitcoin_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_recoverbitcoin_index #column_middle .row{margin-left: 0px;} #default_recovercryptowalletpassword_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_recovercryptowalletpassword_index #column_middle .row{margin-left: 0px;} #default_legitbitcoin_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_legitbitcoin_index #column_middle .row{margin-left: 0px;} #default_bitcoinscamtypeslist_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_bitcoinscamtypeslist_index #column_middle .row{margin-left: 0px;} #default_webappearance_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_webappearance_index #column_middle .row{margin-left: 0px;} #default_es_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_es_index #column_middle .row{margin-left: 0px;} #default_es_index #column_middle #index_search_form{width: 100%;} #default_es_index #column_middle #index_search_form .input_keyword{width: 100%;} #default_es_index #column_middle #index_search_form .sub_data_box{margin:10px;} #default_es_index #column_middle #index_search_form .sub_data_box .sub_title{color: #5e5e5e;padding-top: 20px;padding-bottom: 10px;} #default_es_index #column_middle #index_search_form .sub_data_box .sub_row{padding-bottom: 10px;} #default_jobs_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_jobs_index #column_middle .row{margin-left: 0px;} #default_compliance_index #column_right #bitcoin_widget_container_div #td_twitter_box{padding-top:20px;width:260px;} #default_compliance_index #column_middle .row{margin-left: 0px;} /* CLAIM LIST */ #admin_claim_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #admin_claim_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #admin_claim_index .inner_label{display: inline-block;width: 100px;font-weight: 500;} #admin_claim_index #grid_scam_records tr{background-color: white;} #admin_claim_index #grid_scam_records tr:nth-child(4n+1) {background-color: #f9f9f9;} #admin_claim_index #grid_scam_records tr:nth-child(4n+2) {background-color: #f9f9f9;} #admin_claim_index #grid_scam_records td .sl_inline_edit_icon{cursor: pointer;} #admin_claim_index #grid_scam_records td .inner_label{display: inline-block;width: 120px;font-weight: 600;font-size: smaller;} #admin_claim_index #grid_scam_records a.url_edit:link{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #admin_claim_index #grid_scam_records a.url_edit:hover{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #admin_claim_index #grid_scam_records a.url_edit:active{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #admin_claim_index #grid_scam_records a.url_edit:visited{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #admin_claim_index #grid_scam_records a.url_edit:focus{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #admin_claim_index #grid_scam_records .verify_box .verify_loading_btn{display:none;} #admin_claim_index #grid_scam_records .verify_box .verify_loading_btn .loading-icon{padding-right: 5px;} #admin_claim_index #grid_scam_records .verify_error{display:none;} /* CLAIM LIST - INLINE EDITOR - MODAL & TEXTAREA CUSTOMIZATION */ #admin_claim_index #grid_scam_records .editable-container{width:60%;} #admin_claim_index #grid_scam_records .editable-container form .form-group{width: 85%;} #admin_claim_index #grid_scam_records .editable-container form .form-group .form-control{width: 100%;} #admin_claim_index #grid_scam_records .editable-container form .editable-input{width: 100%;} #api_register_status #ars_content{width:100%;float:left;} #api_register_status .top_nav_buttons{float: right;} #api_register_status .row_heading{background-color: #f5f5f5;border: 1px solid #e3e3e3;padding: 10px;font-weight: bold;} #api_register_status .row_heading div{margin-bottom: 5px;} #api_register_status .row_values div{margin-bottom: 5px;} @media (max-width: 1200px){#api_register_status .page-header{border-bottom: 0px;}} #api_list_index .gridtable {width: 100%;table-layout: fixed;} #api_list_index .gridtable th, table td { overflow: hidden; } #api_list_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #api_list_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #api_list_index #grid_records td .sl_inline_edit_icon{cursor: pointer;} #api_list_index #grid_records a.url_edit:link{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #api_list_index #grid_records a.url_edit:hover{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #api_list_index #grid_records a.url_edit:active{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #api_list_index #grid_records a.url_edit:visited{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #api_list_index #grid_records a.url_edit:focus{color:black;text-decoration: none;cursor: text;outline:0;border:none;} #api_list_index #grid_records td .div_name_box{margin-bottom:3px;} #api_list_index #grid_records td .div_apikey_box .span_label{display: inline-block;font-weight: 600;font-size: smaller;margin-right:2px;} #api_list_index #grid_records td .div_apikey_box .span_value{font-size: smaller;} #api_list_summary .gridtable {width: 100%;table-layout: fixed;} #api_list_summary .gridtable th, table td { overflow: hidden; } #api_list_summary .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #api_list_summary .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #api_list_summary #top_api_info{margin:0px 0px 10px 0px;} #url_add_index #url_processor_type_id-element label{font-weight: normal;} #url_add_index #url_processor_type_id-element label input[type=radio]{margin-right: 5px;} #user_list_resolve .row_sub{margin-bottom:15px;} /* API ACCESS LOG */ #api_log_index .scam_alert_box{margin: 0px 0px 15px 0px;} #api_log_index #scam_loading_box #scam_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #api_log_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #api_log_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #api_log_index #pagination_loading_box{margin: 0px 0px 15px 0px;} #api_log_index #pagination_loading_box #pagination_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #api_log_index #records_and_pagination_box .pagecount{margin-top: 25px;} #api_log_index #scam_records_table{margin-bottom:10px;} #api_log_index #scam_records_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #api_log_index #scam_records_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #api_log_index #scam_records_table .row .srtr_div{text-align:left;padding: 5px;word-wrap: break-word;} #api_log_index #scam_records_table .scam_parent:nth-child(even){background-color: white;} #api_log_index #scam_records_table .scam_parent:nth-child(odd){background-color: #f5f5f5;} /* USER LOGIN LOG */ #user_log_index .scam_alert_box{margin: 0px 0px 15px 0px;} #user_log_index #scam_loading_box #scam_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #user_log_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #user_log_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #user_log_index #pagination_loading_box{margin: 0px 0px 15px 0px;} #user_log_index #pagination_loading_box #pagination_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} #user_log_index #records_and_pagination_box .pagecount{margin-top: 25px;} #user_log_index #scam_records_table{margin-bottom:10px;} #user_log_index #scam_records_table .bootstrap_grid_header{background-color: #f5f5f5;border-bottom:1px solid #D3D3D3;font-weight: bold;} #user_log_index #scam_records_table .row{margin-left: 0px;margin-right: 0px;margin-bottom:0px;border-bottom:1px solid #D3D3D3;padding: 8px;} #user_log_index #scam_records_table .row .srtr_div{text-align:left;padding: 5px;word-wrap: break-word;} #user_log_index #scam_records_table .scam_parent:nth-child(even){background-color: white;} #user_log_index #scam_records_table .scam_parent:nth-child(odd){background-color: #f5f5f5;} /** WATCH LIST (MANAGE) */ #watch_manage_index .topfilter td{vertical-align: middle;} #watch_manage_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #watch_manage_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;} #watch_manage_index #wmi_grid_box .wmi_grid_loading_box{margin-left:-15px;} #watch_manage_index #wmi_grid_box .wmi_grid_loading{background-image: url('../../images/ajax-loader.gif');background-repeat: no-repeat;background-position: 15px center; padding-left: 35px; margin-bottom:0px;} /** WATCH LIST-ALL*/ #watch_list_index .topfilter td{vertical-align: middle;} #watch_list_index .records_and_pagination .left_column{display: inline; float: left;width: 50%; padding-top: 30px;} #watch_list_index .records_and_pagination .right_column{display: inline; float: left;width: 50%;}