/* vim: set expandtab tabstop=40 */ /** * default.css * * @author Patrick Pfeiffer * @author Markus Weissensteiner * @package feuersbrunn.at * @copyright Weinbauverein Feuersbrunn (2009) * @license all rights reserved */ @import "feuersbrunn1/jquery-ui-1.7.2.custom.css"; /** #WRAPPER #SITE #HEAD #LOGO #WELCOME #HEADPIC #MENU #menuButton[1..3] #CONTENT #NEWS.content .menu .browser #EVENTS.content .menu .calendar #INFOS.content .menu .page #BOTTOM #MAP #PANEL #343434 #484848 #ccc #666 #ff9933 .. orange button1 #99ccff .. blau button2 #66cc66 .. gruen button3 /**/ /*********************************************************** GENERAL */ body {margin:0; padding:0; width:100%; font-family:Candara; font-size:1.1em; background:#343434;} /*********************************************************** DEFAULT */ #WRAPPER {} #SITE {position:relative; width:700px; overflow:auto; margin-top:24px; background:url("../images/header.png") no-repeat #343434; border-right:1px solid #484848;} #HEAD {width:700px; height:350px; position:absolute; background:url("../images/header.png");} #HEAD .headLink {cursor:pointer;} #LOGO {position:absolute; top:20px; left:15px; width:260px; height:80px; background:url("../images/LOGO.png") 25px 12px no-repeat; z-index:8000;} #LOGOwagram, #LOGOwinzer, #LOGOgrafenw {position:absolute; top:275px; height:29px; border:1px solid #484848} #LOGOwagram {left:75px; width:58px; background:url("../images/logo_wagram.png") no-repeat #ccc;} #LOGOwinzer {left:238px; width:281px; background:url("../images/logo_winzer.png") no-repeat;} #LOGOgrafenw {left:150px; width:71px; background:url("../images/logo_grafenw.png") no-repeat;} #WELCOME {position:absolute; top:95px; left:45px; width:229px; height:100px; z-index:8000; color:#484848; font-size:14px;} #HEADPIC {position:absolute; top:40px; left:310px; width:320px; height:190px; background:#343434; border:10px solid #343434; overflow:hidden; cursor:pointer;} #HEADPIC img {width:320px;} #HEADPIC .picContainer > div {position:absolute; top:0; bottom:0; left:0; right:180px;} #HEADPIC .picContainer > div {position:absolute; top:0px; bottom:0; left:180px; right:0;} #HEADPIC .picContainer > div {position:absolute; top:130px; bottom:0; left:0; right:0;} #HEADPIC div.descBackground {background:#484848; border:1px solid #343434; opacity:0.7;} #HEADPIC div.descContent {color:#ccc;} #HEADPIC div.descContent p {margin:5px;} #MENU {position:absolute; top:240px; left:0px;} #MENU .button {position:absolute; width:200px; height:60px; top:83px; margin:0; background:#343434; border:5px solid #343434; font-size:1.4em; cursor:pointer;} #MENU .button.active {background:#484848;} #MENU .button.hover {text-decoration:underline;} #MENU .button span {position:absolute; left:25px; top:8px;} #menuButton1 {left:20px; color:#ff9933;} #menuButton2 {left:245px; color:#99ccff;} #menuButton3 {left:470px; color:#66cc66;} #CONTENT {margin-top:380px; background:#343434;} /*#484848#343434*/ #CONTENT > .content {position:relative; margin-left:25px; margin-right:25px; background:#484848; color:#bbb;} #CONTENT > .menu {border:20px solid #484848; border-bottom:0; margin-top:10px; display:block;} #NEWS .browser {} #NEWS .browser.boxes {min-height:100px;} #NEWS .browser.boxes .item {float:left; width:182px; height:90px; margin-left:20px; margin-top:20px; overflow:hidden; background:#ccc; color:#484848; border:4px solid #343434; position:relative; cursor:pointer;} #NEWS .browser.boxes .item div {margin:0px; padding:4px;} #NEWS .browser.boxes .item .date {position:absolute; height:18px; margin:0; width:100%; top:72px; color:#ccc; padding:1px; background:#343434; font-size:10pt; z-index:52;} #NEWS .browser.boxes .item .title {z-index:52; position:absolute; top:0; left:0; font-size:0.95em; font-weight:bold; width:175px;} #NEWS .browser.boxes .item.hover {background:#484848; border:4px solid #ccc;} #NEWS .browser.list .item {float:none;} .item img.bgImg {position:absolute; width:100%; height:100%; z-index:50;} #NEWS .item .bg {position:absolute; top:0; left:0; width:100%; height:100%; z-index:51; background:#ccc; opacity:0.8; top:-5px; left:-5px;} #NEWS .item .bg {width:190px;} #EVENTS {} #EVENTS a {color:#99ccff;} #EVENTS .calendar {margin:20px;} #EVENTS .calendar .fc-event a {color:black;} #EVENTS .calendar .fc-event.Winzer {background-color:#073523; border-color:#073523;} #EVENTS .calendar .fc-event.Winzer a {background-color:#073523; border-color:#073523; color:gray;} #EVENTS .calendar .fc-event.Heuriger {background-color:#7e55fc; border-color:#7e55fc;} #EVENTS .calendar .fc-event.Heuriger a {background-color:#7e55fc; border-color:#7e55fc;} #EVENTS .calendar .fc-event.Unterkunft {background-color:#ffb952; border-color:#ffb952;} #EVENTS .calendar .fc-event.Unterkunf a {background-color:#ffb952; border-color:#ffb952;} #EVENTS .calendar .fc-event.Veranstaltung {background-color:#e26500; border-color:#e26500;} #EVENTS .calendar .fc-event.Veranstaltung a {background-color:#e26500; border-color:#e26500;} #INFOS {color:#343434;} #INFOS .content a {color:#343434; text-decoration:underline; font-size:14px;} #INFOS .content a:hover {color:#343434; font-weight:bold;} #INFOS .ui-tabs a {font-size:13px;} #INFOS .ui-widget-content {color:#343434; font-size:14px; padding:10px;} #INFOS li.itemLink {width:200px; float:left; padding:5px; margin:5px 30px; cursor:pointer;} #INFOS li.itemLink.hover {color:gray; background:#343434;} #infosContent {position:relative; margin:20px; top:20px; padding:10px; color:#343434; background:#ccc; border:4px solid #343434;} #BOTTOM {background:#343434; color:#666; vertical-align:text-bottom; font-size:12px; clear:both; margin:20px; text-align:center;} #BOTTOM a {text-decoration:bold; color:#888} #BOTTOM .poweredBy {position:relative; top:4px; border:0; opacity:0.5} #MAP {background:#343434; position:fixed; left:702px; top:25px; bottom:0; right:0; z-index:1002;} #PANEL {background:url("../images/bar_top_repeat.png") 0 5px repeat-x #343434; position:fixed; top:0; left:0; right:0; height:30px; z-index:8000;} #ITEMS .item {overflow:auto; display:none; position:fixed; top:64px; bottom:44px; left:310px; width:320px; min-height:500px; background:#343434; color:#ccc; z-index:90; border:10px solid #343434;} #ITEMS .item .content {position:absolute; left:0; right:0; bottom:0; top:225px; border:10px solid #484848; background:#484848; overflow-y:auto;} #ITEMS .item .content a, #ITEMS .item .info a {color:#ccc; padding:0 2px;} #ITEMS .item .info a:hover, #ITEMS .item .content a:hover {background:#ccc; color:#343434;} #ITEMS .item .content * {max-width:270px;} #ITEMS .item .content table {border-spacing:0;} * html table {border-collapse:collapse;} /* IE <=6 */ *:first-child+html table {border-collapse:collapse;} /* IE 7+ */ #ITEMS .item .content table td {border:1px solid #ccc; padding:2px;} #ITEMS .item .title {width:100%; margin:0; height:190px; position:relative; z-index:80;} #ITEMS .item .title h3 {position:absolute; top:110px; left:0; right:0; bottom:0; margin:0; padding:5px; z-index:81;} #ITEMS .item .title .background {border-top:1px solid #343434; position:absolute; top:110px; left:0; right:0; bottom:0; background:#343434; opacity:0.8; z-index:80;} #ITEMS .item .info {background:#343434; font-size:12px; border:1px solid #343434; border-top:10px solid #343434;} #ITEMS .item .info p {margin:0 0 10px 0;} #ITEMS .item .title h3 {overflow:hidden;} #editEntry {position:fixed; top:280px; left:20px; width:240px; bottom:40px; overflow:auto; z-index:2000; background:#343434; color:white; padding:10px;} #editEntry table {border-collapse:collapse;} #editEntry table td {border:1px solid gray;} #imageDlg .imageItem {position:relative; float:left; margin: 10px 10px 0 0; width:200px; height:118px; overflow:hidden;} #imageDlg .imageItem a.delImage {position:absolute; top:5px; right:5px;} #imageDlg .imageItem a.cropImage {position:absolute; top:25px; right:5px;} #imageDlg .imageItem a.logoImage {position:absolute; top:45px; right:5px;} /*********************************************************** jquery-ui */ /* .ui-widget {font-family:'palatino linotype',palatino;} */ .ui-widget {font-family:Candara;} .ui-datepicker .ui-datepicker-title {font-size:0.9em;} .ui-datepicker table {font-size:0.7em;} .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {font-size:0.7em;} .ui-dialog-content, .ui-dialog-buttonpane {font-size:.8em;} .ui-dialog-content .ui-state-default {padding:0 1em 0 20px; position:relative; text-decoration:none; font-size:.7em; margin: 0 0 0 12px;} .ui-dialog-content span.ui-icon {margin: 0 5px 0 0; position: absolute; left:.2em; top:50%; margin-top:-8px; zoom:1;} #editEntry .ui-state-default, #MAPMENU .ui-state-default, #ITEMS .ui-state-default, #NEWS .ui-state-default, #PANEL .ui-state-default {padding:0 1em 0 20px; position:relative; text-decoration:none; font-size:.7em; margin: 0 0 0 12px;} #ITEMS .ui-state-default {top:5px;} #MAPMENU .ui-state-default {margin:5px 3px; padding:0;} #editEntry .ui-state-default {float:left; margin: 0 12px 0 0;} #ITEMS .ui-state-default {float:right; margin: 0 12px 0 0;} #NEWS .ui-state-default {top:10px;} #MAPMENU span.ui-icon, #ITEMS .item .title span.ui-icon, #editEntry span.ui-icon, #NEWS span.ui-icon, #PANEL span.ui-icon {margin: 0 5px 0 0; position: absolute; left:.2em; top:50%; margin-top:-8px; zoom:1;} #PANEL {overflow:hidden;} .ui-dialog-title {font-size:0.8em;} .ui-dialog-titlebar span.ui-icon {position:relative; left:0; top:0;} .ui-state-default {cursor:pointer;} .ui-dialog-content {color:white; font-size:0.7em;} .ui-dialog-content table {color:white; border-collapse:collapse;} .ui-dialog-content table td {border-collapse:collapse; border:1px solid gray; padding:2px;} .ui-dialog {border:2px solid gray; position:fixed; top:100px; left:100px;} .ui-datepicker {z-index:900000000000000000000;} .map-menu-tagBtn {position:relative; display:block; width:47px; height:32px; padding:0;} .map-menu-tagBtn img {position:absolute; left:16px; top:0; float:none;} #INFOS .ui-state-default a:visited {background:none;} /*********************************************************** jquery-fullcalendar */ #EVENTS .ui-widget-content {background:#343434;} #EVENTS .fc-header {margin-top:20px;} #EVENTS .fc-header-title {color:#bbb;} #EVENTS .fc .fc-grid td, #EVENTS .fc .fc-grid th {border:1px solid gray;} /*484848*/ #EVENTS .fc .fc-agenda th, .fc .fc-agenda td {border:1px solid #484848;} /*********************************************************** jquery-map */ #markerMessage {left:0; position:absolute; width:200px; border:5px solid #343434;} #markerMessage div.msgBg1 {position:absolute; left:0; top:0; width:100%; height:100%; display:block; background:url("../images/highlight_icon.png") no-repeat; opacity:0.8;} #markerMessage div.msgBg2 {position:absolute; top:43px; left:0; bottom:0; width:43px; background:#343434; opacity:0.8;} #markerMessage div.msgCt {position:relative; margin-left:43px; left:0; top:0;padding:10px; color:white; background:#343434; opacity:0.8;} #markerMessage .item {cursor:pointer; padding:3px; margin:2px; background:#484848; border:3px solid black; position:relative;} #markerMessage .item.current {background:black;} #markerMessage .item.hover {border:3px solid #484848;} #markerMessage .item.hover .date {text-decoration:none;} #markerMessage .item .date {position:absolute; height:18px; margin:0; left:0; right:0; bottom:0px; color:#ccc; padding:1px; background:black; font-size:10pt;} /*********************************************************** wym */ .wym_classes {display:none;} .wym_containers {position:absolute; top:35px;} .wym_containers h2 {color:black;} /*********************************************************** HOTFIXES */ #shadow {display:none; position:fixed; top:10px; width:701px; bottom:0; left:0; background:#ccc; opacity:0.95; z-index:1000; border-right:1px solid black;} #HEADPIC .item {overflow:auto; display:none; position:absolute; left:-10px; top:-10px; width:320px; background:#343434; color:#ccc; border:10px solid #343434;} #HEADPIC .item .title {width:100%; margin:0; height:190px; position:relative;} #HEADPIC .item .title h3 { position:absolute; color:#ccc; top:110px; left:0; right:0; bottom:0; margin:0; padding:5px; } #HEADPIC .item .title .background { border-top:1px solid #343434; position:absolute; top:110px; left:0; right:0; bottom:0; background:#343434; opacity:0.8; } #ADMIN, #DEBUG {z-index:100;} #LOGO, #WELCOME {z-index:2000;} #shadow {z-index:80;} #map {z-index:1;} #NEWS .menu {margin-left:10px;} #DEBUG {width:500px; background:black; color:white;} #MAPMENU { left:702px; position:fixed; top:65px; width:55px; z-index:1003; border:5px solid #343434; border-left:0; } #MAPMENU .mycontent { z-index:1005; color:white; position:relative; width:100%; height:100%; top:0px; } #MAPMENU .bg { z-index:800; top:0; position:absolute; height:100%; width:100%; background:#343434; opacity:0.8; } #NEWS .browser.boxes .item .date {display:none;} #markerMessage .msgCt .date {display:none;} .addthis_button {overflow:hidden;} /* .addthis_button {position:relative; margin:0px;} .addthis_button {float:right; margin:5px;} */