/* Theme Name: Allmed Author URI: http://wpmole.com Description: Allmed is a theme for video and audio bloggers, with a minimal design, giving you huge scope to turn the design into anything you like. The theme is simply customizable, you can choose unlimited color schemes. Author: WPMOLE Version: 1.3 License: GNU/GPL Version 3 or later. License URI: http://www.gnu.org/licenses/gpl.html Tags: two-columns, right-sidebar, fixed-width, custom-menu, theme-options Copyright: (c) 2013 WPMOLE */ /* RESET */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend { background: transparent; border: 0; font-size: 100%; margin: 0; outline: 0; padding: 0; vertical-align: baseline; } body { line-height: 1; } ol, ul { list-style: none; } blockquote, q { quotes: none; } blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; } :focus { outline: 0; } ins { text-decoration: none; } del { text-decoration: line-through; } table { border-collapse: collapse; border-spacing: 0; } article, aside, footer, header, hgroup, nav, section { display: block; } /* BASIC STYLES */ body { background: #ebebee;line-height:1.5; color: #252525; font-family: Verdana, Arial, sans-serif; font-size: 14px; } a { color: #eab910; text-decoration: none; } a:hover { text-decoration: none; } .clear { clear: both; } .ui-tabs-hide { display: none; } br.clear { margin: 0px; padding: 0px; } h1, h2, h3, h4, h5, h6 { color: #506774; font-weight: normal; padding-bottom: 5px; } h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color: #506774; font-family: Verdana, Arial, sans-serif; text-decoration:none; } h1 { font-size: 30px; } h2 { font-size: 24px; } h3 { font-size: 22px; } h4 { font-size: 18px; } h5 { font-size: 16px; } h6 { font-size: 14px; } p { padding-bottom: 10px; } strong { color: #1c1c1c; font-weight: bold; } cite, em, i { font-style: italic; } pre, code { font-family: Verdana, Arial, sans-serif; margin-bottom: 10px; } ins { text-decoration: none; } sup, sub { height: 0; position: relative; vertical-align: baseline; } sup { bottom: 0.8em; } sub { top: 0.3em; } dl { margin: 0 0 1.5em 0; } dl dt { font-weight: bold; } dd { margin-left: 1.5em; } blockquote { background: #e6e6e6; border: 1px solid #dcdcdc; color: #666666; font-style: italic; margin: 1.5em; padding: 1em; } blockquote p { padding-bottom: 0px; } input[type=text], input.text, input.title, textarea, select { background-color:#fff; border:1px solid #bbb; padding: 2px; color: #4e4e4e; } input[type=text]:focus, input.text:focus, input.title:focus, textarea:focus, select:focus { border-color:#2D3940; color: #3e3e3e; } input[type=text], input.text, input.title, textarea, select { margin:0.5em 0; } textarea { padding: 4px; } img#about-image { float: left; margin: 3px 8px 8px 0px; } .clearfix:after { clear: both; content: " "; display: block; height: 0; font-size: 0; visibility: hidden; } * html .clearfix { zoom: 1; } *:first-child+html .clearfix { zoom: 1; } /* MAIN LAYOUT INFO */ #left-area { border-left:1px solid #506774; float:right; padding-left:39px; padding-right:30px; width:255px; } #logo { margin-bottom:20px; padding-top:69px; text-align:center; } #logo p { text-transform: uppercase; } #tagline { color:#cdcdcd; font-family: Verdana, Arial, sans-serif; font-size:14px; font-style: italic; margin-top:-5px; } .tagcloud { padding-left: 8px; padding-bottom:8px; } #top-menu { padding-bottom: 8px; padding-top: 8px; position: relative; text-align:center; width: 255px; } #top-menu:before { content: ''; display: block; background: #ffffff; left: 0; position: absolute; top: 0; width: 255px; height: 5px; } #top-menu:after { content: ''; background: #ffffff; display: block; position: absolute; width: 255px; height: 4px; bottom: 0; left: 0; } #sidebar { padding-top:10px; text-align:center; width: 255px; } #content-area { margin-left:10px; width:715px; } #content_right { padding-top:30px; } .entry { margin-bottom:30px; float:right; margin-left:20px; margin-right: 16px; } .entry.normal-post { position: relative; } .entry.normal-post .main_content { border: 3px solid #506774; position: relative; width:280px; height: 240px; z-index: 4; } .entry h2.title { font-size:16px; text-align:center; font-weight: bold; } .entry.normal-post .content h2 { padding: 2px 2px; } .entry p.meta, p.meta-info { text-align:center; font-size:12px; font-weight: bold; } .entry p.meta a, p.meta-info a { text-decoration:none; } .entry.normal-post .content p.meta, p.meta-info { font-size:14px; } .entry.normal-post .content p.meta a, p.meta-info a { } .entry.normal-post .content p { font-family: Verdana, Arial, sans-serif; font-size:14px; padding:0px 8px; } .entry.normal-post img { padding: 5px 5px; } .center_layer, .bottom_layer { box-shadow: 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 1px #fff; -moz-box-shadow: 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 1px #fff; -webkit-box-shadow: 0 0 1px rgba(0,0,0,0.1), inset 1px 1px 1px #fff; } .entry.image { border: 3px solid #506774; width:280px; height:240px; } .entry.image .photo { padding:5px 5px 0; position:relative; } .entry.image .photo span.overlay { background:url(images/zoom.png) no-repeat; display:block; left:10px; position:absolute; top:97px; width:79px; height:79px; } .entry.image .photo span.zoom { display:block; left:10px; position:absolute; top:100px; width:79px; height:79px; } .entry.image .content { padding-top:1px; } .entry.image .content h2 a { } .entry.image .content p.meta { font-size:14px; } .entry.image .content p.meta a { } .entry.video { background:#ebebee; border: 3px solid #506774; width: 280px; height: 240px; } .entry.video .img { background:url(images/video-img-bg.png) no-repeat 5px 5px; display:block; padding:6px 5px 2px; position:relative; width:260px; height:180px; } .entry.video .img span.play { background:url(images/play.png) no-repeat; display:block; height:79px; left:107px; position:absolute; top:59px; width:79px; } .entry.video .content { padding-top:2px; } .entry.video .content h2 a { } .entry.video .content p.meta { font-size:14px; text-align:center; } .entry.video .content p.meta a { } span.video_box { display: block; overflow: hidden; width: 270px; } span.video_box img { display: block; } .entry.audio { border: 3px solid #506774; margin-bottom: 30px; overflow: hidden; position: relative; width: 280px; height: 240px; } img.audio-image { margin: 22px 0 0 58px; } .entry.audio .content { background: url(images/audio.png) no-repeat; position: absolute; top: 5px; left: 55px; width: 280px; height: 240px; } .audio_info { padding-top: 183px; margin-left: -55px; width: 280px; height: 240px; } .audio_info h2.title a { font-weight: bold; } .audio_info p.meta { font-size:14px; text-align:center; } .audio_info p.meta a { } .audio_info p.meta a:hover { } a.audio_play, a.jp-pause { background: url(images/audio_buttons.png) no-repeat; display: block; left: -50px; width: 49px; height: 49px; position: absolute; text-indent: -9999px; top: 192px; } a.jp-pause { background-position: bottom left; } h2.title a:hover, .entry.image p.meta a:hover { text-decoration: none; } .audio_info h2.title a:hover, .entry.video h2.title a:hover { } .entry.video, .entry.normal-post, .center_layer, .bottom_layer { -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; -webkit-transition: -webkit-box-shadow 0.5s, border 0.5s, -webkit-transform 0.5s ease-in-out; } body.ie .entry.audio:hover, body.ie .entry.image:hover, body.ie .entry.video:hover { box-shadow: none; } .entry.normal-post:hover .center_layer { -webkit-transform: rotate(-7deg); -moz-transform: rotate(-7deg); -o-transform: rotate(-7deg); transform: rotate(-7deg); } .entry.normal-post:hover .bottom_layer { border-color: #c7c7c7; box-shadow: 0 0 30px rgba(0,0,0,0.2); -moz-box-shadow: 0 0 30px rgba(0,0,0,0.2); -webkit-box-shadow: 0 0 30px rgba(0,0,0,0.2); -moz-transform: rotate(-15deg); -o-transform: rotate(-15deg); -webkit-transform: rotate(-15deg); transform: rotate(-15deg); } body.ie .entry.normal-post:hover .bottom_layer { box-shadow: none; } .et_playing { animation-name: et_playing; -moz-animation-name: et_playing; -o-animation-name: et_playing; -webkit-animation-name: et_playing; } .sticky { background: #d1ebfa; } .gallery { margin: 0 auto 18px; } .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } .gallery-columns-2 .gallery-item { width: 50%; } .gallery-columns-4 .gallery-item { width: 25%; } .gallery img { border: 2px solid #cfcfcf; } .gallery-columns-2 .attachment-medium { max-width: 92%; height: auto; } .gallery-columns-4 .attachment-thumbnail { max-width: 84%; height: auto; } .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } .gallery dl { margin: 0; } .gallery img { border: 10px solid #f1f1f1; } .gallery br+br { display: none; } .wrapper { margin: 0 auto; min-height: 100%; position: relative; width: 1000px; } @-webkit-keyframes et_playing { 0% { -webkit-transform: rotate(0deg); } 100% { -webkit-transform: rotate(360deg); } } @-moz-keyframes et_playing { 0% { -moz-transform: rotate(0deg); } 100% { -moz-transform: rotate(360deg); } } @-o-keyframes et_playing { 0% { -o-transform: rotate(0deg); } 100% { -o-transform: rotate(360deg); } } @keyframes et_playing { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } } #regular_content { padding: 0 0 0 10px; } #breadcrumbs { font-size: 12px; font-style: italic; font-family: Verdana, Arial, sans-serif; margin-bottom: 20px; text-shadow: 1px 1px 1px #fff; } #breadcrumbs a, #breadcrumbs span { } #breadcrumbs a:hover { text-decoration: none; } .single_view, .comment-body { border:2px solid #506774; margin: 0 0 35px; padding: 25px 0 0; position: relative; width: 630px; } .single_view h1, .single_view h2, .single_view h3, .single_view h4, .single_view h5, .single_view h6 { font-family: Verdana, Arial, sans-serif; } .single_view h1.main_title { font-size: 24px; font-style: italic; } .single_view .main_title, .single_view .meta-info { padding: 0 10px; font-style: italic; text-align: center; } .single_view p.meta-info { padding-top: 2px; } #post_content, .comment-wrap { font-size: 14px; margin: 0 2px; padding: 32px 35px 12px 40px; overflow: hidden; } .single-thumbnail { float: left; margin: 7px 20px 0 0; position: relative; } .format-image .single-thumbnail { margin-bottom: 26px; } .format-image .single-thumbnail .post-overlay { background: url(images/single_image_overlay.png) no-repeat; width: 540px; height: 389px; } .video_box { margin-bottom: 5px; } #post_content p, .comment-wrap p { font-family: Verdana, Arial, sans-serif; } .single_view ul, .comment-content ul { list-style-type: disc; padding: 10px 0px 10px 20px; } .single_view ol, .comment-content ol { list-style-type: decimal; list-style-position: inside; padding: 10px 0px 10px 2px; } .single_view ul li ul, .single_view ul li ol, .comment-content ul li ul, .comment-content ul li ol { padding: 2px 0px 2px 20px; } .single_view ol li ul, .single_view ol li ol, .comment-content ol li ul, .comment-content ol li ol { padding: 2px 0px 2px 35px; } .format-audio .entry { float: none; margin-bottom: 25px; margin-left: auto; margin-right: auto; } ul.jp-controls { list-style: none; } body.single .format-audio .jp-no-solution, .single_view .jp-no-solution { display: none; } #allm_pt_blog, #allm-login, #allm-search, #sitemap, #allm_pt_gallery, #allm_pt_portfolio_gallery { clear: both; } p.allm_pt_blogmeta { border: none !important; } .allm_pt_gallery_entry { margin-left: 67px !important; } .allm_pt_portfolio_item { margin-left: 58px !important; } #allm_pt_portfolio_gallery.allm_portfolio_large { margin-left: 18px !important; } .jp-progress { bottom: 18px; display: none; left: 10px; overflow: hidden; position: absolute; width: 184px; height: 9px; } .jp-seek-bar { background: url(images/progress_bar.png) repeat-x; cursor: pointer; overflow: hidden; width: 0px; height: 100%; } .jp-play-bar { background: url(images/progress_bar.png) repeat-x bottom left; overflow: hidden; width: 0px; height: 100%; } #searchsubmit { border:1px solid #506774; font-weight: bold; height: 25px; } #s { margin-left:10px; } /* MENU */ #top-menu li { padding:2px 0; width: 255px; } #top-menu a { text-align: left; text-decoration: none; display:block; padding:0px 10px; } #top-menu a:hover { color: nonne; } #top-menu > ul > li.current_page_item > a { background-color: #506774; color:#ffffff!important; font-family: Verdana, Arial, sans-serif; font-size:14px; font-weight: bold; padding:7px 10px; text-transform: uppercase; } /* COMMENTS*/ h3#comments, h3#reply-title, #trackbacks h3 { font-style: italic; font-size: 18px; font-family: Verdana, Arial, sans-serif; margin-bottom: 17px; } #comment-wrap { width: 630px; } .comment-body { width: auto; } .comment-meta { padding: 7px 0 7px 114px; } .avatar-box { position: absolute; top: 26px; left: 30px; } .avatar-overlay { position: absolute; top: 0; left: 0; background: url(images/avatar_overlay.png) no-repeat; width: 60px; height: 60px; } .comment-meta a, .reply-container a, .form-submit input { font-size: 14px; margin-bottom: 8px; } .comment-meta a, span.fn, .reply-container a, .form-submit input { font-style: bold; font-family: Verdana, Arial, sans-serif; } span.fn { display: block; margin-bottom: 3px; } span.fn, span.fn a { font-size: 23px; } span.fn a { font-size: 23px; } span.fn a:hover { color: #111; text-decoration: none; } .comment-wrap { padding-left: 30px; padding-right: 30px; padding-top: 27px; } .bypostauthor { } .reply-container a, .form-submit input { display: block; float: right; border: 1px solid #506774; padding: 3px 12px; -webkit-border-radius: 7px; -moz-border-radius: 7px; border-radius: 7px; -webkit-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); -moz-box-shadow: 0px 0px 2px rgba(0,0,0,0.1); box-shadow: 0px 0px 2px rgba(0,0,0,0.1); } .reply-container a:hover { color: #4b7b8e; text-decoration: none; } #respond { overflow: hidden; } h3#reply-title, #trackbacks h3 { margin-bottom: 4px; } #commentform input[type="text"] { width: 35%; } #commentform textarea { width: 92%; } #commentform input[type="text"], #commentform textarea { border: 1px solid #506774; font-family: Verdana, Arial, sans-serif; font-style: italic; font-size: 14px; padding: 10px 5px; } .form-allowed-tags { } .form-allowed-tags, .form-submit { clear: right; } p.comment-form-comment { float: right; width: 57%; } body.logged-in p.comment-form-comment { float: none; width: 100%; } body.logged-in #commentform p.comment-form-comment textarea { width: 615px; } .comment-form-author, .comment-form-email, .comment-form-url { padding-bottom: 3px; } .form-submit input { float: right; } #trackbacks { margin-bottom: 30px; } .commentlist ul.children { padding-left: 90px; } .depth-2 .comment-bottom-part { background: url(images/post_bottom_bg_level2.png); width: 580px; } .depth-3 .comment-bottom-part { background: url(images/post_bottom_bg_level3.png); width: 490px; } .depth-4 .comment-bottom-part { background: url(images/post_bottom_bg_level4.png); width: 400px; } .depth-5 .comment-bottom-part { background: url(images/post_bottom_bg_level5.png); width: 310px; } .depth-6 .comment-bottom-part { display: none; } .commentlist #reply-title small { display: block; font-size: 14px; font-weight: bold; margin-top: 10px; } #reply-title small a { } .comment #respond { margin-bottom: 25px; } /* FOOTER */ .footer { clear:left; font-family: Verdana, Arial, sans-serif; font-size:12px; margin: 0 auto; width: 1000px; height:55px; } .footer a:hover { text-decoration:underline; } .footer .fl, .footer .fr { display:inline; } .footer .fl { float:left; padding: 20px 0px 0px 10px; } .footer .fr { float:right; padding: 20px 10px 0px 0px; } #footer-widgets { border-right: 1px solid #506774; padding-bottom: 7px; width: 675px; } .foot-max{ width: 1000px; margin:0 auto; } #footer-widgets h4 { font-family: Verdana, Arial, sans-serif; font-size:14px; font-weight: bold; margin-left: 12px; padding:7px 10px; text-transform: uppercase; } #footer-widgets ul li { display: block; margin-left: 12px; padding: 0 10px; width: 189px; } #footer-widgets ul li a { text-decoration: none; } #footer-widgets ul li a:hover { } /* SIDEBAR */ .widget { margin-bottom: 10px; padding: 0 0px; text-align: left; } h4.widget-title { font-family: Verdana, Arial, sans-serif; font-size:14px; font-weight: bold; padding:7px 10px; text-transform: uppercase; } .widget ul li { padding: 0 10px; display: block; } .widget ul li a { text-decoration: none; } .widget ul li a:hover { } /* CAPTIONS AND ALIGNMENTS */ div.post .new-post .aligncenter, .aligncenter { display: block; margin-left: auto; margin-right: auto; } .wp-caption { background-color: #f3f3f3; border: 1px solid #ddd; margin-bottom: 10px; padding-top: 4px; text-align: center; } .wp-caption.alignleft { margin: 0px 10px 10px 0px; } .wp-caption.alignright { margin: 0px 0px 10px 10px; } .wp-caption img { border: 0 none; margin: 0; padding: 0; } .wp-caption p.wp-caption-text { font-size: 11px; margin: 0; padding: 0 4px 5px; } .alignright { float: right; } .alignleft { float: left; } img.alignleft { display:inline; float:left; margin-right:15px; } img.alignright { display:inline; float:right; margin-left:15px; } /* WP CALENDAR */ #wp-calendar { empty-cells: show; margin: 10px auto 0; width: 240px; } #wp-calendar a { display: block; text-decoration: none; } #wp-calendar a:hover { text-decoration: underline; } #wp-calendar caption { font: bold 13px Verdana, sans-serif; text-decoration: none; } #wp-calendar td { color: #9f9f9f; padding: 3px 5px; } #wp-calendar td#today { color: #ffffff; } #wp-calendar th { font-style: normal; padding: 3px 5px; text-transform: capitalize; } #wp-calendar #prev a, #wp-calendar #next a { font-size: 9pt; } #wp-calendar #next a { padding-right: 10px; text-align: right; } #wp-calendar #prev a { padding-left: 10px; text-align: left; } /* PAGE NAVI */ .wrap-pagin { margin-bottom: 8px; margin-left:221px; width: 214px; height: 22px; } .pagination { font-family: Verdana, Arial, sans-serif; font-size: 14px; overflow: hidden; padding: 20px 0 0; } .pagination a, .pagination a:hover { padding: 5px; text-decoration: none; } .wp-pagenavi { clear: none !important; font-family: Verdana, Arial, sans-serif; font-size: 28px; font-style: italic; padding: 20px 42px 0; position: relative; text-align: center; text-shadow: 0 1px 0 #fff; } .wp-pagenavi a, .wp-pagenavi a:link, .wp-pagenavi a:visited { background-color: none; border: none !important; color: #555454; font-weight: normal !important; margin: 2px; padding: 5px 7px !important; text-decoration: none; } .wp-pagenavi span.pages { background-color: none; border: none !important; color: #989898; font-size: 13px; font-style: normal; margin: 2px !important; margin-right: 10px !important; padding: 5px 7px 5px !important; } .wp-pagenavi span.current, .wp-pagenavi span.extend, .wp-pagenavi a:active, .wp-pagenavi a:hover { background-color:none !important; border: none !important; color:#6ca7bf !important; font-weight: normal !important; margin: 2px; padding: 5px 7px !important; } .readmore { padding-left: 6px; font-size: 12px; } a.readmore:hover, #sidebar div.custom-sidebar-block ul.control li a:hover, ul#cats-menu li a:hover, ul#page-menu li a:hover, div#slider-control div.featitem h2 a { text-decoration: none; } .foursixeight { margin: 0px 0px 15px 84px; } .post_nav_l{ float:left; } .post_nav_r{ float:right; } .next-prev { margin: 0 auto; width: 250px; } /* Slideshow */ #slideshow { margin-left: -7px; overflow:hidden; width:100%; } #slideshow ul { list-style: none; padding-left:225px; width:32500px; } #slideshow li { cursor:pointer; float:left; height: 100%; list-style-type: none; margin-right:10px; position: relative; z-index: 10; } #slideshow li h3 { background: #000; background: rgba(0, 0, 0, 0.3); bottom:30px; font-size:16px; padding:10px; position:absolute; right:6px; } #slideshow li img { padding:0px; } #slideshow li h3 span { display:block; font-size:12px; } /* Thumbnails */ .hover-menu { background:#fff; } .thumb-link { display: block; } .thumb { float:left; margin:0px; padding:0px; position: relative; width:280px; } .thumb h2 { bottom:5px; left:0px; opacity:0.7; position:absolute; } .thumb h2 a { display: block; font-size:18px; padding:5px; text-decoration: none; } #left-scroller { position: absolute; left:0px; top:400px; z-index: 100; } #left-scroller a { background: url("images/arrow-l.gif") no-repeat; display: block; text-indent: -9999px; width:45px; height: 45px; } #left-scroller a:hover { background: url("images/arrow-l.gif") no-repeat bottom; } #right-scroller { position: absolute; right:20px; top:400px; z-index: 100; } #right-scroller a { background: url("images/arrow-r.gif") no-repeat; display: block; margin-right:-20px; text-indent: -9999px; width:45px; height: 45px; } #right-scroller a:hover { background: url("images/arrow-r.gif") no-repeat bottom; } .menu li{ float: left; } .menu li a { font-family:Verdana, Arial, sans-serif; font-size:20px; font-weight:normal; letter-spacing:-1px; margin-bottom:0; text-decoration:none; } .menu { float: right; list-style: none; margin:40px 0px 0 0; z-index:300; }