/* Theme Name: Plaza Club Theme URI: http://www.zimtdesign.ch/ Description: The 2010 Wordpress theme modified for Plaza. Author: Wordpress. Modified by ZimtDesign. Version: 1.0 Tags: plaza */ /* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html -------------------------------------------------------------- */ 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 { background: transparent; border: 0; margin: 0; padding: 0; vertical-align: baseline; /*color: #301814;*/ } table, tbody, tfoot, thead, tr, th, td { vertical-align: middle; } body { line-height: 1; } h1, h2, h3, h4, h5, h6 { clear: both; font-weight: normal; color: #301814; } ol, ul { list-style: none; } blockquote { quotes: none; } blockquote:before, blockquote:after { content: ''; content: none; } del { text-decoration: line-through; } /* tables still need 'cellspacing="0"' in the markup */ table { /*border-collapse: collapse;*/ border-spacing: 0; } a img { border: none; } /* =Layout -------------------------------------------------------------- */ /* LAYOUT: Two columns DESCRIPTION: Two-column fixed layout with one sidebar right of content */ #container { float: left; margin: 0 -240px 0 0; width: 100%; min-height: 500px; } #content { margin: 0 245px 0 20px; } #primary, #secondary { float: right; overflow: hidden; width: 195px; margin: 37px 20px 0; } #secondary { clear: right; } #footer { clear: both; width: 100%; } /* LAYOUT: One column, no sidebar DESCRIPTION: One centered column with no sidebar */ .one-column #content { margin: 65px 20px 0 20px; width: 860px; } /* LAYOUT: Full width, no sidebar DESCRIPTION: Full width content with no sidebar; used for attachment pages */ .single-attachment #content { margin: 0 auto; width: 900px; } /* =Fonts -------------------------------------------------------------- */ /* MOLENGO REGULAR */ @font-face { font-family: 'MolengoRegular'; src: url('fonts/molengo/Molengo-Regular-webfont.eot'); src: local('☺'), url('fonts/molengo/Molengo-Regular-webfont.woff') format('woff'), url('fonts/molengo/Molengo-Regular-webfont.ttf') format('truetype'), url('fonts/molengo/Molengo-Regular-webfont.svg#webfontyEeEFwQp') format('svg'); font-weight: normal; font-style: normal; } /* PERSPECIVE SANS */ @font-face { font-family: 'PerspectiveSansRegular'; src: url('fonts/perspective/persans-webfont.eot'); src: local('☺'), url('fonts/perspective/persans-webfont.woff') format('woff'), url('fonts/perspective/persans-webfont.ttf') format('truetype'), url('fonts/perspective/persans-webfont.svg#webfontJMcVHt8q') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PerspectiveSansItalic'; src: url('fonts/perspective/persansi-webfont.eot'); src: local('☺'), url('fonts/perspective/persansi-webfont.woff') format('woff'), url('fonts/perspective/persansi-webfont.ttf') format('truetype'), url('fonts/perspective/persansi-webfont.svg#webfontewsNF9cs') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PerspectiveSansBold'; src: url('fonts/perspective/persansb-webfont.eot'); src: local('☺'), url('fonts/perspective/persansb-webfont.woff') format('woff'), url('fonts/perspective/persansb-webfont.ttf') format('truetype'), url('fonts/perspective/persansb-webfont.svg#webfontberGgZCX') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PerspectiveSansBoldItalic'; src: url('fonts/perspective/persanbi-webfont.eot'); src: local('☺'), url('fonts/perspective/persanbi-webfont.woff') format('woff'), url('fonts/perspective/persanbi-webfont.ttf') format('truetype'), url('fonts/perspective/persanbi-webfont.svg#webfont3MeAIE1c') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PerspectiveSansBlackRegular'; src: url('fonts/perspective/persanbk-webfont.eot'); src: local('☺'), url('fonts/perspective/persanbk-webfont.woff') format('woff'), url('fonts/perspective/persanbk-webfont.ttf') format('truetype'), url('fonts/perspective/persanbk-webfont.svg#webfontN88N8Jt6') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'PerspectiveSansBlackItalic'; src: url('fonts/perspective/persabki-webfont.eot'); src: local('☺'), url('fonts/perspective/persabki-webfont.woff') format('woff'), url('fonts/perspective/persabki-webfont.ttf') format('truetype'), url('fonts/perspective/persabki-webfont.svg#webfontKL038Adm') format('svg'); font-weight: normal; font-style: normal; } /* BP REPLAY */ @font-face { font-family: 'BPreplayRegular'; src: url('fonts/bpreplay/BPreplay-webfont.eot'); src: local('☺'), url('fonts/bpreplay/BPreplay-webfont.woff') format('woff'), url('fonts/bpreplay/BPreplay-webfont.ttf') format('truetype'), url('fonts/bpreplay/BPreplay-webfont.svg#webfont89fNvJ5o') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BPreplayItalic'; src: url('fonts/bpreplay/BPreplayItalics-webfont.eot'); src: local('☺'), url('fonts/bpreplay/BPreplayItalics-webfont.woff') format('woff'), url('fonts/bpreplay/BPreplayItalics-webfont.ttf') format('truetype'), url('fonts/bpreplay/BPreplayItalics-webfont.svg#webfont3x6nz9qa') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BPreplayBold'; src: url('fonts/bpreplay/BPreplayBold-webfont.eot'); src: local('☺'), url('fonts/bpreplay/BPreplayBold-webfont.woff') format('woff'), url('fonts/bpreplay/BPreplayBold-webfont.ttf') format('truetype'), url('fonts/bpreplay/BPreplayBold-webfont.svg#webfontTKeiFLJy') format('svg'); font-weight: normal; font-style: normal; } @font-face { font-family: 'BPreplayBoldItalic'; src: url('fonts/bpreplay/BPreplayBoldItalics-webfont.eot'); src: local('☺'), url('fonts/bpreplay/BPreplayBoldItalics-webfont.woff') format('woff'), url('fonts/bpreplay/BPreplayBoldItalics-webfont.ttf') format('truetype'), url('fonts/bpreplay/BPreplayBoldItalics-webfont.svg#webfont9lo1chLv') format('svg'); font-weight: normal; font-style: normal; } body, input, textarea, .page-title span, .pingback a.url { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } h3#comments-title, h3#reply-title, #access .menu, #access div.menu ul, #cancel-comment-reply-link, .form-allowed-tags, #site-info, #site-title, #wp-calendar, .comment-meta, .comment-body tr th, .comment-body thead th, .entry-content label, .entry-content tr th, .entry-content thead th, .entry-meta, .entry-title, .entry-utility, #respond label, .navigation, .page-title, .pingback p, .reply, .widget-title, .wp-caption-text, input[type=submit] { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; } pre { font-family: "Courier 10 Pitch", Courier, monospace; } code { font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; } /* =Structure -------------------------------------------------------------- */ /* The main theme structure */ #access .menu-header, .menu-header-sub, div.menu, #colophon, #branding, #main, #wrapper { margin: 0 auto; width: 900px; /* background: #FFFFFF; */ } #mainbgwrap { background: #FFF8E6; background-image: url(images/plaza/bg_main.jpg); background-position: top center; background-repeat: no-repeat; margin: 0; padding: 205px 0 0 0; width: 100%; display: table; } #wrapper { /* background: #fff; */ margin-top: 0; padding: 0; text-align: left; } /* Structure the footer area */ #footer-widget-area { overflow: hidden; } #footer-widget-area .widget-area { float: left; margin-right: 20px; width: 220px; } #footer-widget-area #fourth { margin-right: 0; } #site-info { float: left; font-size: 14px; font-weight: bold; width: 700px; } #site-generator { float: right; width: 220px; } /* =Global Elements -------------------------------------------------------------- */ /* Main global 'theme' and typographic styles */ body { color: #301814; font-size: 12px; line-height: 18px; text-align: center; background: #FFF8E6; } hr { background-color: #301814; border: 0; clear: both; height: 1px; margin-bottom: 18px; } /* Text elements */ p { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 14px; } ul { list-style: square; margin: 0 0 18px 1.5em; } ol { list-style: decimal; margin: 0 0 18px 1.5em; } ol ol { list-style: upper-alpha; } ol ol ol { list-style: lower-roman; } ol ol ol ol { list-style: lower-alpha; } ul ul, ol ol, ul ol, ol ul { margin-bottom: 0; } dl { margin: 0 0 24px 0; } dt { font-weight: bold; } dd { margin-bottom: 18px; } strong { font-weight: bold; } cite, em, i { font-style: italic; } big { font-size: 131.25%; } ins { background: #ffc; text-decoration: none; } blockquote { font-style: italic; padding: 0 3em; } blockquote cite, blockquote em, blockquote i { font-style: normal; } pre { background: #f7f7f7; color: #222; line-height: 18px; margin-bottom: 18px; padding: 1.5em; } abbr, acronym { border-bottom: 1px dotted #666; cursor: help; } sup, sub { height: 0; line-height: 1; position: relative; vertical-align: baseline; } sup { bottom: 1ex; } sub { top: .5ex; } input[type="tel"], input[type="text"], input[type="email"], input[type="password"], textarea { background: #f9f9f9; border: 1px solid #ccc; box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); -webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1); padding: 2px; } a:link { color: #0066cc; } a:visited { color: #743399; } a:active, a:hover { color: #ff4b33; } /* Text meant only for screen readers */ .screen-reader-text { position: absolute; left: -9000px; } /* =Header -------------------------------------------------------------- */ #header { padding: 0; margin: 0; } #site-title { /* float: left; font-size: 30px; line-height: 36px; margin: 0 0 18px 0; width: 700px; */ display: none; } #site-title a { color: #301814; font-weight: bold; text-decoration: none; } #site-description { /* clear: right; float: right; font-style: italic; margin: 14px 0 18px 0; width: 220px; */ display: none; } /* This is the custom header image */ #branding img { /* border-top: 4px solid #000; border-bottom: 1px solid #000; */ clear: both; display: none; } /* Social Media Links (upper right corner of main area) */ #socialmedia_links { width: 62px; margin: 8px 0 0 835px; position: absolute; } #header_plazda_link { position: absolute; margin: 1px 0 0 -65px; left: -5px; } /* =Menu -------------------------------------------------------------- */ #access { /* background: #000; */ margin: 0 0 -9px 0; width: 900px; } #access .menu-header, div.menu { font-size: 22px; font-family: "futura-pt", sans-serif; /* Futura, 'MolengoRegular', 'BPreplayRegular', 'PerspectiveSansRegular', Arial; */ color: #968B89; text-transform: uppercase; /*margin-left: 12px; */ text-align: center; margin: 0; /* height: 25px; REMOVE WHEN UNHIDING MENU */ } #access ul.menu-header { margin-top: -6px; margin-bottom: 6px; } #access .menu-header ul, div.menu ul { list-style: none; margin: 0; } #access .menu-header li, div.menu li { display: inline; margin: 0 -4px 0 -4px; /* display: none; REMOVE WHEN UNHIDING MENU */ } #access .menu-header-sub, #reservations_menu { position: absolute; font-size: 14px; font-family: arial, helvetica; font-weight: 550; text-transform: uppercase; color: #6c5d5a; /*margin-left: 12px; */ text-align: left; margin: 0; padding: 17px 0 0 16px; } #reservations_menu { padding: 26px 0 0 15px; } #access .menu-header-sub li { display: inline; margin: 0 -6px 0 -6px; } #access hr.twocol { height: 3px; width: 635px; background: #301814; margin: 50px 0 0 20px; position: absolute; } #access hr.twocol_nomenu { height: 3px; width: 635px; background: #301814; margin: 50px 0 0 20px; position: absolute; } #access hr.onecol { height: 3px; width: 860px; background: #301814; margin: 50px 0 0 20px; position: absolute; } #access hr.onecol_nomenu { height: 3px; width: 860px; background: #301814; margin: 50px 0 0 20px; position: absolute; } #access a, #reservations_menu a { margin: 0; color: rgba(46,24,20,0.5); /* #6c5d5a; #968B89; */ display: inline; line-height: 38px; padding: 10px; text-decoration: none; } #access ul.menu-header-sub a, #reservations_menu ul.menu-header-sub a { color: #6c5d5a;; } #reservations_menu a { padding: 4px; } #reservations_menu a:hover { color: #301814; } /* #access ul ul { box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -moz-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); -webkit-box-shadow: 0px 3px 3px rgba(0,0,0,0.2); display: none; position: absolute; top: 38px; left: 0; width: 180px; z-index: 99999; } #access ul ul li { min-width: 180px; } #access ul ul ul { left: 100%; top: 0; } #access ul ul a { background: transparent; line-height: 1em; padding: 10px; width: 160px; height: auto; } */ #access li:hover > a, #access ul ul :hover > a { color: #301814; } #access ul li:hover > ul { display: block; } #access ul li.current_page_item > a, #access ul li.current_page_parent > a, #access ul li.current-menu-ancestor > a, #access ul li.current-menu-item > a, #access ul li.current-menu-parent > a { color: #301814; } * html #access ul li.current_page_item a, * html #access ul li.current-menu-ancestor a, * html #access ul li.current-menu-item a, * html #access ul li.current-menu-parent a, * html #access ul li a:hover { color: #301814; } body.page-id-15 #access ul.menu-header-sub { display: none; } /* =Content -------------------------------------------------------------- */ #main { background-image: url(images/plaza/bg_content_dot.png); background-repeat: repeat; clear: both; overflow: hidden; padding: 0; display: block; } #main iframe { overflow: hidden; } /* System Iframe */ #systemframe { overflow: hidden; } #content { margin-bottom: 36px; margin-top: 65px; } #content { color: #301814; font-size: 16px; line-height: normal; } .content_hr { background-image: url("images/plaza/plaza_custom_hr.gif"); width: 100%; height: 2px; margin: 6px 0 10px 0; clear: both; } .content_hr hr { display: none; } #content hr.twocol { height: 3px; width: 635px; background: #301814; margin: 0; } #content .portfolio_download_tab, #content .technik_download_tab { margin: 0 0 20px 0; clear: both; } #content .technik_download_tab { margin: 20px 0 40px 0; } #content .portfolio_download_tab img.download_hand { float: right; margin: -7px 0 8px 0; } #content .technik_download_tab img.download_hand { float: left; margin: -7px 10px 8px 0; } #content .portfolio_download_tab p, #content .technik_download_tab p { margin-top: 16px; font-weight: bold; } #content .portfolio_download_tab a, #content .technik_download_tab a { text-decoration: none; color: #301814; } #content .portfolio_download_tab a:hover, #content .technik_download_tab a:hover { text-decoration: underline; } #content p, #content ul, #content ol, #content dd, #content pre { margin: 12px 0; line-height: 18px; } #content ul ul, #content ol ol, #content ul ol, #content ol ul { margin-bottom: 0; } #content pre, #content kbd, #content tt, #content var { font-size: 15px; line-height: 21px; } #content code { font-size: 13px; } #content dt, #content th { color: #301814; } #content h1, #content h2, #content h3, #content h4, #content h5, #content h6 { color: #301814; padding: 10px 0 0 0; font-size: 15px; line-height: normal; font-weight: bold; text-transform: uppercase; } #content h2 { font-size: 16px; text-transform: none; margin-bottom: -12px; } #content table { font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif; font-size: 14px; margin: 0; text-align: left; width: 100%; } #content tr th, #content thead th { color: #888; font-size: 12px; font-weight: bold; line-height: 18px; padding: 9px 24px; } #content tr td { padding: 0 48px 0 0; } #content tr.odd td { background: #f2f7fc; } .hentry { margin: 0 0 48px 0; } .home .sticky { background: #f2f7fc; border-top: 4px solid #301814; margin-left: -20px; margin-right: -20px; padding: 18px 20px; } .single .hentry { margin: 0 0 36px 0; } .page-title { color: #301814; font-size: 14px; font-weight: bold; margin: 0 0 36px 0; } .page-title span { color: #301814; font-size: 16px; font-style: italic; font-weight: normal; } .page-title a:link, .page-title a:visited { color: #888; text-decoration: none; } .page-title a:active, .page-title a:hover { color: #ff4b33; } #content .entry-title { /* color: #000; font-size: 21px; font-weight: bold; line-height: 1.3em; margin-bottom: 0; */ display: none; } .entry-title a:link, .entry-title a:visited { color: #301814; text-decoration: none; } .entry-title a:active, .entry-title a:hover { color: #ff4b33; } .entry-meta { color: #888; font-size: 12px; } .entry-meta abbr, .entry-utility abbr { border: none; } .entry-meta abbr:hover, .entry-utility abbr:hover { border-bottom: 1px dotted #666; } .entry-content, .entry-summary { clear: both; padding: 0; } #content .entry-summary p:last-child { margin-bottom: 12px; } .entry-content fieldset { border: 1px solid #e7e7e7; margin: 0 0 24px 0; padding: 24px; } .entry-content fieldset legend { background: #fff; color: #301814; font-weight: bold; padding: 0 24px; } .entry-content input { margin: 0; } .entry-content input.file, .entry-content input.button { margin-right: 24px; } .entry-content label { /* color: #888; */ font-size: 12px; } .entry-content select { margin: 0 0 24px 0; } .entry-content sup, .entry-content sub { font-size: 10px; } .entry-content blockquote.left { float: left; margin-left: 0; margin-right: 24px; text-align: right; width: 33%; } .entry-content blockquote.right { float: right; margin-left: 24px; margin-right: 0; text-align: left; width: 33%; } .page-link { color: #301814; font-weight: bold; margin: 0 0 22px 0; word-spacing: 0.5em; } .page-link a:link, .page-link a:visited { background: #f1f1f1; color: #301814; font-weight: normal; padding: 0.5em 0.75em; text-decoration: none; } .home .sticky .page-link a { background: #d9e8f7; } .page-link a:active, .page-link a:hover { color: #ff4b33; } body.page .edit-link { clear: both; display: block; } #entry-author-info { background: #f2f7fc; border-top: 4px solid #301814; clear: both; font-size: 14px; line-height: 20px; margin: 24px 0; overflow: hidden; padding: 18px 20px; } #entry-author-info #author-avatar { background: #fff; border: 1px solid #e7e7e7; float: left; height: 60px; margin: 0 -104px 0 0; padding: 11px; } #entry-author-info #author-description { float: left; margin: 0 0 0 104px; } #entry-author-info h2 { color: #301814; font-size: 100%; font-weight: bold; margin-bottom: 0; } .entry-utility { clear: both; color: #888; font-size: 12px; line-height: 18px; } .entry-meta a, .entry-utility a { color: #888; } .entry-meta a:hover, .entry-utility a:hover { color: #ff4b33; } #content .video-player { padding: 0; } /* =Asides -------------------------------------------------------------- */ .home #content .category-asides p { font-size: 14px; line-height: 20px; margin-bottom: 10px; margin-top: 0; } .home .hentry.category-asides { padding: 0; } .home #content .category-asides .entry-content { padding-top: 0; } /* =Gallery listing -------------------------------------------------------------- */ .category-gallery .size-thumbnail img { border: 10px solid #f1f1f1; margin-bottom: 0; } .category-gallery .gallery-thumb { float: left; margin-right: 20px; margin-top: -4px; } .home #content .category-gallery .entry-utility { padding-top: 4px; } /* =Attachment pages -------------------------------------------------------------- */ .attachment .entry-content .entry-caption { font-size: 140%; margin-top: 24px; } .attachment .entry-content .nav-previous a:before { content: '\2190\00a0'; } .attachment .entry-content .nav-next a:after { content: '\00a0\2192'; } /* =Images -------------------------------------------------------------- */ #content img { margin: 0; /* eight: auto; */ max-width: 640px; /* width: auto; */ } #content .attachment img { max-width: 900px; } #content .alignleft, #content img.alignleft { display: inline; float: left; margin-right: 24px; margin-top: 4px; } #content .alignright, #content img.alignright { display: inline; float: right; margin-left: 24px; margin-top: 4px; } #content .aligncenter, #content img.aligncenter { clear: both; display: block; margin-left: auto; margin-right: auto; } #content img.alignleft, #content img.alignright, #content img.aligncenter { margin-bottom: 12px; } #content .wp-caption { background: #f1f1f1; line-height: 18px; margin-bottom: 20px; padding: 4px; text-align: center; } #content .wp-caption img { margin: 5px 5px 0; } #content .wp-caption p.wp-caption-text { color: #888; font-size: 12px; margin: 5px; } #content .wp-smiley { margin: 0; } #content .gallery { margin: 0 auto 18px; } #content .gallery .gallery-item { float: left; margin-top: 0; text-align: center; width: 33%; } #content .gallery img { border: 2px solid #cfcfcf; } #content .gallery .gallery-caption { color: #888; font-size: 12px; margin: 0 0 12px; } #content .gallery dl { margin: 0; } #content .gallery img { border: 10px solid #f1f1f1; } #content .gallery br+br { display: none; } #content .attachment img { /* single attachment images should be centered */ display: block; margin: 0 auto; } /* =Navigation -------------------------------------------------------------- */ .navigation { color: #888; font-size: 12px; line-height: 18px; overflow: hidden; } .navigation a:link, .navigation a:visited { color: #888; text-decoration: none; } .navigation a:active, .navigation a:hover { color: #ff4b33; } .nav-previous { float: left; width: 50%; } .nav-next { float: right; text-align: right; width: 50%; } #nav-above { margin: 0 0 18px 0; } #nav-above { display: none; } .paged #nav-above, .single #nav-above { display: block; } #nav-below { margin: -18px 0 0 0; } /* =Comments -------------------------------------------------------------- */ #comments { clear: both; } #comments .navigation { padding: 0 0 18px 0; } h3#comments-title, h3#reply-title { color: #301814; font-size: 20px; font-weight: bold; margin-bottom: 0; } h3#comments-title { padding: 24px 0; } .commentlist { list-style: none; margin: 0; } .commentlist li.comment { border-bottom: 1px solid #e7e7e7; line-height: 24px; margin: 0 0 24px 0; padding: 0 0 0 56px; position: relative; } .commentlist li:last-child { border-bottom: none; margin-bottom: 0; } #comments .comment-body ul, #comments .comment-body ol { margin-bottom: 18px; } #comments .comment-body p:last-child { margin-bottom: 6px; } #comments .comment-body blockquote p:last-child { margin-bottom: 24px; } .commentlist ol { list-style: decimal; } .commentlist .avatar { position: absolute; top: 4px; left: 0; } .comment-author { } .comment-author cite { color: #301814; font-style: normal; font-weight: bold; } .comment-author .says { font-style: italic; } .comment-meta { font-size: 12px; margin: 0 0 18px 0; } .comment-meta a:link, .comment-meta a:visited { color: #888; text-decoration: none; } .comment-meta a:active, .comment-meta a:hover { color: #ff4b33; } .commentlist .even { } .commentlist .bypostauthor { } .reply { font-size: 12px; padding: 0 0 24px 0; } .reply a, a.comment-edit-link { color: #888; } .reply a:hover, a.comment-edit-link:hover { color: #ff4b33; } .commentlist .children { list-style: none; margin: 0; } .commentlist .children li { border: none; margin: 0; } .nopassword, .nocomments { display: none; } #comments .pingback { border-bottom: 1px solid #e7e7e7; margin-bottom: 18px; padding-bottom: 18px; } .commentlist li.comment+li.pingback { margin-top: -6px; } #comments .pingback p { color: #888; display: block; font-size: 12px; line-height: 18px; margin: 0; } #comments .pingback .url { font-size: 13px; font-style: italic; } /* Comments form */ input[type=submit] { color: #301814; } #respond { border-top: 1px solid #e7e7e7; margin: 24px 0; overflow: hidden; position: relative; } #respond p { margin: 0; } #respond .comment-notes { margin-bottom: 1em; } .form-allowed-tags { line-height: 1em; } .children #respond { margin: 0 48px 0 0; } h3#reply-title { margin: 18px 0; } #comments-list #respond { margin: 0 0 18px 0; } #comments-list ul #respond { margin: 0; } #cancel-comment-reply-link { font-size: 12px; font-weight: normal; line-height: 18px; } #respond .required { color: #ff4b33; font-weight: bold; } #respond label { color: #888; font-size: 12px; } #respond input { margin: 0 0 9px; width: 98%; } #respond textarea { width: 98%; } #respond .form-allowed-tags { color: #888; font-size: 12px; line-height: 18px; } #respond .form-allowed-tags code { font-size: 11px; } #respond .form-submit { margin: 12px 0; } #respond .form-submit input { font-size: 14px; width: auto; } /* =Widget Areas -------------------------------------------------------------- */ .widget-area ul { list-style: none; margin-left: 0; } .widget-area ul ul { list-style: square; margin-left: 1.3em; } .widget_search #s {/* This keeps the search inputs in line */ width: 60%; } .widget_search label { display: none; } .widget-container { margin: 0 0 18px 0; color: #301814; } .widget-title { color: #222; font-weight: bold; } .widget-area a:link, .widget-area a:visited { color: #6c5d5a; text-decoration: none; } .widget-area a:active, .widget-area a:hover { color: #301814; } .widget-area .entry-meta { font-size: 11px; } #wp_tag_cloud div { line-height: 1.6em; } #wp-calendar { width: 100%; } #wp-calendar caption { color: #222; font-size: 14px; font-weight: bold; padding-bottom: 4px; text-align: left; } #wp-calendar thead { font-size: 11px; } #wp-calendar thead th { } #wp-calendar tbody { color: #aaa; } #wp-calendar tbody td { background: #f5f5f5; border: 1px solid #fff; padding: 3px 0 2px; text-align: center; } #wp-calendar tbody .pad { background: none; } #wp-calendar tfoot #next { text-align: right; } .widget_rss a.rsswidget { color: #301814; } .widget_rss a.rsswidget:hover { color: #ff4b33; } .widget_rss .widget-title img { width: 11px; height: 11px; } /* Main sidebars */ #main .widget-area ul { margin-left: 0; padding: 0 20px 0 0; } #main .widget-area ul ul { border: none; margin-left: 1.3em; padding: 0; } #primary { } #primary h3 { font-size: 14px; font-family: arial, helvetica; font-weight: normal; text-transform: uppercase; color: #301814; margin: -1px 0 5px 0; .margin: -3px 0 0 0; /* IE7 and below fix */ } #primary hr.sidebar { height: 3px; width: 195px; background: #301814; margin: 0; } #secondary { } #secondary hr.sidebar { height: 3px; width: 195px; background: #301814; margin: -28px 0 0 20px; } /* Highlights (Vorschau) Widget specific styles. */ #highlights { width: 195px; } #events_highlights { padding: 20px 0; text-transform: uppercase; } #events_highlights p { font-family: Times, "Times New Roman", serif; font-size: 13px; font-weight: bold; padding: 0; margin: 0; color: #301814; } #events_highlights p.title { font-family: arial, helvetica, sans-serif; font-size: 15px; font-weight: bold; color: #301814; } .highlights_hr { background-image: url("images/plaza/plaza_custom_hr.gif"); width: 100%; height: 2px; margin: 5px 0 5px 0; } .highlights_hr hr { display: none; } /* Opening Times (text-3) Widget specific styles. */ #text-3 h3.widget-title { display: none; } #text-3 hr.sidebar { display: none; } #text-3 p { font-family: Times, "Times New Roman", serif; font-size: 12px; font-weight: bold; } /* Login (text-4) Widget specific styles. */ #text-4 h3.widget-title { display: none; } #text-4 p, #text-4 fieldset, #text-4 legend, #text-4 label { font-family: Times, "Times New Roman", serif; font-size: 12px; font-weight: bold; } #text-4 legend { padding: 0; } #widget_login { margin: 15px 0; display:none; } #widget_login ol { list-style-type: none; margin: 0; padding: 0; width: 195px; } #widget_login ol li { float: left; width: 95px; } #widget_login label { font-size: 10px; float: left; margin: 10px 0 -3px 0; } #widget_login input[type=text], #widget_login input[type=password] { width: 88px; } #widget_login li.password_listitem { margin-left: 5px; } #widget_login_form_recovery { font-size: 10px; clear: both; } #widget_login_submit { clear: both; margin: 5px 0; } /* OLD #widget_login { margin: 15px 0; } #widget_login ol { list-style-type: none; } #widget_login label { font-size: 10px; float: left; margin: 0 0 -4px 5px; } #widget_login_form_recovery { font-size: 10px; margin: 0 0 0 5px; } #widget_login_submit { clear: both; float: right; margin: 5px 0; } */ /* Footer widget areas */ #footer-widget-area { } /* =Footer -------------------------------------------------------------- */ #footer { margin-bottom: 20px; position: relative; } #copyright { width: 100%; margin: 0; padding: 0; text-align: center; } #copyright p { color: #6c5d5a; font-family: arial, helvetica, sans-serif; font-size: 10px; } #copyright a { color: #6c5d5a; text-decoration: none; } #copyright a:hover { color: #301814; } #colophon { border-top: 4px solid #301814; margin-top: -4px; overflow: hidden; padding: 18px 0; /*########################*/ display: none; /*########################*/ } #site-info { font-weight: bold; } #site-info a { color: #301814; text-decoration: none; } #site-generator { font-style: italic; position: relative; } #site-generator a { background: url(images/wordpress.png) center left no-repeat; color: #666; display: inline-block; line-height: 16px; padding-left: 20px; text-decoration: none; } #site-generator a:hover { text-decoration: underline; } img#wpstats { display: block; margin: 0 auto 10px; } /* =Mobile Safari ( iPad, iPhone and iPod Touch ) -------------------------------------------------------------- */ pre { -webkit-text-size-adjust: 140%; } code { -webkit-text-size-adjust: 160%; } #access, .entry-meta, .entry-utility, .navigation, .widget-area { -webkit-text-size-adjust: 120%; } #site-description { -webkit-text-size-adjust: none; } /* =Print Style -------------------------------------------------------------- */ @media print { body { background: none !important; } #wrapper { clear: both !important; display: block !important; float: none !important; position: relative !important; } #header { border-bottom: 2pt solid #301814; padding-bottom: 18pt; } #colophon { border-top: 2pt solid #301814; } #site-title, #site-description { float: none; line-height: 1.4em; margin: 0; padding: 0; } #site-title { font-size: 13pt; } .entry-content { font-size: 14pt; line-height: 1.6em; } .entry-title { font-size: 21pt; } #access, #branding img, #respond, .comment-edit-link, .edit-link, .navigation, .page-link, .widget-area { display: none !important; } #container, #header, #footer { margin: 0; width: 100%; } #content, .one-column #content { margin: 24pt 0 0; width: 100%; } .wp-caption p { font-size: 11pt; } #site-info, #site-generator { float: none; width: auto; } #colophon { width: auto; } img#wpstats { display: none; } #site-generator a { margin: 0; padding: 0; } #entry-author-info { border: 1px solid #e7e7e7; } #main { display: inline; } .home .sticky { border: none; } } /*################################################# ################################################### ################################################### ################## #################### ################## NUNIGHT #################### ################## #################### ################################################### ################################################### #################################################*/ /*###################################### ######## EVENTS CALENDAR STYLES ######## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #cal_events_list { margin: 0; padding: 20px 0 0 0; width: 635px; border-bottom: 1px solid #301814; line-height: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; overflow: hidden; } #cal_events_list p { margin: 0; line-height: normal; font-family: arial, helvetica, sans-serif; } #cal_event_list_none { width: 100%; text-align: center; margin: 75px 0 300px 0; font-weight: bold; } .cal_live_event { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/bg_live_event.png"); background-repeat: repeat; border-top: 1px solid #301814; } .cal_regular_event { border-top: 1px solid #301814; } .cal_event_date { margin: 15px 10px 0 10px; padding: 0; width: 65px; min-height: 100px; background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/bg_date.png"); background-repeat: no-repeat; background-position: center top; text-align: center; float: left; display: inline; _height: 150px; /* FIXME: IE 6 and below fix. */ } .cal_event_date_top { margin: 0; padding: 11px 0 0 0; } .cal_event_date_bottom { margin: 0; padding: 5px 0 10px 0; } .cal_event_type { margin: 0; min-height: 23px; background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_event_live.png"); background-repeat: no-repeat; background-position: center top; .background-image: none; /* FIXME: IE 7 and below fix: remove background to avoid overlaps. */ } .cal_event_content { margin: 0; padding: 0; width: 550px; float: left; display: inline; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ /*++++++++++++++++++++++++ +++ DESCRIPTION STYLES +++ ++++++++++++++++++++++++*/ #cal_events_list .cal_event_date_top p { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #F8F5E8; line-height: 18px; } #cal_events_list .cal_event_date_bottom p { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F8F5E8; line-height: 20px; } .cal_event_content p { margin: 0 10px 0 0; padding: 0; } .cal_event_content p.subtitle { height: 16px; padding: 22px 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } .cal_event_content p.title { padding: 12px 10px 0 0; font-size: 24px; font-weight: bold; text-transform: uppercase; } .cal_event_content p.opening_band { padding: 0 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } .cal_event_content p.artists { padding: 0 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } .cal_event_hr { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_custom_hr.gif"); width: 560px; height: 2px; margin: 46px 0 5px 75px; position: absolute; .display: none; /* FIXME: IE 7 and below fix: remove HR to avoid absolute position problems. */ } .cal_event_hr hr { display: none; } .cal_event_content_hr { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_custom_hr.gif"); width: 100%; height: 2px; margin: 8px 0 8px 0; clear: both; } .cal_event_content_hr hr { display: none; } /*++++++++++++++++++++++++ +++ SHORT DESCRIPTION ++++ ++++++++++++++++++++++++*/ .cal_event_shortdescription { margin: 8px 0 0 15px; padding: 0; width: 419px; float: left; } .cal_event_shortdescription p { font-weight: bold; font-size: 13px; padding: 0 5px 0 0; } .cal_event_shortdescription a { margin: 0; padding: 0; color: #6c5d5a; text-transform: none; text-decoration: none; font-size: 13px; font-family: arial, helvetica, sans-serif; } .cal_event_shortdescription a:hover { color: #301814; } .cal_event_flyer { margin: 8px 0 0 0; height: auto; width: 116px; padding: 0; float: left; text-align: center; } .cal_event_flyer a { margin: 0; padding: 0; } .cal_event_content_social { } .cal_event_detailslink { margin: 0; padding: 0; height: 12px; clear: left; } .cal_event_detailslink a { margin: -15px 10px 0; padding: 0; float: right; text-transform: uppercase; text-decoration: none; font-family: Times, "Times New Roman", serif; font-size: 14px; font-weight: bold; color: #6c5d5a; } .cal_event_detailslink a:hover { color: #301814; } /*++++++++++++++++++++++++ ++++ LONG DESCRIPTION ++++ ++++++++++++++++++++++++*/ .cal_event_description { margin: 0; padding: 2px 0 0; clear: both; } .cal_event_description p { padding: 5px 15px 5px 0; font-size: 13px; } .cal_event_description a { margin: 0; padding: 0; color: #6c5d5a; text-transform: none; text-decoration: none; font-size: 13px; font-family: arial, helvetica, sans-serif; } .cal_event_description a:hover { color: #301814; } .cal_event_detail_images { margin: 0 15px 0 0; padding: 5px; float: right; } .cal_event_content_sponsorlinks { margin: 0 20px 10px 0; float: left; } .cal_event_content_sponsorlinks_title { line-height: 50px; float: left; } .cal_event_content_sponsorlinks_img { padding: 0 0 0 10px; float: left; } .cal_event_content_credits { margin-bottom: 15px; } .cal_event_content_credits p { font-size: 12px; font-weight: normal; } /*###################################### ###### RESERVATION SYSTEM STYLES ####### ######################################*/ /*################################################# ################################################### ######## Copyright 2011 ZimtDesign GmbH ######## ######## Last Edit: 10.01.2011 ######## ######## Philippe Schueller ######## ################################################### ################################################### ########### Front-End User UI Styles ########### ################################################### #################################################*/ /*################################################# ################################################### ################################################### ########## GLOBAL STYLES ########## ########## STANDARD DEFINITIONS ETC. ########## ########## FIELDSETS & LABELS (2 lvls) ########## ################################################### ################################################### #################################################*/ /******************************* ************ GLOBAL ************ *******************************/ #container.plaza_reservations { /* Zero Margins, Padding, Borders */ border: 0px; color: #301814; font-family: arial, helvetica, sans-serif; font-size: 12px; margin-bottom: 50px; /* Room for Mininu */ } #container.plaza_reservations select { margin: 5px 0; } #container.plaza_reservations p, #container.plaza_reservations #content { color: #301814; font-family: arial, helvetica, sans-serif; font-size: 12px; } #container.plaza_reservations a { text-transform: uppercase; text-decoration: none; font-family: Times, "Times New Roman", serif; font-size: 13px; font-weight: bold; color: #6c5d5a; } #container.plaza_reservations a:hover { color: #301814; } #container.plaza_reservations hr { color: #301814; } #container.plaza_reservations label { /* FLOATING FOR LEFT ALIGNMENT OF LABELS, SEE PARENT/CHILD RELATIONSHIPS BELOW. */ /* color: #990000; background: #990000; border: 1px solid #990000; */ font: normal 12px Arial, sans-serif; float: left; /* Float label to the left of its form element. */ width: 125px; /* Required for flush vertical alignment between floating labels */ margin-right: 5px; /* Avoid 'touching' the form element */ margin-top: 0px; text-align: right; /* For easier connection with its corresponding element */ } #container.plaza_reservations input { /* color: #990000; background: #990000; border: 1px solid #990000; */ font: normal 12px Arial, sans-serif; } #container.plaza_reservations textarea { /* color: #990000; background: #990000; border: 1px solid #990000; */ font: normal 12px Arial, sans-serif; } #container.plaza_reservations .text { } #container.plaza_reservations .radio { } #container.plaza_reservations .checkbox { } #container.plaza_reservations fieldset { /* PARENT OF "FIELDSET LI". NEEDS TO BE FLOATED DUE TO LEFT ALIGNMENT OF LABELS. */ position: relative; /* Required to make legends movable in firefox */ float: left; /* Required to expand background to match child elements. */ clear: left; /* Required to ensure block behavior */ width: 100%; /* Required to ensure full containment of children (as with float). */ margin: 0; /* 25px 0 0; /* -10px 0; /* Negative so fieldsets "touch"/"merge". */ padding: 0 0 15px 0; /* Must be zerod because default varies between browsers */ border-style: none; border-top: 1px solid #BFBAB0; /* USE GRADIENT BACKGROUND IF CLEAN TRANSITION AT TOP BORDER IS DESIRED */ /* background-color: #F2EFFF; */ } /* TODO: IE FIX FOR FIELDSET/LEGEND BACKGROUND ALIGNMENT PROBLEM. <---------------------------- PLACE IN SEPERATE STYLESHEET. <------------------------------------------------ ############## CURRENTLY NOT IN USE ON ANY PAGE ################ ------------------------------------------------------------------------------------------------ FOR HTML --------------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------ ------------------------------------------------------------------------------------------------ FOR STYLE SHEET -------------------------------------------------------------------------------- ------------------------------------------------------------------------------------------------ fieldset { position: relative; /* Fixes visual bug in IE */ /* } fieldset ol { padding-top: 3.25em; /* IE BG Fix, relative to allow for resize */ /* } legend { position: relative; left: -7px; /* IE BG fix, always 7px, not font dependant */ /* top: -4em; /* IE BG Fix, relative to allow for resize */ /* } legend span { margin-top: 1.25em; } fieldset fieldset legend { top: 0; } -----------------------------------------------------------------------------------------------*/ #container.plaza_reservations legend { font-weight: bold; color: #301814; font-family: arial, helvetica, sans-serif; font-size: 12px; padding: 0; background: transparent; } /* Span required to make legend movable in all browsers (Firefox fix). Requires fieldset parent to be positioned relatively. (See above)*/ #container.plaza_reservations legend span { position: absolute; left: 5px; top: 0; margin-top: 4px; } #container.plaza_reservations fieldset ol { padding: 17px 10px 0 10px; list-style: none; } #container.plaza_reservations fieldset li { /* PARENT OF "LABEL". NEEDS TO BE FLOATED DUE TO LEFT ALIGNMENT OF LABELS. */ float: left; /* Required to expand background to match child elements. */ clear: left; /* Required to ensure block behavior. */ width: 100%; /* Required to ensure full containment of children (as with float). */ padding-bottom: 5px; } #container.plaza_reservations fieldset.submit { /* END OF FORM. KILLS FLOAT DUE TO LEFT ALIGNMENT OF LABELS. */ float: none; /* Required to clear all form floats. */ width: auto; /* Required to clear all form floats. */ border-style: none; padding-left: 12px; background-color: transparent; /* Kills background applied to fieldset, if any. */ background-image: none; } #container.plaza_reservations fieldset.alt, fieldset li.alt { background-color: #F2EFE9; } /*++++++++++++++++++++++++ + SECOND LEVEL FIELDSETS + ++++++++++++++++++++++++*/ #container.plaza_reservations fieldset fieldset { /* PARENT OF "FIELDSET FIELDSET LI". NEEDS TO BE FLOATED DUE TO LEFT ALIGNMENT OF LABELS. */ position: relative; /* Required to make legends movable in firefox */ float: left; /* Required to expand background to match child elements. */ clear: left; /* Required to ensure block behavior */ width: 100%; /* Required to ensure full containment of children (as with float). */ margin: 0 0 0 0; /* Negative so fieldsets "touch"/"merge". */ padding: 0 0 10px 0; /* Must be zerod because default varies between browsers */ border-style: none; background-color: transparent; background-image: none; } #container.plaza_reservations fieldset fieldset legend span { /* SECOND LEVEL LEGEND ACTING AS LABEL. */ font: normal 12px Arial, sans-serif; float: left; /* Float label to the left of its form element. */ width: 125px; /* Required for flush vertical alignment between floating labels */ left: 0; margin-left: 0; margin-bottom: -2.5em; margin-right: 5px; /* Avoid 'touching' the form element */ text-align: right; /* For easier connection with its corresponding element */ border-style: none; background-color: transparent; background-image: none; } #container.plaza_reservations fieldset fieldset ol { /* SECOND LEVEL OL */ position: relative; top: 0; margin: 0 0 0 150px; padding: 0; } #container.plaza_reservations fieldset fieldset li { /* SECOND LEVEL LI, NO NEED FOR FLOAT */ float: none; display: inline; } #container.plaza_reservations fieldset fieldset label { /* SECOND LEVEL LABELS, NO STYLING REQUIRED (IN FORM). */ font: normal 12px Arial, sans-serif; float: none; width: auto; margin-right: auto; } #container.plaza_reservations .error { font-size: 12px; color: red; text-align: center; text-transform: uppercase; font-weight: bold; font-family: arial, helvetica, sans-serif; } #container.plaza_reservations .clear { clear: both; } /*################################################# ################################################### ################################################### ####### "RESERVATION SYSTEM" ######## ####### EVENT/LOUNGE & DRINK SELECT/EDIT ######## ####### LOGIN | NAVIGATION | SUBMIT ######## ################################################### ################################################### #################################################*/ /*###################################### ######### USER-AREA NAVIGATION ######### ######################################*/ #container.plaza_reservations #navtabs_user_ul { float: left; margin: 0; color: #6c5d5a; font-family: arial, helvetica, sans-serif; font-size: 12px; text-align: right; text-transform: uppercase; list-style-type: none; } #container.plaza_reservations #navtabs_user_ul ul { } #container.plaza_reservations #navtabs_user_ul li { list-style-type: none; padding: 0 10px 0 0; float: left; } #container.plaza_reservations #navtabs_user_ul li a { color: #6c5d5a; text-decoration: none; list-style-type: none; } #container.plaza_reservations #navtabs_user_ul li a:hover { color: #301814; } #container.plaza_reservations #navtabs_user_ul li.current a { color: #301814; } /*###################################### ######## USER-AREA LOGIN/SIGNUP ######## ###### (RESERVATION SYSTEM LOGIN) ###### ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #login fieldset { margin: 3px 0 0; } #container.plaza_reservations #signup fieldset { margin: 3px 0 0; } #container.plaza_reservations #pass_recovery fieldset { margin: 3px 0 0; } #container.plaza_reservations #users_signup_form_existing_user_link { margin: 0; padding: 0; } #container.plaza_reservations #users_signup_form_existing_user_link a { float: right; } #container.plaza_reservations #users_login_form_new { margin: 0; padding: 0; } #container.plaza_reservations #users_login_form_new a { float: right; } #container.plaza_reservations #users_login_form_recovery { margin: 0 0 0 157px; padding: 0; } #container.plaza_reservations #users_login_form_recovery a { text-transform: none; font-size: 12px; } #container.plaza_reservations #signup label, #container.plaza_reservations #signup fieldset fieldset legend span, #container.plaza_reservations #login label { text-align: left !important; } #container.plaza_reservations #signup fieldset ol, #container.plaza_reservations #login fieldset ol { padding-top: 0px !important; padding-left: 0px !important; } #container.plaza_reservations #signup fieldset ol { margin-top: 0px !important; } /*###################################### ########## RESERVATION SYSTEM ########## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ /*++++++++++++++++++++++++ ++++++ EVENT SELECT ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #events_reservation_list { margin: 0; padding: 0; } #container.plaza_reservations #events_reservation_list fieldset { margin: 3px 0 0; } #container.plaza_reservations #events_reservation_list p { margin: 0; padding: 0; } #container.plaza_reservations #events_reservation_list table, #container.plaza_reservations #lists_select_event table { width: 100%; margin: 0; padding: 0; text-transform: uppercase; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #events_reservation_list table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #events_reservation_list table td { margin: 0; padding: 0; } #container.plaza_reservations #events_reservation_list table th { margin: 0; padding: 0; font-size: 13px; font-family: Times, "Times New Roman", serif; border-bottom: 1px solid #301814; color: #301814; } /*++++++++++++++++++++++++ +++++ LOUNGE SELECT ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #lounges_available_list { margin: 0; padding: 0; font-weight: bold; } #container.plaza_reservations #lounges_available_list fieldset { margin: 3px 0 0; } #container.plaza_reservations #lounges_available_list p { margin: 0; padding: 0; } #container.plaza_reservations #lounges_available_list table { width: 100%; margin: 0; padding: 0; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #lounges_available_list table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #lounges_available_list table td { margin: 0; padding: 0; } #container.plaza_reservations #lounges_available_list table th { margin: 0; padding: 0; font-size: 13px; font-family: Times, "Times New Roman", serif; color: #301814; } /* #container.plaza_reservations #lounges_available_list input[type=submit] { list-style: none; outline: none; border: none; background-color: transparent; text-decoration: none; text-transform: none; font-family: Times, 'Times New Roman', serif; text-transform: uppercase; font-size: 13px; font-weight: bold; color: #6c5d5a; }*/ #container.plaza_reservations #lounges_available_list input[type=submit]:hover { color: #301814; cursor: pointer; } #container.plaza_reservations #lounges_available_list input[type=text] { line-height: 14px; width: 25px; } #container.plaza_reservations #lounges_available_list label { display: block; width: 100%; text-align: left; padding: 5px 0; float: none; font-weight: bold; } #container.plaza_reservations #lounges_available_list input[type=radio] { margin-right: 20px; } /*++++++++++++++++++++++++ ++++++ DRINK SELECT ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #drinks_order { margin: 0; padding: 0; } #container.plaza_reservations #drinks_order .drink_section_title { cursor: pointer; position: relative; } #container.plaza_reservations #drinks_order .drink_section_title:hover, #container.plaza_reservations #drinks_order .expand_all:hover { background-color: #ffffff; opacity: 0.5; filter: alpha(opacity = 50); } #container.plaza_reservations #drinks_order .drink_section_content table { margin: 8px 0; } #container.plaza_reservations #drinks_order .expand_all { text-align: right; padding: 8px 0; cursor: pointer; } #container.plaza_reservations #drinks_order .expand_all_arrow { float: right; margin: -7px 0 0 5px; width: 30px; height: 30px; background-image: url(/nu/images/expand_all_arrow.png); background-repeat: no-repeat; } #container.plaza_reservations #drinks_order .expand_all_arrow.open { background-image: url(/nu/images/collapse_all_arrow.png); } #container.plaza_reservations #drinks_order .expand_arrow { float: right; width: 30px; height: 30px; background-image: url(/nu/images/expand_arrow.png); background-repeat: no-repeat; } #container.plaza_reservations #drinks_order .expand_arrow.open { background-image: url(/nu/images/collapse_arrow.png); background-repeat: no-repeat; } #container.plaza_reservations #drinks_order .drink_category_name { margin: 8px 0; } #container.plaza_reservations #drinks_order .collapsible_content_hr { margin: 0; } #container.plaza_reservations #drinks_order .drink_table_total { margin: 8px 0; } #container.plaza_reservations #drinks_order form { margin: 0; padding: 0; } #container.plaza_reservations #drinks_order fieldset { margin: 3px 0 0; } #container.plaza_reservations #drinks_order p { margin: 0; padding: 0; } #container.plaza_reservations #drinks_order table { width: 100%; margin: 0; padding: 0; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #drinks_order table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #drinks_order table td { margin: 0; padding: 0; } #container.plaza_reservations #drinks_order table th { margin: 0; padding: 0; font-size: 14px; text-decoration: underline; font-family: Times, "Times New Roman", serif; color: #301814; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ /*++++++++++++++++++++++++ ++++++ EVENT SELECT ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations .events_reservation_title { } #container.plaza_reservations .events_reservation_date { font-size: 10px; } #container.plaza_reservations .events_reservation_price { font-size: 10px; } #container.plaza_reservations .events_reservation_time, #container.plaza_reservations .lists_event_time { font-size: 10px; } #container.plaza_reservations .events_reservation_reserve { } #container.plaza_reservations .events_reservation_hr { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_custom_hr.gif"); width: 100%; height: 2px; margin: 8px 0 8px 0; } #container.plaza_reservations .events_reservation_hr hr { display: none; } /*++++++++++++++++++++++++ ++++++ DRINK SELECT ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations .drink_category_name { text-transform: uppercase; } #container.plaza_reservations .drink_table_name { text-align: left; width: 300px; } #container.plaza_reservations .drink_table_total { margin: 0; } #container.plaza_reservations .drink_table_total table td { text-align: center; } #container.plaza_reservations #drink_table_free table { text-align: left; font-size: 12px; } #container.plaza_reservations #drinksfree { width: 635px; margin: 22px auto; padding: 0; text-align: center; /*position: absolute;*/ font-weight: bold; } #container.plaza_reservations .drink_table_submit tr { text-align: left; } #container.plaza_reservations .drink_table_submit input { margin: 0 0 0 200px; } /*################################################# ################################################### ################################################### ########## "MEMBER AREA" ########## ########## PROFILE | LISTS | BACK-OFFICE ########## ########## RESERVATION EDIT (LIST/DRINK) ########## ################################################### ################################################### #################################################*/ /*###################################### ######## USER-AREA RESERVATIONS ######## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #reservations_list { margin: 0; padding: 0; } #container.plaza_reservations #reservations_list fieldset { margin: 3px 0 0; } #container.plaza_reservations #reservations_list p { margin: 0; padding: 0; } #container.plaza_reservations #reservations_list table { width: 100%; margin: 0; padding: 0; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #reservations_list table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #reservations_list table td { margin: 0; padding: 0; } #container.plaza_reservations #reservations_list table th { margin: 0; padding: 0; font-size: 13px; font-family: Times, "Times New Roman", serif; color: #301814; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations #reservations_list_new_link { margin: 0; padding: 0; } #container.plaza_reservations #reservations_list_new_link a { float: right; } #container.plaza_reservations .reservations_list_entry_list_incomplete { color: red; } #container.plaza_reservations .reservations_list_status_pending { color: red; } #container.plaza_reservations .reservations_list_loungeinfocol { white-space: nowrap; } #container.plaza_reservations .reservations_list_statuscol { white-space: nowrap; } #container.plaza_reservations .reservations_list_statuscol a { font-size: 12px; } /*###################################### ###### USER-AREA RESERVATION LIST ###### ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #reservation_guests_manage { margin: 0; padding: 0; font-weight: bold; } #container.plaza_reservations #reservation_guests_manage fieldset { margin: 3px 0 0; } #container.plaza_reservations #reservation_guests_manage fieldset ol { margin: 0; padding: 10px 0 10px 0; } #container.plaza_reservations #reservation_guests_manage fieldset li { margin: 0; padding: 0; } #container.plaza_reservations #reservation_guests_manage fieldset fieldset { margin: 0; padding: 0; } #container.plaza_reservations #reservation_guests_manage fieldset legend span { position: absolute; left: 5px; top: 0; margin-top: 4px; } #container.plaza_reservations #reservation_guests_manage fieldset fieldset ol { margin: 0; padding: 5px 0 5px 25px; } #container.plaza_reservations #reservation_guests_manage fieldset fieldset li { float: none; width: auto; padding: 0 10px 5px 0; } #container.plaza_reservations #reservation_guests_manage p { margin: 0; padding: 0; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations #reservation_guests_ratio_info { margin: 15px 0 -15px 25px; } #container.plaza_reservations .reservation_guests_confirm ol { margin: 0 0 0 40px; } #container.plaza_reservations .reservation_guests_confirm li { float: none; display: block; } #container.plaza_reservations .reservation_guests_form_submit ol { margin: 0 0 0 40px; } #container.plaza_reservations .reservation_guests_form_submit input { margin: 0; } /*###################################### ##### USER-AREA RESERVATION CONFIRM #### ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #reservation_confirm { margin: 0; padding: 0; font-weight: bold; } #container.plaza_reservations #reservation_confirm textarea { resize: none; } #container.plaza_reservations #reservation_confirm fieldset { margin: 3px 0 0; } #container.plaza_reservations #reservation_confirm p { margin: 10px 0 25px 40px; padding: 0; } #container.plaza_reservations #reservation_confirm table { width: 100%; margin: 0 0 5px 0; padding: 0 40px 0 40px; text-decoration: none; text-align: left; font-size: 12px; } #container.plaza_reservations #reservation_confirm table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #reservation_confirm table td { margin: 0; padding: 0; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations .reservation_confirm_request { margin: 25px; } #container.plaza_reservations .reservation_confirm_drink_order { margin: 35px 25px; } #container.plaza_reservations .reservation_confirm_comments { margin: 35px 25px; } #container.plaza_reservations .reservation_confirm_checkbox_header { margin: 10px 0px 10px 25px; } #container.plaza_reservations #reservation_confirm_checkboxes ol { margin: 0 0 0 40px; } #container.plaza_reservations #reservation_confirm_checkboxes li { float: none; display: block; } #container.plaza_reservations #reservation_confirm_submit ol { margin: 0 0 0 40px; } #container.plaza_reservations #reservation_confirm_submit input { margin: 0; } #container.plaza_reservations #reservation_confirm_edit_drinks_link { margin: 30px 0 0 300px; padding: 0; } #container.plaza_reservations #reservation_confirm_edit_drinks_link a { position: absolute; } #container.plaza_reservations #reservation_confirm_edit_lounge_link { margin: 20px 0 0 300px; padding: 0; } #container.plaza_reservations #reservation_confirm_edit_lounge_link a { position: absolute; } /*###################################### ####### USER-AREA LIST OVERVIEW ######## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #lists_select_event { margin: 0; padding: 0; font-weight: bold; } #container.plaza_reservations #lists_select_event fieldset { margin: 3px 0 0; } #container.plaza_reservations #lists_select_event p { margin: 0; padding: 0; } #container.plaza_reservations #lists_select_event table { width: 100%; margin: 0; padding: 0; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #lists_select_event table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #lists_select_event table td { margin: 0; padding: 0; } #container.plaza_reservations #lists_select_event table th { margin: 0; padding: 0; font-size: 13px; font-family: Times, "Times New Roman", serif; color: #301814; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations .lists_event_title { } #container.plaza_reservations .lists_event_date { font-size: 10px; } /*###################################### ######### USER-AREA LIST EDIT ########## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #lists_manage { margin: 0; padding: 0; font-weight: bold; } #container.plaza_reservations #lists_manage p { margin: 0; padding: 0; } #container.plaza_reservations #lists_manage fieldset { margin: 3px 0 0; } #container.plaza_reservations #lists_manage fieldset ol { margin: 0; padding: 0; } #container.plaza_reservations #lists_manage fieldset li { margin: 0; padding: 0; } #container.plaza_reservations #lists_manage input { margin: 0; } #container.plaza_reservations #lists_manage fieldset fieldset { margin: 0; padding: 0; } #container.plaza_reservations #lists_manage fieldset legend span { position: absolute; left: 5px; top: 0; margin-top: 4px; } #container.plaza_reservations #lists_manage fieldset fieldset ol { margin: 0; padding: 5px 0 5px 30px; } #container.plaza_reservations #lists_manage fieldset fieldset li { float: none; width: auto; padding: 0 10px 5px 0; } #container.plaza_reservations #lists_manage table { width: 100%; margin: 0; padding: 0; text-decoration: none; font-weight: bold; text-align: center; font-size: 12px; } #container.plaza_reservations #lists_manage table tr { margin: 0; padding: 5px 0 5px 0; } #container.plaza_reservations #lists_manage table td { margin: 0; padding: 0; } #container.plaza_reservations #lists_manage table th { margin: 0; padding: 0; font-size: 13px; font-family: Times, "Times New Roman", serif; color: #301814; } /*###################################### ######## USER-AREA PROFILE VIEW ######## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #profile_view { margin: 0; padding: 0; } #container.plaza_reservations #profile_view fieldset { margin: 3px 0 0; } #container.plaza_reservations #profile_view fieldset ol { padding: 15px 0 0 20px; } #container.plaza_reservations #profile_view p { margin: 0; padding: 0; } #container.plaza_reservations #profilepicture_frame { float: left; padding: 0px 25px 10px 25px; } #container.plaza_reservations #notes_user_frame { float: left; padding: 10px 0 0 0; width: 300px; } #container.plaza_reservations #profiledata_frame { float: left; width: 295px; padding: 0 5px 0px 25px; } #container.plaza_reservations #memberdata_frame { float: left; width: 295px; padding: 0 5px 0px 5px; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations #users_profile_view_edit_link { margin: 0; padding: 0; } #container.plaza_reservations #users_profile_view_edit_link a { float: right; } /*++++++++++++++++++++++++ ++++++++ PICTURE +++++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #profilepicture { } /*++++++++++++++++++++++++ +++++++ USERNOTES ++++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #notes_user { } /*++++++++++++++++++++++++ ++++++ PROFILE DATA ++++++ ++++++++++++++++++++++++*/ /*++++++++++++++++++++++++ ++++++ MEMBER DATA +++++++ ++++++++++++++++++++++++*/ /*###################################### ######## USER-AREA PROFILE EDIT ######## ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ #container.plaza_reservations #users_edit { margin: 0; padding: 0; } #container.plaza_reservations #users_edit fieldset { margin: 3px 0 0; } #container.plaza_reservations #users_edit fieldset fieldset { margin: 0; } #container.plaza_reservations #users_edit fieldset ol { padding: 15px 0 0 20px; } #container.plaza_reservations #users_edit fieldset fieldset ol { padding: 0; } #container.plaza_reservations #users_edit p { margin: 0; padding: 0; } #container.plaza_reservations #users_edit_leftframe { float: left; width: 295px; margin: 0; } #container.plaza_reservations #users_edit_rightframe { float: left; width: 275px; margin: 0 0 0 25px; text-align: left; } #container.plaza_reservations #users_edit_rightframe label { float: none; margin-left: 15px; } #container.plaza_reservations #users_edit_rightframe label[for=newsletter] { margin-left: 0; } /******************************* ******* SPECIFIC STYLES ******** *******************************/ #container.plaza_reservations #users_edit_form_submit ol { margin: 0 0 0 40px; } #container.plaza_reservations #users_edit_form_submit input { margin: 0; } #container.plaza_reservations #users_edit #newsletter_lists { margin-top: 10px; } #container.plaza_reservations #users_edit #newsletter_lists .newsletter_list { margin: 10px 0 10px 20px; } #container.plaza_reservations #users_edit #newsletter_lists ul { list-style-type: none; } #container.plaza_reservations #users_edit #newsletter_lists ul ul { margin: 5px 0 0 20px; } /*++++++++++++++++++++++++ ++++++ PROFILE DATA ++++++ ++++++++++++++++++++++++*/ #container.plaza_reservations #notes_user { width: 250px; height: 125px; resize: none; } /*###################################### ####### USER-AREA BACKOFFICE TAB ####### ######################################*/ /******************************* ***** GENERAL LAYOUT DIVS ****** *******************************/ /******************************* ******* SPECIFIC STYLES ******** *******************************/ #newsletter_signup_box { margin-left: 0; } #newsletter_signup_box_left { float: left; margin: 0 0 15px 0; } #newsletter_signup_box_right { float: left; margin: 0 0 15px 0; margin-left: 50px; } #newsletter_signup_box_bottom { clear: both; } #newsletter_signup_box .validation_message { color: red; padding: 2px; margin-top: 43px; display: block; background-color: white; } #newsletter_form_lists { font-size: 12px; } #newsletter_form_lists ul { margin-left: 10px; list-style-type: none; } #newsletter_form_lists ul label { margin-left: 15px; } #newsletter_form_lists .newsletter_list, #newsletter_form_lists .customfields_title { display: none; } /* Ohh La La Page Styles */ #ohhlala_page_event { margin: 0; padding: 0; width: 635px; line-height: normal; font-family: arial, helvetica, sans-serif; font-size: 12px; } #ohhlala_page_event p { margin: 0; line-height: normal; font-family: arial, helvetica, sans-serif; } #ohhlala_page_date { margin: 15px 10px 0 10px; padding: 0; width: 65px; min-height: 100px; background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/bg_date.png"); background-repeat: no-repeat; background-position: center top; text-align: center; float: left; display: inline; _height: 150px; } #ohhlala_page_date_top { margin: 0; padding: 11px 0 0 0; } #ohhlala_page_date_top p { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 17px; font-weight: bold; color: #F8F5E8; line-height: 18px; } #ohhlala_page_date_bottom { margin: 0; padding: 5px 0 10px 0; } #ohhlala_page_date_bottom p { margin: 0; padding: 0; font-family: arial, helvetica, sans-serif; font-size: 14px; font-weight: bold; color: #F8F5E8; line-height: 20px; } #ohhlala_page_content { margin: 0; padding: 0; width: 550px; float: left; display: inline; } #ohhlala_page_content p { margin: 0; line-height: normal; font-family: arial, helvetica, sans-serif; } #ohhlala_page_content p.title { padding: 12px 10px 0 0; font-size: 24px; font-weight: bold; text-transform: uppercase; } #ohhlala_page_content p.subtitle { height: 16px; padding: 22px 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } #ohhlala_page_content p.subtitle2 { padding: 0 10px 0 0; font-size: 16px; font-weight: bold; text-transform: uppercase; } #ohhlala_page_flyer { margin: 8px 0 0 0; height: auto; width: 116px; padding: 0; float: left; text-align: center; } #ohhlala_page_flyer a { margin: 0; padding: 0; } #ohhlala_page_social .addthis_button_twitter { padding: 0 4px; } #ohhlala_page_description { margin: 8px 0 0 15px; padding: 0; width: 419px; float: left; } #ohhlala_page_description p, #ohhlala_page_details p { font-weight: bold; font-size: 13px; padding: 0 5px 0 0; } #ohhlala_page_description a, #ohhlala_page_details a { margin: 0; padding: 0; color: #6C5D5A; text-transform: none; text-decoration: none; font-size: 13px; font-family: arial, helvetica, sans-serif; } #ohhlala_page_details { margin: 0; padding: 2px 0 0 85px; clear: both; } #ohhlala_page_details hr, #ohhlala_page_details .ohhlala_page_content_hr { margin-left: -85px; width: auto; } .ohhlala_page_hr { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_custom_hr.gif"); width: 560px; height: 2px; margin: 46px 0 5px 75px; position: absolute; } .ohhlala_page_hr hr { display: none; } .ohhlala_page_content_hr { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/plaza_custom_hr.gif"); width: 100%; height: 2px; margin: 8px 0 8px 0; clear: both; } .ohhlala_page_content_hr hr { display: none; } .ohhlala_page_video { margin: 20px 0 20px 85px; } /*..................... Tree */ #gallery #tree { width: 150px; margin: 0; text-align: left; line-height: 16px; } #gallery #tree a { padding: 0; display: inline; white-space: normal; } #gallery #tree ins { display: none; } #gallery #tree ul, #gallery #tree li { margin: 0; padding: 0; font-size: 20px; line-height: 25px; font-family: Futura, 'MolengoRegular', 'BPreplayRegular', 'PerspectiveSansRegular', Arial; text-transform: uppercase; } #gallery #tree li ul li { font-size: 16px; line-height: 16px; } #gallery #tree li ul li ul li { font-size: 13px; line-height: 13px; font-family: arial, helvetica, sans-serif; } #gallery #tree ul ul { margin: 5px 0 10px 4px; } #gallery #tree li.tagtype_2 { font-size: 20px; line-height: 25px; } #gallery #tree li.jstree-open a { color: #301814; } #gallery #tree li.jstree-leaf a.jstree-clicked { color: #301814; } #gallery #tree li.jstree-closed a { color: #6C5D5A; } #gallery #tree li.jstree-leaf a { color: #6C5D5A; } #gallery #tree li a.jstree-hovered { color: #301814; } #gallery #tree.jstree li { min-height: 0; margin-bottom: 2px; } #gallery #tree.jstree a { height: auto; } /*..................... Images */ #gallery #images { text-align: left; margin: 0; min-height: 750px; z-index: 10; margin-bottom: 60px; } #gallery #images img { max-width: 635px; } #gallery #thumbs { display: block; overflow: hidden; margin-bottom: 60px; } #gallery.overview #thumbs .thumb_container { height: 120px; width: 68px; overflow: hidden; margin: 0 13px 13px 0; float: left; position: relative; } #gallery #thumbs .thumb_container, #gallery.overview2 #thumbs .thumb_container { height: 119px; width: 119px; overflow: hidden; margin: 0 10px 10px 0; float: left; position: relative; } #gallery.overview #thumbs div.thumb_container:nth-of-type(8n+9) { margin-right: 0; } #gallery #thumbs div.thumb_container:nth-of-type(5n+6), #gallery.overview2 #thumbs div.thumb_container:nth-of-type(5n+6) { margin-right: 0; } #gallery #thumbs.img_display_3 .thumb_container { width: 158px; height: 281px; } #gallery #thumbs.img_display_2 .thumb_container { width: 216px; height: 608px; } #gallery #thumbs.img_display_2 .thumb_container.tagtype_5, #gallery #thumbs.img_display_2 .thumb_container.tagtype_2 { width: 99px; height: 279px; } #gallery #thumbs .thumb_container img { height: 100%; cursor: pointer; } #gallery #thumbs.img_display_1 .thumb_container img, #gallery #thumbs.img_display_2 .thumb_container img { height: auto; cursor: pointer; } /*..................... Loader */ #gallery #status { position: absolute; display: none; z-index: 0; font-size: 12px; margin: 10px 0 0; } /*..................... Navigation */ #gallery #image_nav { margin: 20px 0 30px 0; width: 100%; text-align: center; } #gallery #images a { /*font-size: 16px; line-height: 16px; display: inline-block; color: #6C5D5A; font-family: Futura, 'MolengoRegular', 'BPreplayRegular', 'PerspectiveSansRegular', Arial; text-transform: uppercase; text-decoration: none;*/ } #gallery #images a:hover { color: #301814; } #gallery #image_nav .backto_thumbs { display: inline-block; margin: 0 50px; } #gallery #images #gallery_back { float: left; margin-top: 5px; } #gallery #images #gallery_next { float: right; margin-top: 5px; } #gallery #backlink a#back_button { color: #301814; } /* Slideshow Link */ a.load_slideshow { display: block; width: 100%; margin: 20px 0 30px 0; text-align: center; } a.load_slideshow:hover { text-decoration: none; color: #301814; } /*..................... Slideshow */ #jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; } #jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #jquery-lightbox a img { border: none; } #lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #lightbox-container-image { padding: 10px; } #lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #lightbox-container-image-box > #lightbox-nav { left: 0; } #lightbox-nav a { outline: none; } #lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; } #lightbox-nav-btnPrev { left: 0; float: left; } #lightbox-nav-btnNext { right: 0; float: right; } #lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; } #lightbox-container-image-data { padding: 0 10px; color: #666; } #lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; } #lightbox-image-details-caption { font-weight: bold; } #lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; } #lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; } /*......................... LIST REQUESTS .... */ body.list_request_page #access, body.list_request_page #socialmedia_links, body.list_request_page #footer>a:first-of-type { display: none; } body.list_request_page #main, body.list_request_page #access .menu-header, body.list_request_page .menu-header-sub, body.list_request_page div.menu, body.list_request_page #colophon, body.list_request_page #branding, body.list_request_page #wrapper { width: 675px; } body.list_request_page #content { margin-top: 5px; } body.list_request_page #container { min-height: 250px; } body.list_request_page #cal_events_list { margin: 0; padding: 0; border: none; } body.list_request_page #content tr th, body.list_request_page #content thead th { color: #301814; font-size: 12px; line-height: normal; padding: 0; margin: 0; } body.list_request_page table, body.list_request_page tbody, body.list_request_page tfoot, body.list_request_page thead, body.list_request_page tr, body.list_request_page th, body.list_request_page td { vertical-align: top; } body.list_request_page .error { color: red; font-weight: bold; display: block; } /* -------------------------------------------------------------- */ /* Bar Pages */ #primary #text-4 { display: none; } body.page-template-plazabar-page-php #primary #text-4 { display: block; } body.page-template-plazabar-page-php a { color: #D0C3BE; } body.page-template-plazabar-page-php a:hover, body.page-template-plazabar-page-php a:active { color: #ff4b33; } body.page-template-plazabar-page-php a:visited { color: #743399; } body.page-template-plazabar-page-php #content { margin-top: 37px; } body.page-template-plazabar-page-php #mainbgwrap { background: #200519; background-image: url(images/plaza/bg_bar.jpg); background-position: top center; background-repeat: no-repeat; } body.page-template-plazabar-page-php #main { background: -moz-linear-gradient(top, rgba(43,18,37,0) 0px, rgba(43,18,37,0) 100px, rgba(43,18,37,1) 100px, rgba(43,18,37,1) 100px, rgba(43,18,37,1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0px,rgba(43,18,37,0)), color-stop(100px,rgba(43,18,37,0)), color-stop(100px,rgba(43,18,37,1)), color-stop(100px,rgba(43,18,37,1)), color-stop(100%,rgba(43,18,37,1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(43,18,37,0) 0px,rgba(43,18,37,0) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(43,18,37,0) 0px,rgba(43,18,37,0) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(43,18,37,0) 0px,rgba(43,18,37,0) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(43,18,37,0) 0px,rgba(43,18,37,0) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100px,rgba(43,18,37,1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#002b1225', endColorstr='#2b1225',GradientType=0 ); /* IE6-9 */ } body.page-template-plazabar-page-php #socialmedia_links { margin: 8px 0 0 860px; } body.page-template-plazabar-page-php #access .page-item-11 { display: none; } body.page-template-plazabar-page-php #access a, body.page-template-plazabar-page-php #reservations_menu a { color: #726165; } body.page-template-plazabar-page-php#reservations_menu a:hover { color: #d0c3be; } body.page-template-plazabar-page-php #access li:hover > a, body.page-template-plazabar-page-php #access ul ul :hover > a { color: #d0c3be; } body.page-template-plazabar-page-php #access ul li.current_page_item > a, body.page-template-plazabar-page-php #access ul li.current_page_parent > a, body.page-template-plazabar-page-php #access ul li.current-menu-ancestor > a, body.page-template-plazabar-page-php #access ul li.current-menu-item > a, body.page-template-plazabar-page-php #access ul li.current-menu-parent > a { color: #d0c3be; } * html body.page-template-plazabar-page-php #access ul li.current_page_item a, * html body.page-template-plazabar-page-php #access ul li.current-menu-ancestor a, * html body.page-template-plazabar-page-php #access ul li.current-menu-item a, * html body.page-template-plazabar-page-php #access ul li.current-menu-parent a, * html body.page-template-plazabar-page-php #access ul li a:hover { color: #d0c3be; } body.page-template-plazabar-page-php, body.page-template-plazabar-page-php #content, body.page-template-plazabar-page-php #content h1, body.page-template-plazabar-page-php #content h2, body.page-template-plazabar-page-php #content h3, body.page-template-plazabar-page-php #content h4, body.page-template-plazabar-page-php #content h5, body.page-template-plazabar-page-php #content h6, body.page-template-plazabar-page-php h1, body.page-template-plazabar-page-php h2, body.page-template-plazabar-page-php h3, body.page-template-plazabar-page-php h4, body.page-template-plazabar-page-php h5, body.page-template-plazabar-page-php h6 { color: #d0c3be; } body.page-template-plazabar-page-php { background: #200519; } body.page-template-plazabar-page-php #primary h3, body.page-template-plazabar-page-php .widget-container { color: #d0c3be; display: block; } body.page-template-plazabar-page-php #primary hr.sidebar { background: #d0c3be; } body.page-template-plazabar-page-php #highlights, body.page-template-plazabar-page-php #nulogin, body.page-template-plazabar-page-php #primary #text-3, body.page-template-plazabar-page-php #access hr.twocol { display: none; } body.page-template-plazabar-page-php .content_hr, body.page-template-plazabar-page-php .cal_event_hr, body.page-template-plazabar-page-php .cal_event_content_hr { -webkit-filter: invert(40%); } body.page-template-plazabar-page-php #cal_events_list { padding: 0; border-bottom: 1px solid #d0c3be; } body.page-template-plazabar-page-php #cal_events_list .cal_event_date { background-image: url("../../../../wp-content/themes/plaza_club/images/plaza/bg_date_bar.png"); } body.page-template-plazabar-page-php #cal_events_list .cal_event_date_top p, body.page-template-plazabar-page-php #cal_events_list .cal_event_date_bottom p { color: black; } body.page-template-plazabar-page-php #nu_events_list li { display: block; overflow: hidden; } body.page-template-plazabar-page-php #nu_events_list .cal_regular_event, body.page-template-plazabar-page-php #nu_events_list .cal_live_event { border-top: 1px solid #d0c3be; } body.page-template-plazabar-page-php #nu_events_list .cal_event_content_social a span.at16nc { margin-right: 5px; } .bar-banner { width: 100%; height: auto; } #primary #text-4 .textwidget p { font-size: 14px; font-family: arial, helvetica; font-weight: normal; } #primary #text-4 .textwidget p.bar_address { margin-top: 20px; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;; } #primary #text-4 .textwidget p.pr_date { margin-top: 20px; font-family: "Helvetica Neue", Arial, Helvetica, "Nimbus Sans L", sans-serif;; text-transform: uppercase; } #primary #text-4 .textwidget p.pr_title { font-size: 16px; font-weight: bold; text-transform: uppercase; } #primary #text-4 .textwidget hr.sidebar { margin-top: 20px; } #soliloquy-container-1059 { max-height: 441px !important; max-width: 635px !important; overflow: hidden; border: 3px solid #d0c3be; width: 100% !important; height: auto !important; } #soliloquy-container-1059 ul#soliloquy-1059 { margin: 0; line-height: normal; } #soliloquy-container-1059 img.soliloquy-image { width: 100% !important; height: auto !important; } #soliloquy-container-1059 .soliloquy-pager { display: none; } /* ---------------------- RESPONSIVE STYLES --------------------- */ #access .menu-header, .menu-header-sub, div.menu, #colophon, #branding, #main, #wrapper, #access { width: 100%; max-width: 900px; } #mainbgwrap { min-width: 320px; } #access ul ul { display: none !important; } #access a, #reservations_menu a { white-space: nowrap; } .menu-header-sub { /*display: none;*/ } body.page .menu-header-sub { display: block; } body.nu-res-page .menu-header-sub { display: none !important; } .eventport-banner { width: 100%; max-width: 635px !important; height: auto; } #wpcf7-f897-p15-o1 table, #wpcf7-f756-p59-o1 table { max-width: 555px; } #wpcf7-f897-p15-o1 table td, #wpcf7-f756-p59-o1 table td { width: auto; } .location-map { width: 100%; max-width: 400px !important; height: auto; } .location-img { width: 100%; height: auto; } @media (max-width: 920px) { #main #primary { display: none; } #container { margin: 0; min-height: 0; } #content { margin-right: 20px; } #access hr.onecol, #access hr.twocol { width: 100%; width: calc(100% - 40px); max-width: 860px; } #content hr.onecol, #content hr.twocol { width: 100%; } #socialmedia_links { margin: 0; right: 0; top: 10px; } body.page .menu-header-sub, #access .menu-header-sub, #reservations_menu { padding: 10px; text-align: center; line-height: normal; box-sizing: border-box; } #reservations_menu { width: 100%; } body.page .menu-header-sub a, #access .menu-header-sub a { line-height: normal; } #footer { margin-top: 20px; } #content img { } img.download_hand { max-width: 132px !important; } /* NUNIGHT */ #cal_events_list { width: 100%; max-width: 860px; } .cal_event_date, #ohhlala_page_date { float: right; } .cal_event_hr, .ohhlala_page_hr { width: calc(100% - 125px); margin-left: 15px; } .cal_event_content_hr { } .cal_event_content, #ohhlala_page_event, #ohhlala_page_content { float: none; width: 100%; } .cal_event_flyer, #ohhlala_page_flyer { margin: 8px 15px; float: right; clear: right; } #ohhlala_page_flyer { margin-top: 40px; } .cal_event_shortdescription, #ohhlala_page_description { float: none; width: 70%; } .cal_event_description, #ohhlala_page_details { margin: 0 15px; } #cal_events_list p.title, #cal_events_list p.subtitle, #cal_events_list p.subtitle2, #cal_events_list p.opening_band, #cal_events_list p.artists, #ohhlala_page_content p.title, #ohhlala_page_content p.subtitle, #ohhlala_page_content p.subtitle2, #ohhlala_page_content p.opening_band, #ohhlala_page_content p.artists { margin-left: 15px; } .ohhlala_page_video { margin-left: auto; margin-right: auto; width: 100%; text-align: center; } .ohhlala_page_video object { width: 100% !important; max-width: 425px !important; } .cal_event_description iframe { margin: 0 auto !important; width: 100% !important; max-width: 550px !important; } .youtube { margin: 0 auto; width: 100% !important; max-width: 550px !important; height: auto !important; } .youtube img.thumb { position: relative; } #navtabs_user_ul { width: 100%; margin-bottom: 15px !important; text-align: center !important; } #navtabs_user_ul li { float: none !important; display: inline-block; } #footer > a { top: 0 !important; } } @media (max-width: 650px) { body.page-template-plazabar-page-php #mainbgwrap { background-image: url(images/plaza/bg_bar_mob.jpg); } body.page-template-plazabar-page-php #main { background-color: #2b1225; } #wpcf7-f897-p15-o1 table td, #wpcf7-f756-p59-o1 table td { width: 100%; display: block; margin-top: 10px; } #wpcf7-f897-p15-o1 table textarea, #wpcf7-f756-p59-o1 table textarea { width: 100%; } /* NUNIGHT */ #container.plaza_reservations #events_reservation_list table td { width: 100%; display: block; margin: 0 0 10px 0; } #container.plaza_reservations #events_reservation_list table td:first-of-type { margin-top: 10px; } .drink_section_content table tr th:nth-of-type(2), .drink_section_content table tr td:nth-of-type(2), .drink_section_content table tr th:nth-of-type(3), .drink_section_content table tr td:nth-of-type(3), .drink_section_content table tr th:nth-of-type(6), .drink_section_content table tr td:nth-of-type(6) { display: none; } #drink_table_free .drink_section_content table tr th:nth-of-type(2), #drink_table_free .drink_section_content table tr td:nth-of-type(2) { display: block; } #container.plaza_reservations .drink_table_name { width: auto; } #reservation_confirm_edit_lounge_link, #reservation_confirm_edit_drinks_link { margin: 20px 0 0 !important; text-align: right !important; } #reservation_confirm_edit_lounge_link a, #reservation_confirm_edit_drinks_link a { position: relative !important; } #reservation_confirm table { font-size: 0.7rem !important; } #container.plaza_reservations #users_edit fieldset ol { padding-left: 0 !important; width: 296px; margin: 0 auto !important; } #container.plaza_reservations #users_edit fieldset ol fieldset ol { margin: 0 0 0 150px !important; } #users_edit_leftframe { float: none !important; margin-left: -62px !important; } #users_edit_rightframe { float: none !important; margin-left: 0 !important; } #reservations_list table td { display: block; width: 100%; margin-bottom: 10px !important; } #reservations_list table td:first-of-type { margin-top: 10px !important; } #reservation_guests_manage li li { width: 100% !important; display: block !important; } #cal_events_list .title, #cal_events_list .subtitle, #cal_events_list .subtitle2, #cal_events_list .opening_band, #cal_events_list .artists, #ohhlala_page_content .title, #ohhlala_page_content .subtitle, #ohhlala_page_content .subtitle2, #ohhlala_page_content .opening_band, #ohhlala_page_content .artists { text-overflow: ellipsis; white-space: nowrap; overflow: hidden; width: 0; min-width: calc(100% - 95px); } #newsletter_signup_box_right { margin-left: 15px; } } @media (max-width: 620px) { .location-map { max-width: 100% !important; } } @media (max-width: 580px) { #mainbgwrap { display: block; } .history-img { width: 100%; height: auto; } /* NUNIGHT */ #newsletter_signup_box_left, #newsletter_signup_box_right { margin-left: 0; width: 100%; text-align: center; } .newsletter_form_checkbox label { width: 50px; display: inline-block; text-align: left; } } @media (max-width: 460px) { #access .menu-header li, div.menu li { display: block; } #access li.current_page_parent ul { display: block !important; } #access li.page-item-5 ul, #access li.page-item-15 ul { display: none !important; } #access ul ul a { font-size: 14px; line-height: 22px; } li.page-item-27, li.page-item-59 { display: none !important; } #content { margin-top: 15px; } body.page .menu-header-sub, #access .menu-header-sub, #reservations_menu, hr.onecol, hr.twocol { display: none; } #Saal_details, #Kosmos_details { display: block !important; } #content table { font-size: 0.7rem; } #content tr td { padding: 0; } /* NUNIGHT */ .cal_event_shortdescription, #ohhlala_page_description { width: 100%; width: calc(100% - 30px);; } .cal_event_flyer, #ohhlala_page_flyer { margin: 0 0 15px 0; float: none; width: 100%; clear: both; height: auto; } .cal_event_flyer img, #ohhlala_page_flyer img { width: 50%; height: auto; } .ohhlala_page_video object { height: auto !important; } .reservation_confirm_request, .reservation_confirm_drink_order, .reservation_confirm_comments, .reservation_confirm_checkbox_header { margin: 10px 0 !important; text-decoration: underline; } #container.plaza_reservations #reservation_confirm p { margin-left: 0; } #container.plaza_reservations #reservation_confirm table { padding: 0; } #container.plaza_reservations #reservation_confirm p textarea { width: 100%; } #reservation_confirm_checkboxes ol { margin-left: 0 !important; padding-left: 0 !important; } }