/* Theme Name: Bornoux theme Theme URI: http://pixelcute.com Author: Pixelcute Author URI: http://pixelcute.com/ Description: theme designed for bloggers, look simple and easy to use. Version: 1.0 License: GNU General Public License License URI: license.txt Text Domain: pixelcute Tags: white, two-columns, custom-menu, sticky-post,featured-images, photoblogging, left-sidebar */ /*--------------------------------------------------- import css ---------------------------------------------------*/ @import url("css/bootstrap.min.css"); @import url(http://fonts.googleapis.com/css?family=Josefin+Slab:100,300,400,600,700,100italic,300italic,400italic,600italic,700italic|Open+Sans:300italic,400italic,600italic,700italic,400,300,600,700); /*--------------------------------------------------- style start from body ---------------------------------------------------*/ body { font-family: "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif; padding-top: 165px; background: #fff; } h1, h2, h3, h4, h5, h6 { text-transform: uppercase; font-family: "Josefin Slab","Helvetica Neue",Helvetica,Arial,sans-serif; font-weight: 700; letter-spacing: 1px; } p { font-size: 14px; line-height: 1.6; color: #000; } hr { max-width: 400px; border-color: #ddd; } .brand, .top-bar { display: none; } .brand .logo img{ width: 260px; height: auto; } .navbar-brand { text-transform: uppercase; font-weight: 900; letter-spacing: 2px; } a.navbar-brand img{ width: 135px; height: auto; } .navbar-nav { text-transform: uppercase; font-weight: 400; letter-spacing: 3px; } .img-full { min-width: 100%; } .img-thumbnail{ border-radius: 0; } .brand-before, .brand-name { text-transform: capitalize; } .brand-before { margin: 15px 0; } .box { margin-bottom: 20px; padding: 30px 15px; background: #fff; min-height: 380px; } article { font-size: 0.95em; font-weight: 300; letter-spacing: 1px; } .img-border { float: none; margin: 0 auto 0; border: #999999 solid 1px; } .img-left { float: none; margin: 0 auto 0; } footer { background: #fff; } footer p { margin: 0; padding: 0; font-size: 1.25em; } @media screen and (min-width:768px) { .brand{ display: inherit; margin: 0; padding: 20px 0 0px; text-align: center; font-family: 'Niconne' , cursive; font-size: 4em; font-weight: 700; line-height: normal; } .brand a{ color: #71C4AD; } .brand a:hover{ text-decoration: none; } .top-divider { margin-top: 0; } .img-left { float: left; margin-right: 25px; } .top-bar { display: inherit; margin: 0; padding: 0 0 20px; text-align: center; text-shadow: 1px 1px 2px rgba(0,0,0,0.5); text-transform: uppercase; font-size: 1.25em; font-weight: 400; letter-spacing: 3px; color: #fff; } .navbar { border-radius: 0; } .navbar-header { display: none; } .navbar { min-height: 0; } .navbar-default { border: none; background: none; } .nav>li>a { padding: 15px 30px; } .navbar-nav>li>a { line-height: normal; } .navbar-nav { display: table; float: none; margin: 0 auto; table-layout: fixed; font-size: 14px; } } .box:after { content: ''; display: table; clear: both; } .separator { height: 14px; border-bottom: 1px solid #DDD; margin: 15px auto; position: relative; } .separator span img { background-color: #FFF; padding: 0px 4px; position: absolute; top: 50%; left: 50%; margin-left: -25px; } .btn-default { margin: 10px 0; } /*-------------------------------------------------- Custom form css --------------------------------------------------*/ .form-control, .btn{ border-radius: 0; } .form-submit { display: none; } .comment-form-author, .comment-form-email, .comment-form-url { width: 50%; } form .search-form{ margin: 10px; } /*-------------------------------------------------- comment area --------------------------------------------------*/ .comment-list li.comment > div { background-color: #FFF; margin: 2em 0px 0px; overflow: hidden; padding: 25px 25px 25px 116px; position: relative; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); } .comments-area{ margin: 35px 0; } .comments-area ol p{ background: #ddd; box-shadow: 0px 1px 2px rgba(0, 0, 0, 0.2); padding: 10px; } .comment-author{ margin: 20px 20px; } .depth-2{ margin-left: 50px; } .gm-style .place-card-large{ display: none !important; } /*-------------------------------------------------- social icons --------------------------------------------------*/ .blog-pagination ul{ list-style: none; margin: 10px; } .blog-pagination ul>li{ float: left; } .blog-pagination ul>li>a{ background: #FB4086; color: #f4f4f4; padding: 8px 15px; margin: 5px; } .blog-pagination ul>li>a:hover, .blog-pagination ul>li>a.active{ background: #333333; color: #fff; text-decoration: none; } /*-------------------------------------------------- social icons --------------------------------------------------*/ .social-icons { float: left; clear: both; text-align: center; margin: 10px 0; } .social-icons a { width: 40px; height: 40px; margin-right: 10px; background-position: center center; background-repeat: no-repeat; display: inline-block; position: relative; transition: background-color 0.5s ease 0s; } .social-icons a { background-color: #363636; } .social-icons a.facebook { background-image: url("./img/facebook.png"); } .social-icons a.twitter { background-image: url("./img/twitter.png"); } .social-icons a.linkedin { background-image: url("./img/linkedin.png"); } .social-icons a.youtube { background-image: url("./img/youtube.png"); } .social-icons a.soundcloud { background-image: url("./img/soundcloud.png"); } .social-icons a.dribbble { background-image: url("./img/dribbble.png"); } .social-icons a.flickr { background-image: url("./img/flickr.png"); } .social-icons a.pinterest { background-image: url("./img/pinterest.png"); } .social-icons a.google { background-image: url("./img/google.png"); } .social-icons a.vimeo { background-image: url("./img/vimeo.png"); } .social-icons a.tumblr { background-image: url("./img/tumblr.png"); } .social-icons a.skype { background-image: url("./img/skype.png"); } .social-icons a.instagram { background-image: url("./img/instagram.png"); } .social-icons a.github { background-image: url("./img/github.png"); } .social-icons a.rss { background-image: url("./img/rss.png"); } .social-icons a.facebook:hover { background-color: #4265b9; } .social-icons a.twitter:hover { background-color: #9ae4e8; } .social-icons a.dribbble:hover { background-color: #ea4c89; } .social-icons a.flickr:hover { background-color: #ff0084; } .social-icons a.soundcloud:hover { background-color: #fe9700; } .social-icons a.google:hover { background-color: #d62408; } .social-icons a.skype:hover { background-color: #0bbff2; } .social-icons a.pinterest:hover { background-color: #c31e26; } .social-icons a.linkedin:hover { background-color: #005987; } .social-icons a.vimeo:hover { background-color: #1bb6ec; } .social-icons a.tumblr:hover { background-color: #35506b; } .social-icons a.youtube:hover { background-color: #df3333; } .social-icons a.instagram:hover { background-color: #F95B60; } .social-icons a.github:hover { background-color: #363636; } .social-icons a.rss:hover { background-color: #ffe21a; } /*-------------------------------------------------- Load font --------------------------------------------------*/ @font-face { font-family: 'Niconne'; src: url('fonts/Niconne-Regular.ttf') format('ttf'), /* Chrome 6+, Firefox 3.6+, IE 9+, Safari 5.1+ */ url('fonts/Niconne-Regular.ttf') format('truetype'); /* Chrome 4+, Firefox 3.5, Opera 10+, Safari 3—5 */ } /*-------------------------------------------------- Media Query --------------------------------------------------*/ /* Extra Small */ @media(max-width:414px){ .col-xs-4{ width: 100% !important; margin-bottom: 20px; } body{ padding-top: 20px !important; } .col-xs-12 { width: 100% !important; } } /* Iphone lanscape Small */ @media(max-width:736px){ .col-xs-4{ width: 33.3333%; margin-bottom: 20px; } body{ padding-top: 20px !important; } .col-xs-12 { width: 66.6667%; } } /* @media (device-width: 768px) and (orientation: portrait) { body{ padding-top: 180px !important; } } @media (max-device-width: 1024px) and (orientation: landscape) { .affix{ margin-left: -16px !important; } } */ @media screen and (max-width: 980px) { .affix{ position: relative; } } /*---------------------------------------------------------------------------------------------------- =WordPress Core ---------------------------------------------------------------------------------------------------------------- */ .logged-in admin-bar .customize-support{ margin-bottom: 130px; } .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; } 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 } .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; } .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; } /* Text meant only for screen readers. */ .screen-reader-text { clip: rect(1px, 1px, 1px, 1px); position: absolute !important; height: 1px; width: 1px; overflow: hidden; } .screen-reader-text:hover, .screen-reader-text:active, .screen-reader-text:focus { background-color: #f1f1f1; border-radius: 3px; box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); clip: auto !important; color: #21759b; display: block; font-size: 14px; font-size: 0.875rem; font-weight: bold; height: auto; left: 5px; line-height: normal; padding: 15px 23px 14px; text-decoration: none; top: 5px; width: auto; z-index: 100000; /* Above WP toolbar. */ } .rtl {} .home {} .blog {} .archive {} .date {} .search {} .paged {} .attachment {} .error404 {} .single postid-(id) {} .attachmentid-(id) {} .attachment-(mime-type) {} .author {} .author-(user_nicename) {} .category {} .category-(slug) {} .tag {} .tag-(slug) {} .page-parent {} .page-child parent-pageid-(id) {} .page-template page-template-(template file name) {} .search-results {} .search-no-results {} .logged-in {} .paged-(page number) {} .single-paged-(page number) {} .page-paged-(page number) {} .category-paged-(page number) {} .tag-paged-(page number) {} .date-paged-(page number) {} .author-paged-(page number) {} .search-paged-(page number) {} .gallery-caption{} .bypostauthor{}