/* Theme Name: SOFA YellowPress Theme URI: http://sofarider.com/ Description: Yellow Pages WordPress theme. Version: 1.0 Author: Dameer, sofarider.com Author URI: http://sofarider.com/ Tags: Marketing Turistico, Hoteles, Agencias, Destinos. */ 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, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } 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; } /* =defaults -------------------------------------------------------------- */ body { font: 62.5%/180% "Trebuchet MS", Georgia, Cambria, Times, "Times New Roman", serif; color: #888; } a { text-decoration: none; } a:link { color: #f3ab23; } a:active { color: #f3ab23; } a:focus { color: #5d3d07; } a:visited { color: #f3ab23; } a:hover { color: #f3ab23; } ol ol, ol ul, ul ul, ul ol { margin-bottom: 0; } blockquote { margin: 0 50px; } blockquote p { font-style: italic; } img { /*width: 280px;*/ margin: 0 10px 10px 0; float: left; display: inline; border: 5px solid #ececec; } /* =form-defaults -------------------------------------------------------------- */ label { font-size: .7857em; line-height: 2.1818; font-weight: normal; display: block; } input, textarea, button, file { font-family: "Trebuchet MS", Georgia, Cambria, Times, "Times New Roman", serif; color: #888; border: 1px solid #ececec; } textarea { width: 268px; height: 195px; padding: 5px 10px; font-size: .7857em; line-height: 2.1818; font-weight: normal; color: #888; } select { width: 290px; } .morelink { text-transform: uppercase; white-space: nowrap; font-size: .9090em; line-height: 2; } /* =layout -------------------------------------------------------------- */ #wrap { width: 960px; margin: 43px auto; overflow: hidden; } #header { width: 930px; /*height: 250px;*/ margin: 0 15px; position: relative; } #branding { width: 300px; height: 60px; overflow: hidden; position: absolute; left: 0; top: 0; } #content { float: left; display: inline; } .wp-pagenavi { width: 610px; float: left; display: inline; } #comments { } #secondaryContent { width: 320px; float: right; display: inline; } #footer { width: 960px; float: left; display: inline; margin: 0; padding-top: 20px; } /* =layout-helpers -------------------------------------------------------------- */ /* =page-elements -------------------------------------------------------------- */ .entry-box, .sidebar-item { width: 290px; margin: 15px 15px 0; padding-bottom: 2px; float: left; display: inline; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } .entry-box img, .sidebar-item img { width: 280px; } .entry-box img.avatar, .sidebar-item img.avatar { width: 80px; height: 80px; } .entry-box h2 { width: 290px; height:1.3em; overflow:hidden; } /* =header -------------------------------------------------------------- */ #header { } .brnding-and-navigation { width: 930px; height: 72px; float:left; background: #fff url(images/dashed-footer-divider.png) left bottom no-repeat; } .callout { width: 750px; min-height: 90px; float: left; display: inline; padding: 10px 180px 10px 0; margin-bottom: 2px; background: #fff url(images/callout.png) right bottom no-repeat; font-size: 1.7em; line-height: 1.7647; font-style: italic; letter-spacing: -.025em; color: #888; } .callout strong { clear: left; white-space: nowrap; text-decoration: underline; color: #5d3d07; } .counter { position: absolute; right: 0; font-size: 1.1em; } .counter span { font-weight: bold; color: #3581DF; } /* =branding -------------------------------------------------------------- */ #branding { background: #fff url(images/site-logo.png) 0 0 no-repeat; text-indent: -99999em; } #branding img { width: 300px; height: 60px; border: none; margin: 0; float: none; } #branding a { width: 300px; height: 60px; display: block; } /* =actions-bar -------------------------------------------------------------- */ .actions-bar { width: 930px; padding: 20px 0 15px 0; float: left; background: #fff url(images/dashed-divider.png) left top repeat-x; font-size: 1.6em; line-height: 1.75; } .actions-bar p { width: 290px; margin-right: 30px; float: left; display: inline; } .actions-bar form { width: 290px; margin-right: 0; float: left; display: inline; } .action { } .action a:link, .action a:visited, .action a:active { background: #fff url(user-images/addnew.png) left center no-repeat; display: block; width: 255px; padding-left: 35px; line-height: 1.875; } .action a:hover, .action a:focus { } .action strong { text-transform: uppercase; } .actions-bar .rss { width: 250px; padding-left: 40px; line-height: 1.875; background: #fff url(images/rss.png) left center no-repeat; } .actions-bar .rss a:link, .actions-bar .rss a:visited, .actions-bar .rss a:active { color: #5d3d07; } .actions-bar .rss a:hover, .actions-bar .rss a:focus { color: #f3ab23; } /* =instructions -------------------------------------------------------------- */ .instructions { padding: 0 10px; background: #ffe9c5; color: #d30a0a; display: block; } .details .instructions { font-size: 1.1em; line-height: 2.1818; } .details .sharethis { clear: both; display: block; } .details .relatedentry { clear: both; display: block; } /* =searchform -------------------------------------------------------------- */ #searchform label { display: none; font-size: 0; } #s { width: 200px; padding: 5px 5px 4px 5px; font-size: 1em; float: left; display: inline; } #searchform #searchsubmit { width: 68px; height: 32px; float: right; display: inline; border: none; background: #f7d59c; font-size: 1em; color: #5d3d07; cursor: pointer; padding: 0; margin: 0; } /* =content -------------------------------------------------------------- */ .home { width: 960px; } .details, .entry, .saPage { width: 610px; padding: 0 15px 45px 15px; } .saPage h1, .saPage h2, .saPage h3, .saPage h4 { font-size: 1.6em; } #content.category { width: 640px; } .entryes-browser { width: 930px; padding: 0 0 10px 0; float: left; display: inline; /*background: #FFFFFF url(images/dashed-divider.png) repeat-x scroll left top;*/ } .entry-data { width: 290px; margin-top: 10px; padding: 5px 0; position: absolute; left: 0; bottom: 2px; background: #fff url(images/dashed-divider.png) left top repeat-x;} .entry-data .category { width: 49%; float: left; line-height: 2.1818; margin-top: 3px; } .review-count { width: 49%; float: right; line-height: 2.1818; text-align: right; } .review-count strong { font-size: 2.1818em; line-height: 1; color: #3581df; } .entry-box { height: 285px; position: relative; overflow: hidden; } .entry-box h2, .sidebar-item h2 { padding-bottom: 7px; margin-bottom: 2px; font-size: 1.8em; font-weight: normal; line-height: 1.3333; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } .entry-box img, .sidebar-item img { margin-top: 6px; } .entry-box h2 a:link, .sidebar-item h2 a:link, .entry-box h2 a:visited, .sidebar-item h2 a:visited, .entry-box h2 a:active, .sidebar-item h2 a:active { color: #ff2233; } .entry-box h2 a:hover, .sidebar-item h2 a:hover, .entry-box h2 a:focus, .sidebar-item h2 a:focus { color: #f2ab23; } .entry-box p, .sidebar-item p, .sidebar-item li { font-size: 1.1em; line-height: 1.8181; } .sidebar-item p, .sidebar-item ul, .sidebar-item ol { margin-bottom: 1.8181em; } .entry-box p span, .sidebar-item p span { white-space: nowrap; } .sidebar-item ul { margin-left: 25px; } .sidebar-item li { list-style-type: square; } .entry-box h3, .sidebar-item h3, .entry-box h4, .sidebar-item h4, .entry-box h5, .sidebar-item h5, .entry-box h6, .sidebar-item h6 { font-size: 1.4em; } /* =main content -------------------------------------------------------------- */ .details h1, .entry h1 { margin: 15px 0 7px 0; padding-bottom: 7px; font-size: 1.8em; font-weight: normal; line-height: 1.3333; color: #5d3d07; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } .details h2, .details h3, .details h4, .details h5, .details h6 { font-size: 1.4em; line-height: 1.7143; font-weight: bold; } .details p { overflow: hidden; } .details p, .details li { font-size: 1.4em; line-height: 1.7143; } .details p, .details ol, .details ul { margin-bottom: 1.7143em; } .details ol, .details ul { margin-left: 25px; } .details li { list-style-type: square; } .details img { margin-top: 5px; } .details li li, .details li p { font-size: 100%; } .details ol ul, .details ul ul, .details ul ol, .details ol ol { margin-bottom: 0; } .details p object, .details p embed { width: 600px; height: 361px; float: left; } .details p object { margin: 5px 0 0 0; border: 5px solid #ececec; } #entryform { width: 610px; float: left; display: inline; margin-bottom: 20px; } #entryform ul { width: 290px; float: right; display: inline; margin: -24px 0 0 0; } #entryform li { list-style: none; margin-bottom: 0.875em; overflow:hidden; } #entryform fieldset { } #entryform legend { width: 290px; float: none; display: inline; font-size: 1.4em; font-weight: bold; line-height: 1.7243; } #entryform input { width: 278px; border: 1px solid #ececec; padding: 5px 5px 4px 5px; font-size: 1em; } #entryform textarea { height: 388px; overflow: auto; } #entryform button { height: 30px; float: right; display: inline; border: none; background: #ffe9c5; font-size: 1.4em; line-height:30px; color: #5d3d07; cursor: pointer; padding: 0 15px;} #personal-details { margin-bottom: 0.875em; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } /* =listing-data -------------------------------------------------------------- */ .listing-data ul { margin: -5px 0 5px 0; padding-bottom: 10px; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } .listing-data li { list-style: none; font-size: 1.1em; line-height: 2.1818; } .listing-data li strong { font-weight: normal; color: #3581df; } /* =pagenav -------------------------------------------------------------- */ #header .pagenav { position: absolute; right: 0; top: 40px; } .pagenav li { float: left; margin: 0 0 0 40px; } .pagenav li a:link, .pagenav li a:visited, .pagenav li a:active, .pagenav li a:hover, .pagenav li a:focus { font-size: 1.6em; line-height: 1.5; } .pagenav .current_page_item a:link, .pagenav .current_page_item a:hover, .pagenav .current_page_item a:visited, .pagenav .current_page_item a:active { color: #5d3d07; } /* =categories navigation -------------------------------------------------------------- */ #secondaryContent .cat-item, #secondaryContent .page_item { font-size: 1.4em; line-height: 1.7143; font-weight: bold; } .current-cat a:link, .current-cat a:visited, .current-cat a:active { color: #5d3d07; } #secondaryContent .current_page_item a:link, #secondaryContent .current_page_item a:hover, #secondaryContent .current_page_item a:visited, #secondaryContent .current_page_item a:active { color: #f2ab23; } /* =ads -------------------------------------------------------------- */ .sidebar-item ul.ads { width: 290px; margin: 0 0 20px 0; float: left; display: inline; } .ads li { list-style-type: none; float: left; margin: 15px 0 0 0; } .ads li.last { float: right; } .ads li img { width: 125px; height: 125px; margin: 0; } /* =post-data -------------------------------------------------------------- */ /* =comments -------------------------------------------------------------- */ #comments { padding-top: 24px; background: #fff url(images/dashed-divider.png) left top repeat-x; } #comments h2, #comment-form h3 { margin: 15px 0 7px 0; padding-bottom: 7px; font-size: 1.8em; font-weight: normal; line-height: 1.3333; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } } .comments-meta { } .comments-meta p { } .comments-meta p.trackback-and-comment { font-size: 1.1em; line-height: 1.6363; font-style: italic; color: #555; } .comments-meta .comments-count { } .comments-meta a:link, .comments-meta a:visited, .comments-meta a:active { } .comments-meta a:hover, .comments-meta a:focus { } #comments .comment-list { margin: 0; } .comment-list li { width: 588px; float: left; clear: both; list-style: none; padding: 10px; margin-bottom: 20px; border: 1px solid #F1F1F1; } .comment-list li p { font-size: .7857em; } .comment-data { color: #555; font-size: .9286em; line-height: 1.8461; margin-bottom: .9em; display: block; } .comment-list li ul, .comment-list li ol { width: auto; margin-bottom: 1.8461em; float: left; display: inline; } .comment-list li li { width: auto; list-style: square; margin-bottom: 0; font-size: .7857em; line-height: 2.1818; } .comment-list li li li { font-size: 100%; } .comment-list li ul ul, .comment-list li ol ol, .comment-list li ol ul, .comment-list li ul ol { margin-bottom: 0; } #comments .avatar { width: 80px; height: 80px; margin: 0 20px 0 0; } .comment { padding-left: 110px; } #comment-form { width: 610px; margin-bottom: 20px; margin-top: 40px; float: left; clear: both; } #comment-form p { margin-bottom: .875em; } #comment-form label { } .comment-body { width: 290px; float: left; } #comment { } .commenter-details { width: 290px; float: right; } .commenter-details input { width: 277px; border: 1px solid #ececec; padding: 5px 5px 4px 5px; font-size: 1em; } .post-comment { float: left; margin-left: 30px; } .post-comment input#submit { width: 68px; height: 30px; margin-top: 6px; padding: 0; float: right; display: inline; border: none; background: #ffe9c5; font-size: 1em; color: #5d3d07; cursor: pointer; } .logedin .comment-body { width: 610px; } .logedin .comment-body textarea { padding: 0; width: 608px; } .logedin .post-comment { float: right; } /* =search-archive -------------------------------------------------------------- */ .search-archive li { width: 610px; float: left; margin-bottom: 1.3333em; } .search-archive li li { float: none; margin-bottom: 0; } .search-archive h2 { margin: 15px 0 7px 0; padding-bottom: 7px; font-size: 1.8em; font-weight: normal; line-height: 1.3333; color: #5d3d07; background: #fff url(images/dashed-divider.png) left bottom repeat-x; } .search-archive h2 a:link, .search-archive h2 a:visited, .search-archive h2 a:active { color: #5d3d07; } .search-archive h2 a:hover, .search-archive h2 a:focus { color: #f2ab23; } .search-archive p { font-size: 1.1em; line-height: 2.1818; } /* =category -------------------------------------------------------------- */ #category ul { } #category li { } #category li.last { } #category li h2 { } #category h2 a:link, #category h2 a:visited, #category h2 a:active { } #category h2 a:hover, #category h2 a:focus { } #category li div { } #category li img { } /* =entryes-browser -------------------------------------------------------------- */ .entryes-browser { width: 610px; margin: 0; padding: 20px 0 14px 0; } .home .entryes-browser { width: 930px; margin: 0 0 0 15px; } /* =user -------------------------------------------------------------- */ .user-box { float: right; height: 22px; padding-left: 32px; margin-top: 2px; font-size: 145%; padding-top: 2px; } .ulogged { background: #fff url(user-images/user.gif) left top no-repeat; } .unone { background: #fff url(user-images/nouser.gif) left top no-repeat; } /* =paging -------------------------------------------------------------- */ .wp-pagenavi { } .home .wp-pagenavi { width: 640px; } .wp-pagenavi ul { width: auto; float: right; padding: 6px 10px; /*background: #ffe9c5;*/ } .wp-pagenavi li { width: auto; float: left; font-size: 1.1em; font-weight: bold; margin: 0 4px; } .wp-pagenavi li a:link, .wp-pagenavi li a:visited, .wp-pagenavi li a:active { display: block; padding: 0 5px; color: #5d3d07; } .wp-pagenavi li a:hover, .wp-pagenavi li a:focus, .wp-pagenavi li.current-cat a:link, .wp-pagenavi li.current-cat a:hover, .wp-pagenavi li.current-cat a:visited, .wp-pagenavi li.current-cat a:active { color: #f2ab23; } .wp-pagenavi li span { padding: 0 5px; color: #f2ab23; } /* =catsw -------------------------------------------------------------- */ .catsw, .postform { width: 290px; float: left; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; } .catsw select { width: 290px; margin: 3px 0; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; } .catsw option { padding: 2px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; } /* =secondaryContent -------------------------------------------------------------- */ #secondaryContent .sidebar-item { margin-bottom: 20px; background: none; } /* =footer -------------------------------------------------------------- */ #footer { background: #fff url(images/dashed-footer-divider.png) center top no-repeat; } .footer-boxez { width: 320px; float: left; display: inline; } #footer .sidebar-item { background: none; } #footer .pagenav, #footer .copyright { width: 930px; margin: 20px 15px; float: left; display: inline; background: #fff url(images/dashed-footer-divider.png) left top no-repeat; } #footer .pagenav { padding: 20px 0; } #footer .pagenav li { margin: 0 40px 0 0; } #footer .pagenav li a:link, #footer .pagenav li a:visited, #footer .pagenav li a:hover, #footer .pagenav li a:active {} .copyright { padding: 10px 0; text-align: center; } .home .warning { border: 2px dashed red; font-size: 14px; padding: 20px; width: 885px; clear: both; float: left; margin: 0 0 0 15px; display: block; } .home .warning .close { float: right; width: 22px; height: 22px; } .home .warning img { width: 22px; height: 22px; border: none; padding: 0; margin: 0; } /* =ajaxNewsletter -------------------------------------------------------------- */ #ajaxNewsletter, .newsletterContainer { margin-bottom: 20px; background: none; padding-left: 20px; } /* newsletter container */ } #newsletterFormDiv { /* newsletter form elements*/ } .newsletterTextInput { /* email text input */ } #newsletterLoading { /* the loading message while the subscription is beeing handled */ } .success { /* the success message container */ } .error { /* the error message container */ }