/** Example style sheet for FreeSeat application. You probably want to adapt it to your needs Copyright (C) 2010 Maxime Gamboni. See COPYING for copying/warranty info. Id: style.css 239 2007-06-30 21:31:52Z tendays $ */ /* */ body { color: #384349; background: #fffffc; font-family : "Lucida Grande",Verdana,Helvetica,sans-serif; margin: 0; } /*body.narrow { background: url(reservations/affiche.jpeg) no-repeat; } */ h1 { margin: 0; } h2 { font-variant : small-caps; margin-left : 0.5em; } a { color : #cc0000; text-decoration : none; } td p a { color: black } a:hover { color : darkviolet; text-decoration : underline; } /*** PARAGRAPHS ***/ p { color: #384349; } /* important pagewide (or almost) paragraph text, but in black and white */ p.bwemph { margin-left : 5em; margin-right : 5em; text-align : justify; font-weight : 900; } p.disabled { color : #888888; } /* important pagewide (or almost) paragraph text */ p.emph { color : #974608; margin-left : 2em; margin-right : 5em; text-align : justify; } /* very important paragraph text */ p.emph-a-lot { color : #ff4608; margin-left : 2em; margin-right : 5em; text-align : center; font-size : larger; font-weight : 900; } p.fine-print { font-size : 8pt; } input.fine-print { font-size : 8pt; } /* pagewide (or almost) paragraphs */ p.main { margin-left : 2em; margin-right : 3em; text-align : justify; } /* emph in a table */ p.temph { font-size : 18pt; font-style: italic; font-weight: bolder; color : black; } p.highlight { text-align : center; font-size : 16pt; font-style: italic; font-weight: bolder; color : black; background-color: yellow; } p.ticketdate { margin-left : 1em; font-weight : bolder; font-style : oblique; } p.warning { color : maroon; font-variant : courier; text-align : center; font-weight : bolder; } span.warning { color : darkred; background-color: lightyellow; font-weight : bolder; } div.bookid { float: left; padding-right: 2em; padding-bottom: 3em; clear: both; } @media print { div.dontprint { display : none; } } div.form { /* margin-left : 2em; */ margin-right : 3em; /* border-bottom-style : dashed; */ /* border-bottom-width : 1px; */ /* border-left-style : dashed; */ /* border-left-width : 1px; */ /* border-right-style : dashed; */ /* border-right-width : 1px; */ /* border-top-style : dashed; */ /* border-top-width : 1px; */ padding-top: 1em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; background-color : #f0e0d0; } /* a table that contains a form. Am using the float property to have it take optimal width instead of full width */ div.form div.form { float: left; /* clear: left; */ margin-left : 0em; margin-right : 1em; margin-top : 1em; margin-bottom : 1em; border-bottom-style : dashed; border-bottom-width : 1px; border-left-style : dashed; border-left-width : 1px; border-right-style : dashed; border-right-width : 1px; border-top-style : dashed; border-top-width : 1px; padding-top: 0em; padding-bottom: 1em; padding-left: 1em; padding-right: 1em; /* background-color : #ddf0ff; */ } div.form p { clear: left; } div.image-selection{ float : right; margin-left: 1em; } div.narrow { /* background: url(reservations/affiche.jpeg) no-repeat; */ padding-left: 10em; } div.wide { padding: 0 2em 0 2em; margin: 0; } div.ticket { border : 1px; border-style : dashed; margin-bottom : 1em; padding-left : 1em; padding-right : 1em; page-break-inside : avoid; } span.subpage { font-size:x-small; vertical-align:sub; } div.ticket2 { border : 1px; border-style : solid; margin: 1em; padding: 1em; clear: both; } .title { /* font-size: larger; */ /* float: left; */ padding-left : 2em; padding-right : 2em; text-align : center; } table { display: table } table.summary { border-collapse: collapse; margin-left: 2em; margin-right: 2em; } /* a table that contains a form */ table.form { margin-left : 2em; margin-right : 3em; border-bottom-style : dashed; border-bottom-width : 1px; border-left-style : dashed; border-left-width : 1px; border-right-style : dashed; border-right-width : 1px; border-top-style : dashed; border-top-width : 1px; } table.bookinglist td { font-size: smaller } tr { display: table-row } tr.row { } td { display: table-cell } td.zoneextra { font-size: small; } td.form { padding-top : 1em; padding-bottom: 1em; } td.bookid { font-size: big; padding-right: 2em; font-weight: 900; } td.col, td.row { font-size: big; font-weight: 900; } th.ticket { font-weight: normal; background-color: black; color: white; } span.subpage { font-size:x-small; vertical-align:sub; } img.ticketsponsors { padding: 5em; text-align: right; vertical-align: bottom; float:right; } /* if we put a p into each li then only the bullet will be coloured */ ul li { color:#6495ED; margin-bottom: 5px; } #sidebar-outside, #sidebar-left, #sidebar-right { } /* For vertical toolbar on front page */ #navigation { font-size: 1 em; border: 0px; margin-top: 1.5em; float: left; background: #fffffc url(footer-bg.png) repeat-x; width: 18%; } #navigation ul { list-style: none; margin: 0 10px 0 0; padding: 10px 10px 10px 10px; } #navigation li { margin-top: 0.5em ; margin-bottom: 0.5em; } #navigation p { font-weight: 900; } #navigation a:link, #navigation a:visited { display: block; width: 90%; padding: 4px 10px 4px 10px; color: black; background-color: #a3b2bc; /* #66CDAA; #00BFFF; */ text-decoration: none; border-top: 1px solid #FFFFFF; border-left: 1px solid #FFFFFF; border-bottom: 1px solid #717171; border-right: 1px solid #717171; } #navigation a:hover { border-top: 1px solid #717171; border-left: 1px solid #717171; border-bottom: 1px solid #FFFFFF; border-right: 1px solid #FFFFFF; } #takedown { padding-bottom: 1em; text-align: center; } #front { width: 80%; float: right; padding-bottom: 2em; } #ad-image-container { float:left; margin: 0 2em 2em 1em; } #ad-image { border: 0; margin: 0 0 4em 0; } #ad-text { margin-left : 1em; margin-right : 1em; margin-top: 1em; font-size: larger; text-align : left; } div.advertisement { padding-left : 1em; padding-right : 2em; } /* classes for display of seating chart in seats.php, by class */ .seat0, td.seat0 p, td.seat0 p a { /* makes a seat block disappear, for a disabled seat */ text-align: center; background-color: white; color: white; border-style: none; } .seat1 { text-align: center; /* background-color: #0099ff; blue */ background-color: #ff5959; /* red */ } .seat2 { text-align: center; /* background-color: #00ff00; green */ background-color: #aaaaaa; /* grey */ } .seat3 { text-align: center; /* background-color: #ffff00; yellow */ background-color: #ff5959; /* red */ } .seat4 { text-align: center; background-color: #aaaaaa; /* grey */ } .seat5 { text-align: center; background-color: #ff0000; /* red */ } td.stage { text-align: center; font-size: 150%; font-weight: bold; background-color: #ffe49d; /* beige */ color: black; border-style: solid; padding-bottom: 1em; } /* classes for display of booking list chart, by booking state */ .list0 { text-align: center; background-color: lightgreen; } .list1 { text-align: center; background-color: lightgrey; } .list2 { text-align: center; background-color: yellow; } .list3 { text-align: center; background-color: orange; } .list4 { text-align: center; background-color: red; } td.list4 a { color: white; } td.list4 a:hover { color: black; } .list5 { text-align: center; background-color: lightgreen; } .list6 { text-align: center; background-color: white; } #header-img { float: left; padding: 1px 10px 0 50px; } #header { background: #136caa url(newheader-all2.png) repeat-x; min-height:160px; padding: 0 5px 0 5px; } /* IE */ /*\*/ * html #header { height: 161px; } #header { color: #fffffc; } #header a { color: #414e6d; font-size:1.15em; font-style:italic; margin: 0 10px 0 100px; } #trailerboard { background: #fffffc url(footer-bg.png) repeat-x; } #trailerboard { clear:both; font-style:italic; font-size:small; text-align:center; min-height:130px; } /* IE */ /*\*/ * html #trailerboard { height: 130px; } /* For the big numbers in the ordered list on the opening page */ #speciallist { width: 500px;} #speciallist ol li { list-style-type:decimal; list-style-position: outside; font-size:30pt; position: relative; top: 25px; left: 25px; line-height:normal; color:#AAA; } #speciallist ol li h5 { padding-top: 0px; } #speciallist ol li p { padding-bottom: 30px; width: 400px; } #speciallist ol li h5, #speciallist ol li p { list-style-type:decimal; list-style-position: outside; color:#111; font-size:0px; line-height:normal; font-size:small; position: relative; top: 0px; left: 0px; } #rotator { margin-top: 20px; } #notes { border: 0px; /* margin-top: 0.5em; */ background-color: #eeeeee; padding: 1em 1em 3em 1em; /* background: #fffffc url(footer-bg.png) repeat-x; */ } #download-image img { border-style: none; margin: 1em 2em 1em 3em; vertical-align: middle; } hr.middle { width: 75%; color: red; text-align: left; } .thumb-img { border-style: none; padding: 0 10px; width:100px; } .below { clear:both; } .bottomblock { float:left; margin-left: 2em; }