/* Theme Name: Avedon Theme URI: http://haeckdesign.com/freebies/themes/avedon-wordpress-bootstrap-theme Description: Avedon's framework is built using Twitter Bootstrap. It features a 100% responsive grid, retina ready font based icons, a clean layout, and much more. Avedon has been minimally coded (to improve speed), but also features several easy to use options including a full page rotating background image. Author: Matthew Haeck Author URI: http://haeckdesign.com/ Version: 1.17 License: GPL3 License URI: http://www.gnu.org/licenses/gpl-3.0.html Tags: black, blue, gray, white, dark, light, two-columns, right-sidebar, flexible-width, custom-background, custom-colors, custom-header, custom-menu, featured-images, full-width-template, microformats, post-formats, theme-options, threaded-comments, photoblogging Avedon is copyright 2013 by Haeck Design Avedon is licensed under the GPL 3. Avedon is based on Bootstrap by Twitter. See readme.txt for all license information. */ /* Custom */ /* Combos */ .sidebar-nav, .middle .container .container, .middle .container .container-fluid, .pitch .container, .pitch .container-fluid, ul.pager, .must-log-in { padding: 10px; min-height: 20px; margin-bottom: 10px; background: #f5f5f5; background-color: #f5f5f5; border: 1px solid #e3e3e3; border-radius: 4px; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } #primary pre, #primary code, #primary pre code { white-space: pre-wrap; } #primary, #primary .panel .panel-title { -ms-word-wrap: break-word; word-wrap: break-word; } .blog #primary .post .container .container, .col-md-8 .panel-default { background-color: #f5f5f5; } .input, button, select, textarea { max-width: 100%; } a:focus, a.navbar-brand:focus, #primary a:focus, .btn-default a:focus, .socialbox a:focus, .pager li a:focus, #commentsbox .reply a:focus, #side button:focus, .panel-default > .panel-heading a:focus { outline: none; } /* Typography */ h1, h2, h3, h4, h5, h6, .home .tiptop div b, h1.panel-title, h3.panel-title { letter-spacing: -0.01em; } .single-entry .panel-body h1, .page .panel-body h1 { font-size: 2em;line-height: 1.2em; } .single-entry .panel-body h2, .page .panel-body h2 { font-size: 1.8em;line-height: 1.2em ;} .single-entry .panel-body h3, .page .panel-body h3 { font-size: 1.6em;line-height: 1.2em; } .single-entry .panel-body h4, .page .panel-body h4 { font-size: 1.4em;line-height: 1.2em; } .single-entry .panel-body h5, .page .panel-body h5 { font-size: 1.3em;line-height: 1.2em; } .single-entry .panel-body h6, .page .panel-body h6 { font-size: 1.2em;line-height: 1.2em; } a, a:hover, a:focus, #primary a:focus, #primary a:hover { text-decoration: none; -moz-text-decoration-line: none; } .post-meta, .post-meta a, .panel-footer, .panel-footer a, .breadcrumb, .breadcrumb a, .archive .meta, .archive .meta a, .search .meta, .search .meta a, .home .meta, .home .meta a { color: rgba(0,0,0,0.5); line-height: 2em; } #primary .panel .panel-title { margin-top: 5px; } #primary .panel a .panel-title:hover { cursor: pointer; } h1.text-large { margin-top: 15px; } .author #primary .container:first-child, .category-archive-meta p { color: rgba(0,0,0,0.5); border-top: 1px solid rgba(0,0,0,0.1); padding-top: 5px; } .author .col-md-8 .container-fluid.panel-default { color: rgba(0,0,0,0.5); padding-bottom: 5px; } .author #primary .container:first-child { padding-bottom: 15px; } .panel-body { line-height: 1.6em; } /* Breadcrumbs */ .container .breadcrumb { padding-top: 5px; padding-bottom: 5px; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } #primary .breadcrumb li { opacity: 0.8; } #primary .breadcrumb > li + li:before { padding-right: 4px; } .container .breadcrumb > li { display: inline; } .container .breadcrumb > li.active {padding-left: 5px;} /* Navigation */ .navbar-brand, .navbar #main-menu > li > a { padding-left: 15px;padding-right: 15px;padding-top: 18px;min-height: 50px; } #wrap .navbar-brand {padding-top: 18px;} #wrap .navbar-inverse {border-bottom-color: rgba(0,0,0,0.2);} #wrap #controls-wrapper {border-top-color: rgba(0,0,0,0.2);border-radius: 0;} .navbar-header .glyphicon { color: #757575; margin-right: 5px; } .navbar-header .glyphicon:hover {text-decoration: none;} .navbar-header a.btn { float: right; } .navbar-fixed-bottom + #primary { margin-top: 20px; } .navbar-fixed-bottom ~ #footer { padding-bottom: 65px; } body#wrap .navbar-fixed-top + #primary { padding-top: 50px; } .navbar .dropdown-menu { background: #F5F5F5; } .navbar .dropdown-menu li a:hover { color: #F5F5F5; } #wrap .controls-wrapper { border-top: 1px solid rgba(0,0,0,0.2); } #wrap .navbar-inverse .navbar-toggle { border: 1px solid rgba(0,0,0,0.2); } #wrap .navbar-inverse .navbar-nav > .active > a { background-image: none; box-shadow: 0 0 0; } .navbar-nav > li { border-right: 1px solid rgba(0,0,0,0.05); } .navbar-nav > li:first-child { border-left: 1px solid rgba(0,0,0,0.05); } #wrap .navbar-nav > li > .dropdown-menu { margin-top: 1px; } #wrap .navbar-inverse .navbar-nav > .active:first-child a, #main-menu .active .dropdown-toggle, #wrap .navbar-inverse .navbar-nav > .open > a, #wrap .navbar-inverse .navbar-nav > .open > a:hover, #wrap .navbar-inverse .navbar-nav > .open > a:focus, .navbar-inverse .navbar-nav > li > a:hover, .navbar-inverse .navbar-nav > li > a:focus, #wrap .navbar-inverse .navbar-toggle:hover, #wrap .navbar-inverse .navbar-toggle:focus, #main-menu .menu-item a:hover { background-color: rgba(0, 0, 0, 0.1); } #main-menu > .menu-item a:hover, .socialbox .btn:hover { color: rgba(255,255,255, 0.8); } .col-md-8 .pager li > a, .col-md-8 .pager li > span, .hometop img { border-radius: 4px; } /* Image handling */ .single-entry img, .single-entry div.wp-caption img, .col-md-4 img, .col-md-4 form select, .pitch img, .middle img, #footer img { height: auto; max-width: 100%; margin-bottom: 10px; } .single-entry img { height: auto; max-width: 100%; } .container .post a .thumbnail, .container .page a .thumbnail { margin: 15px 15px 0px 15px; } #primary .post .container img { margin-right: 15px; } img.alignright, .alignright img { margin-left: 15px; } img.alignleft, .alignleft img { margin-right: 15px; } .wp-caption { max-width: 100% } .wp-caption-text { } /* Homepage */ .home h1, .search h1 { margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 12px; letter-spacing: -0.01em; } .home .hometop { margin-bottom: 20px;padding: 0;border: 0; } /* Searchpage */ .search #searchform { padding-bottom: 15px; } .search-no-results #side { display: none; } .search-no-results .panel-default { background: #F5F5F5; margin-top: 20px;} .search h1 small {font-size: 0.9em;} .search #overview {margin-top: 20px;} /* Wrapper */ #wrap { min-height: 100%; height: auto !important; height: 100%; margin: 0 auto -60px; padding: 0 0 60px; } #primary .col-md-8 { padding-left: 0; } #primary .col-md-4 { padding-right: 0; } #primary .col-xs-11 { margin-top: 0;padding-left: 0; } /* Sidebar */ #side input, #side button, #side select, #side textarea { max-width: 100%; } #side h3 { margin-top: 10px; } .sidebar-nav div:first-child { margin-top: 5px; } .sidebar-nav { margin-bottom: 20px; } /* Single */ .single .panel-body { padding-left: 20px; padding-right: 20px; } /* Middle / Pitch / Footer */ .middle .container .container-fluid, .pitch .container-fluid { padding-bottom: 15px; padding-left: 20px; padding-right: 20px; padding-top: 10px; } .middle .col-xs-12, .pitch .col-xs-12, footer .col-md-4, footer .col-xs-12 { margin-bottom: 10px; margin-top: 10px; position: relative; display: inline-block; } .middle .col-md-4:first-child, .middle .col-md-4:nth-child(2), footer .col-md-4:first-child, footer .col-md-4:nth-child(2) { border-right: 1px solid rgba(0, 0, 0, 0.1); } .middle .col-xs-12 h4, .pitch h4, footer .col-md-4 h4, footer .col-xs-12 h4 { border-bottom: 1px solid rgba(0, 0, 0, 0.1); padding-bottom: 10px; } footer { padding-bottom: 40px; padding-top: 15px; margin-bottom: -60px; } footer .col-xs-12 { border-top: 1px solid rgba(0, 0, 0, 0.1); padding-top: 10px; padding-bottom: 15px; } /* Pagers */ .pager li { padding-left: 5px; padding-right: 5px; } .col-md-8 ul.btn-group-justified { margin-bottom: 0; } #primary .btn-group-justified { padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 5px; } #primary .btn-group-justified li a { display: block; line-height: 1.4em; } /* Widget */ .widget_recent_entries, .widget_recent_comments, .widget_archive, .widget_categories, .widget_links, .widget_meta, .widget_archive, .widget_categories, .widget_pages, .widget_nav_menu, .widget_calendar, .widget_rss, .widget_search, .widget_text, .widget_tag_cloud { padding-left: 0; margin-bottom: 20px; margin-top: 20px; position: relative; padding: 10px 15px; margin-bottom: -1px; border: 1px solid #dddddd; } #footer .widget_recent_entries, #footer .widget_recent_comments, #footer .widget_archive, #footer .widget_categories, #footer .widget_links, #footer .widget_meta, #footer .widget_archive, #footer .widget_categories, #footer .widget_pages, #footer .widget_nav_menu, #footer .widget_calendar, #footer .widget_rss, #footer .widget_search, #footer .widget_text, #footer .widget_tag_cloud { padding-left: 0; margin-bottom: 0; margin-top: 0; position: relative; padding-left: 0; padding-top: 0; padding-right: 0; padding-bottom: 20px; margin-bottom: -1px; border: 0; } .widget_recent_entries ul, .widget_recent_comments ul, .widget_archive ul, .widget_categories ul, .widget_links ul, .widget_meta ul, .widget_archive ul, .widget_categories ul, .widget_pages ul, .widget_nav_menu ul, .widget_text ul { padding: 0px; } .widget_recent_entries ul li, .widget_recent_comments ul li, .widget_archive ul li, .widget_categories ul li, .widget_links ul li, .widget_meta ul li, .widget_archive ul li, .widget_categories ul li, .widget_pages ul li, .widget_nav_menu ul li, .widget_text ul li { list-style: none; border-bottom: 1px solid rgba(0,0,0,0.05); padding-bottom: 4px; padding-left: 0; padding-right: 0; padding-top: 4px; } .widget_recent_entries ul li:last-child, .widget_recent_comments ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_links ul li:last-child, .widget_meta ul li:last-child, .widget_archive ul li:last-child, .widget_categories ul li:last-child, .widget_pages ul li:last-child, .widget_nav_menu ul li:last-child, .widget_text ul li:last-child { border-bottom: 0 solid rgba(0,0,0,0); } #wp-calendar { width: 100%; text-align: center; } #wp-calendar th { text-align: center; } #wp-calendar caption { text-align: right; margin-bottom: 10px; margin-top: -5px; color: rgba(0,0,0,0.4); } #wp-calendar #prev { text-align: left;padding-top: 10px;padding-left: 10px; } #wp-calendar #next { text-align: right;padding-top: 10px;padding-right: 10px; } .widget_archive ul.children, .widget_categories ul.children, .widget_pages ul.children, .widget_nav_menu ul.sub-menu { padding-left: 10px;font-size: 0.98em;margin-top: 5px;border-top: 1px solid rgba(0, 0, 0, 0.05); } .sidebar-nav .widget_search:first-child { margin-top: 0;margin-bottom: 5px; } .sidebar-nav .widget_search:first-child .row { margin-top: -2px; } .sidebar-nav .widget_search { padding-left: 0; margin-bottom: 0; margin-top: 10px; position: relative; padding: 0; margin-bottom: 0; border: 0; } .sidebar-nav .widget_search h4 { display: none; } .pitch .widget { margin-bottom: 20px; margin-top: 20px; } /* Button */ .btn-default:hover { text-shadow: 0 0 1px rgba(0,0,0,0.1); } .col-md-8 a.btn { margin-bottom: 0; margin-left: 15px; margin-right: -5px; margin-top: 25px; } .socialbox { padding-bottom: 10px; } .socialbox .btn { font-size: 2em; margin-bottom: 2px; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } /* 404 Page */ .error404 .fourofour { margin-bottom: 80px; } .error404 .post { margin-top: 20px; margin-bottom: 20px; } .error404 img { margin-top: 5px; } .error404 .btn { padding-bottom: 5px; } /* Comments */ #respond { padding-bottom: 5px; padding-left: 15px; padding-right: 15px; padding-top: 10px; background-color: #f5f5f5; border-radius: 4px; margin-bottom: 15px; border: 1px solid #e3e3e3; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05); } .comment-form-author #author, .comment-form-email #email, .comment-form-url #url, .comment-form-comment #comment { width: 100%; border: 1px solid #ddd; border-radius: 4px; } .form-submit #submit { border: 1px solid #ddd; border-radius: 4px; padding: 5px 10px; } #commentsbox ol.commentlist { padding: 0; list-style: none; } #commentsbox ol.commentlist li { padding-bottom: 0; padding-left: 0; padding-right: 0; padding-top: 10px; list-style: none; } #commentsbox ol.commentlist ul, #commentsbox ol.commentlist ol { line-height: 1.2em; padding-bottom: 0; padding-left: 10px; padding-right: 0; padding-top: 10px; } #reply-title { margin-top: 10px; } #commentsbox .reply { background: #F5F5F5; margin-bottom: 5px; } #commentsbox .reply a { width: 100%; text-align: center; color: rgba(0,0,0,0.5); display: inline-block; } .commentlist .comment-author, .commentlist .comment-author a, .commentlist .comment-meta, .commentlist .comment-meta a { color: rgba(0,0,0,0.5); line-height: 1.2em; } .commentlist .comment-meta, .commentlist .comment-meta a { font-size: 0.9em; } .commentlist .comment-body p { padding-bottom: 5px; padding-left: 0; padding-right: 0; padding-top: 5px; } ol.commentlist { padding: 0; list-style: none; } .container .nocomments { display: inline-block; color: rgba(0, 0, 0, 0.5); } /* Buttons & Icons */ .bigicon { color: #ccc; font-size: 8em; display: inline-block; width: 100%; text-align: center; padding-top: 15px; padding-bottom: 10px; } .subicon { color: rgba(0, 0, 0, 0.2); float: right; font-size: 1.6em; margin-top: -50px; } .bigicon, .subicon { -webkit-transform: scale(0.8, 0.8); -moz-transform: scale(0.8, 0.8); -o-transform: scale(0.8, 0.8); transform: scale(0.8, 0.8); transition: all .8s ease; -webkit-transition: all .8s ease !important; -moz-transition: all .8s ease; -o-transition: all .8s ease; -ms-transition: all .8s ease; } .col-md-4:hover .subicon { -webkit-transform: scale(1, 1); -moz-transform: scale(1, 1); -o-transform: scale(1, 1); transform: scale(1, 1); color: #666; cursor: default; } .cattag { color: rgba(0, 0, 0, 0.1); float: right; font-size: 2em; margin-top: 5px; padding-right: 10px; } .single-entry .cattag { margin-top: -20px; } .visuallyhidden { border: 0; clip: rect(0,0,0,0); height: 1px; margin: -1px; overflow: hidden; padding: 0; position: absolute; width: 1px; } /* WordPress Required */ .alignright { float: right; } .alignleft { float: left; } .aligncenter { float: none; } .sticky { } .gallery-caption { } .bypostauthor { } /* Video Handling */ .col-md-8 iframe { max-height: 100%; max-width: 100%; } .single-entry iframe { max-height: 100%; max-width: 100%; } /* Flex Video */ .flex-video { position: relative; padding-top: 25px; padding-bottom: 67.5%; height: 0; margin-bottom: 16px; overflow: hidden; } .flex-video.widescreen { padding-bottom: 57.25% } .flex-video.vimeo { padding-top: 0 } .flex-video iframe, .flex-video object, .flex-video embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* Logged In */ .logged-in nav { margin-top: 32px; } .logged-in .navbar-static-top { margin-top: 0; } /* Bootstrap Theme */ body { padding-top: 70px; padding-bottom: 30px; } .theme-dropdown .dropdown-menu { display: block; position: static; margin-bottom: 20px; } .theme-showcase > p > .btn { margin: 5px 0; } .reply .list-group-item { padding: 4px; } .search #primary .post { background: none; border: none; margin: 0; padding-bottom: 0; padding-left: 0; padding-right: 15px; padding-top: 0; } .blog #primary .post .container { background: none; padding-left: 0; } .blog #primary .post .container .panel-heading { margin-left: 0; } #commentsbox > .panel-heading { margin: 0; } /* Get Social Icons */ @font-face { font-family: 'Get-Social-Font'; src:url('fonts/Get-Social-Font.eot'); src:url('fonts/Get-Social-Font.eot?#iefix') format('embedded-opentype'), url('fonts/Get-Social-Font.ttf') format('truetype'), url('fonts/Get-Social-Font.woff') format('woff'), url('fonts/Get-Social-Font.svg#Get-Social-Font') format('svg'); font-weight: normal; font-style: normal; } [class*="gsicon-"] { font-family: 'Get-Social-Font'; speak: none; font-style: normal; font-weight: normal; font-variant: normal; text-transform: none; line-height: 1; /* Better Font Rendering =========== */ -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .gsicon-tribar:before { content: "\f0c9"; } .gsicon-rss:before { content: "\f09e"; } .gsicon-paypal:before { content: "\2e"; } .gsicon-reedit:before { content: "\2d"; } .gsicon-evernote:before { content: "\e602"; } .gsicon-deviantart:before { content: "\e601"; } .gsicon-blogger:before { content: "\e603"; } .gsicon-behance:before { content: "\e604"; } .gsicon-500px:before { content: "\e605"; } .gsicon-github:before { content: "\e600"; } .gsicon-grooveshark:before { content: "\e606"; } .gsicon-tumblr:before { content: "\e607"; } .gsicon-myspace:before { content: "\e608"; } .gsicon-zerply:before { content: "\e609"; } .gsicon-skype:before { content: "\e60a"; } .gsicon-instagram:before { content: "\f16d"; } .gsicon-facebook:before { content: "\21"; } .gsicon-wordpress:before { content: "\22"; } .gsicon-vimeo:before { content: "\23"; } .gsicon-youtube:before { content: "\24"; } .gsicon-twitter:before { content: "\25"; } .gsicon-flickr:before { content: "\26"; } .gsicon-linkedin:before { content: "\27"; } .gsicon-forrst:before { content: "\29"; } .gsicon-dribbble:before { content: "\2a"; } .gsicon-uni2B:before { content: "\2b"; } .gsicon-foursquare:before { content: "\2c"; } .gsicon-lastfm:before { content: "\2f"; } .gsicon-pinterest:before { content: "\32"; } .gsicon-stumbleupon:before { content: "\31"; } .gsicon-soundcloud:before { content: "\33"; } .gsicon-googleplus:before { content: "\f0d5"; } .gsicon-css3:before { content: "\f13c"; } .gsicon-html5:before { content: "\f13b"; } @media (max-width: 992px) { #primary .col-md-8 { padding-right: 0; } #primary .col-md-4 { padding-left: 0; } #primary .post .panel-body { padding-top: 5px; } .container > .navbar-header, .container > .navbar-collapse { margin-left: -25px; margin-right: -25px; } .middle .col-md-4:first-child, footer .col-md-4:first-child, .middle .col-md-4:nth-child(2), footer .col-md-4:nth-child(2) { border-right: 0; } .navbar-inverse .container .navbar-collapse, .navbar-inverse .navbar-form { border-top-color: rgba(0,0,0,0.2); } .container .post a .thumbnail { border-radius: 0; border: 0; padding: 0; box-shadow: 0 0 0; margin-bottom: 10px; margin-left: 0; margin-right: 0; margin-top: 0; } #primary .btn-group-justified { margin-bottom: 20px; } } @media (max-width: 768px) { .navbar-brand, .navbar #main-menu > li > a { min-height: 20px; padding-left: 25px; padding-right: 25px; } .logged-in nav { margin-top: 46px; } #wrap .navbar-inverse .navbar-nav > .open > a { background-color: rgba(0, 0, 0, 0); } .navbar-nav li.open .dropdown-menu { background-color: rgba(0, 0, 0, 0.1); } }