/* Theme Name: Theatre Apps Theme URI: http://www.themightyant.com/ Description: Theatre Applications theme Author: Antony de Navarro for T R Studio Author URI: http://www.themightyant.com/ Version: 0.2 */ @import "style/css/reset.css"; @import "style/css/typography.css"; @import "style/css/layout.css"; /***************************************** LAYOUT ******************************/ body {font-family:Georgia, "Times New Roman", Times, serif; background:#FFFFFF; font-size:1.0em; line-height:0.88em;} #container {width:960px;; margin:0 auto;} #header{ width:960px; min-height:186px; height:14.5em;} #header-logo{height:186px; width:300px;} #header-top-menu{ position:absolute; top:20px; left:340px;} #header-main-nav{ position:absolute; top:90px; left:340px; width:610px; border-bottom:1px solid #344048; padding-bottom:5px;} #main-nav li{ display:inline; } #header-sub-nav-contributers {position:absolute; top:2em; left:1px; width:200px;} #header-sub-nav {position:absolute; top:2em; left:0px; width:200px;} #header-text-resize{ position:absolute; top:20px; right:10px;} #content-container{width:960px;} #shadow-container{width:960px; z-index:10} #shadow-top-660 { background:url(style/images/shadow_top.png) no-repeat; width:660px; height:10px;} #shadow-top-960 { background:url(style/images/shadow_top_960.png) no-repeat; width:960px; height:10px;} #shadow-bottom-660 { background:url(style/images/shadow_bottom.png) no-repeat; width:660px; height:10px;} #shadow-bottom-960 { background:url(style/images/shadow_bottom_960.png) no-repeat; width:960px; height:10px;} #titles {width:280px; position: absolute; left:30px; padding:57px 0 0 12px;} #titles2 {width:280px; position: absolute; left:30px; padding:57px 0 0 10px;} #content-660{ background:url(style/images/shadow_mid.png) repeat-y; width:660px; min-height:429px;} #content-960{ background:url(style/images/shadow_mid_960.png) repeat-y; width:960px; min-height:429px;} #content-280 {width:280px; position: relative; left:340px; padding:56px 0 17px 0;} #content-580 {width:580px; position: relative; left:340px; padding:56px 0 17px 0;} /*Margin-top was 56px;*/ #content-280-col-1 {width:280px; position:absolute; left:40px; padding:106px 0 17px 0;} #content-280-col-1b {width:280px; position:relative; left:40px; padding:100px 0 17px 0; float:left;} #content-280-col-2 {width:280px; position: relative; padding:100px 0 17px 60px; float:left;} #content-280-col-3 {width:280px; position: relative; padding:100px 0 17px 20px; float:left;} #third-column {width:280px; position: absolute; left:628px; top:0; padding:56px 0 0 12px;} #side-image{ position:absolute; top:10px; left:649px; z-index:5;} #footer {width:960px; padding-bottom:25px; line-height:1.3em;} #footer-logo { margin:0; padding:0; width:300px;} #footer-text{ position:absolute; top:17px; left:341px;} /* Timetables */ #timetable-title {width:280px; position: absolute; left:30px; padding:57px 0 0 12px;} #timetable-pre-text {width:580px; position: absolute; left:340px; padding:56px 0 0 0;} #timetable-pdf{width:580px; position: absolute; left:40px; padding:100px 0 0; z-index:55;} #table-container{ width:880px;} #home-intro {width:280px; position: relative; left:340px; padding:58px 0 3px 0;} #flash-content {width:640px; position:relative; z-index:50; top:0; left:0; padding:0 10px;} #home-content {width:280px; position: relative; left:340px; padding:20px 0 17px 0; } .keynote-content {float:left; width:280px;} .keynote-right-col {float:right; width:280px;} .holding-intro {margin-top:14px;} #book-now {position:absolute; width:195px; height:70px; top:180px; left:80px; } .keynote-title {padding:10px 0;} .pic-title {padding: 3px 0 17px;} .contributors-title {margin-bottom:7px;} .letters {padding:0 0 12px 0;} .back-to-top { float:right; margin-top:12px;} .submission {width:279px; height:180px; margin-bottom:14px;} .submission2 {width:279px; height:240px; margin-bottom:14px;} .name {width:279px; margin-bottom:14px} .contact {width:279px;} #content-280 p.form-title {margin-bottom:3px;} .wpcf7-form-control-wrap your-message {width:279px;height:240px;} textarea {width:279px;height:240px; font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em;} input {width:279px;font-family: Georgia, "Times New Roman", Times, serif; font-size:1.1em;} /************************************ TYPOGRAPHY ******************************/ h1 { text-indent:-9999px; background:url(style/images/ta_logo.png) no-repeat; height:186px;} h2{} h3{ color:#00aeef; font-size:0.75em; /*line-height:0.88em;*/ border-bottom:1px solid #00aeef;text-transform:uppercase; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif; margin-bottom:12px; padding-bottom:3px; } h4{ color:#fff; font-size:0.75em; /*line-height:0.88em;*/ text-transform:uppercase; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;} h5{ color:#fff; font-size:0.75em; /*line-height:0.88em;*/ font-style:italic; font-weight:normal; font-family:Georgia, "Times New Roman", Times, serif;} h6{text-indent:-9999px; background:url(style/images/cssd_and_ride_logo_new.png) no-repeat; height:265px;} hr {border:0; border-bottom:solid 1px #49535B; color:#344048; height:2px; margin: -10px 0px 7px 0;} #header{font-family:Arial, Helvetica, sans-serif; font-size:0.75em;} #header ul li {line-height:1.0em;} #header a:link, #header a:visited { color:#344048; text-decoration:none;} #header a:hover, #header a:active, #header a:focus { color:#00aeef; text-decoration:none;} #content-container {font-family:Georgia, "Times New Roman", Times, serif; color:#FFFFFF;} #content-container p {color:#fff; margin-bottom:14px; font-size:0.69em; /*line-height:0.88em;*/ font-family:Georgia, "Times New Roman", Times, serif;} #content-280-col-1b p, #content-280-col-2 p, #content-280-col-3 p { font-size:0.7em} #content-280-col-1b h5, #content-280-col-2 h5, #content-280-col-3 h5 { font-size:0.69em; font-weight:bold;} #content-container a:link, #content-container a:visited { text-decoration:underline; color:#ffffff; } #content-container a:hover, #content-container a:active, #content-container a:focus { text-decoration:underline; color:#00aeef; } #footer{font-family:Georgia, "Times New Roman", Times, serif; font-size:0.63em; /*letter-spacing:-0.2px*/} #footer a:link, #footer a:visited {color:#344048; text-decoration:none;} #footer a:hover, #footer a:active, #footer a:focus {color:#00aeef; text-decoration:underline;} #jump-to{font-family:Arial, Helvetica, sans-serif; font-size:0.75em; text-align:right; letter-spacing:0.8px;} #jump-to a:link, #jump-to a:visited {color:#fff; text-decoration:none;} #jump-to a:hover, #jump-to a:active, #jump-to a:focus{color:#00aeef; text-decoration:underline;} .letters {font-family:Arial, Helvetica, sans-serif; font-size:0.75em; text-align:right;} .letters a:link, letters a:visited {color:#fff; text-decoration:underline;} letters a:hover, letters a:active, letters a:focus {color:#00aeef; text-decoration:underline;} .strikethrough {text-decoration:line-through} .selected {color:#00aeef;} .bold-italic {font-weight:bold; font-style:italic;} .side-pic {padding-bottom:12px;} .pic-title {font-style:italic; color:#fff; font-size:0.75em;} .floatL {float:left;} .floatR {float:right;} .submission {font-size:0.69em;} .uppercase {text-transform:uppercase;} #shadow-container ul li {list-style-type: disc;} #shadow-container ol li {list-style-type:decimal;} #shadow-container ol, #shadow-container ul {list-style-position:inside; margin-bottom:14px;} #content-container li {font-size:0.69em; /*line-height:0.88em;*/ font-family:Georgia, "Times New Roman", Times, serif;} /*********************************** TIMETABLE ************************************/ /* borders */ .table-top {border-top:1px solid #00aeef;} .table-bottom {border-bottom:1px solid #00aeef;} .table-border-right { border-right: 1px solid #21282E;} .table-border-left { border-right: 1px solid #21282E;} .table-border-bottom { border-bottom: 1px solid #21282E;} /* #232C32 #21282E #1C2226 #161C1F #0C0F10 */ .table-border-bottom-right { border-bottom: 1px solid #21282E; border-right: 1px solid #21282E;} .table-border-bottom-right-left { border-bottom: 1px solid #21282E; border-right: 1px solid #21282E;border-left: 1px solid #21282E;} .keynote-outline{border:1px solid #665375; vertical-align:top;} .performance-outline{border:1px solid #49535B; vertical-align:top;} /*#2A3369*/ .meeting-outline {border:1px solid #2c5061; vertical-align:top;} .table-time-markers {border-right: 1px solid #21282E; height:6px;} #table-keyline {border-bottom:1px solid #00aeef; border-top:1px solid #00aeef; width:880px} /* typography */ #timetable-table td {font-size:0.69em;} .room-text-size {font-size:1.2em; padding:6px 3px;} .table-time {font-size:0.90em;} .small-font{font-size:0.90em;} .tableH3{font-size:0.9em; color:#FFFFFF; text-transform:none;} /* colours */ .left-column-color { background:#2C363D; padding:6px 3px;} .break-color {background:#222B31;} .lunch-color {background: #181F24; } #timetable-table{background:#283239;} .tablecell {display:block; font-size:0.90em; padding:4px 2px;} .centered {text-align:center;} .highlight-keynote {background:#665375; vertical-align:top;} .highlight-performance {background:#49535B; vertical-align:top;} /* #49535B*/ .highlight-roundtable {background:#473346; vertical-align:top;} .highlight-paperpanel {background:#635936; vertical-align:top;} .highlight-meeting {background:#2C5061; vertical-align:top;} .highlight-workshop {background:#475946; vertical-align:top;} .highlight-presentation {background:#2A3369; vertical-align:top;}/*#59633A*/ .highlight-white {background:url(style/images/timetable/highlight-white.png) repeat; vertical-align:top;} .highlight-black {background:#49539B; vertical-align:top;} .no-highlight {vertical-align:top;} .welcome_bg {background:url(style/images/timetable/welcome_bg.png) no-repeat top right; vertical-align:top;} .performance1_bg {background:url(style/images/timetable/performance1_bg.png) no-repeat top right; vertical-align:top;} .presentation_bg {background:url(style/images/timetable/presentation_bg.png) no-repeat top right; vertical-align:top;} .close_bg {background:url(style/images/timetable/close_bg.png) no-repeat top left; vertical-align:top; padding-left:33px;} .break2-lunch2-red {background:url(style/images/timetable/break2-lunch2-red.png) repeat-y; vertical-align:top;} .break2-lunch2-pink {background:url(style/images/timetable/break2-lunch2-pink.png) repeat-y; vertical-align:top;} .break2-lunch2-dark_blue {background:url(style/images/timetable/break2-lunch2-dark_blue.png) repeat-y; vertical-align:top;} .break2-lunch2-light_blue {background:url(style/images/timetable/break2-lunch2-light_blue.png) repeat-y; vertical-align:top;} .break2-lunch2-orange {background:url(style/images/timetable/break2-lunch2-orange.png) repeat-y; vertical-align:top;} .break2-lunch2-green {background:url(style/images/timetable/break2-lunch2-green.png) repeat-y; vertical-align:top;} .break2-lunch2-yellow {background:url(style/images/timetable/break2-lunch2-yellow.png) repeat-y; vertical-align:top;} .break2-lunch2-white {background:url(style/images/timetable/break2-lunch2-white.png) repeat-y; vertical-align:top;} .break2-lunch2-black {background:url(style/images/timetable/break2-lunch2-black.png) repeat-y; vertical-align:top;} .break2-orange {background:url(style/images/timetable/break2-orange.png) repeat-y; vertical-align:top;} .break2-green {background:url(style/images/timetable/break2-green.png) repeat-y; vertical-align:top;} /*Light */ /* Dark (over lunch) colours*/ .highlight-roundtable-dark {background:#311129; vertical-align:top;} .highlight-paperpanel-dark {background:#4e401b; vertical-align:top;} .highlight-presentation-dark {background:#42491d; vertical-align:top;} .highlight-performance-dark {background:#13194d; vertical-align:top;} /*Specific cells*/ .weds-rr1-3{background:url(style/images/timetable/red-mid.png) repeat-y -108px 0 #473346; vertical-align:top;} .weds-rr3-3{background:url(style/images/timetable/orange-mid.png) repeat-y -108px 0 #635936; vertical-align:top;} .weds-rr7-3{background:url(style/images/timetable/green-mid.png) repeat-y -89px 0 #3E4E3A; vertical-align:top;} .weds-rr7-1 {background:url(style/images/timetable/green-mid.png) repeat-y 105px 0 #3E4E3A; vertical-align:top;} .weds-rr6-3 {background:url(style/images/timetable/light_blue-dark.png) repeat-y -89px 0 #224454; vertical-align:top;} .fri-theatre2 {background:url(style/images/timetable/pink-mid.png) repeat-y -89px 0 #665375; vertical-align:top;} .fri-sc {background:url(style/images/timetable/light_blue-dark.png) repeat-y 120px 0 #224454; vertical-align:top;} /*h3 colors */ .h3-yellow {color:#59633A; border-color:#59633A;} .h3-dark_blue, .performance-color {color:#2A3369; border-color:#2A3369;} .h3-light_blue {color:#2C5061; border-color:#2C5061;} .h3-green {color:#475946; border-color:#475946;} .h3-orange {color:#635936; border-color:#635936;} .h3-pink, .keynote-color {color:#665375; border-color:#665375; } .h3-red {color:#473346; border-color:#473346;} /* layout & alignment */ #table-container {padding:194px 0 30px 40px;} .centerit { text-align:center;} .bt-content p {font-size:0.70em; color:#000;} .bt-content a:link, .bt-content a:visited {color:#000;} .bt-content a:hover, .bt-content a:active {color:#00aeef;} /*********************************** ROLLOVERS ************************************/ /*Home Page*/ #book-now a:link, #book-now a:visited { background:url(style/images/rollovers/booking_now.png) no-repeat 0 0; display:block; width:195px; height:70px; text-indent:-9999px;} #book-now a:hover, #book-now a:active { background-position: 0 -70px; } /*General info page*/ #google-map a:link, #google-map a:visited { background:url(style/images/rollovers/google-map.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #google-map a:hover, #google-map a:active { background-position: 0 -20px; } #local-hotels a:link, #local-hotels a:visited { background:url(style/images/rollovers/local-hotels.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #local-hotels a:hover, #local-hotels a:active { background-position: 0 -20px; } #local-restaurants a:link, #local-restaurants a:visited { background:url(style/images/rollovers/local-restaurants.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #local-restaurants a:hover, #local-restaurants a:active { background-position: 0 -20px; } #getting-here a:link, #getting-here a:visited { background:url(style/images/rollovers/getting-here.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #getting-here a:hover, #getting-here a:active { background-position: 0 -20px; } /*Other Events post */ #back-to-listing a:link, #back-to-listing a:visited { background:url(style/images/rollovers/back-to-listing.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #back-to-listing a:hover, #back-to-listing a:active { background-position: 0 -20px; } /*booking page*/ #book-online a:link, #book-online a:visited { background:url(style/images/rollovers/booking-online2.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #book-online a:hover, #book-online a:active { background-position: 0 -20px; } #pay-by-cheque { padding-top:17px;} #pay-by-cheque a:link, #pay-by-cheque a:visited { background:url(style/images/rollovers/pay-by-cheque.png) no-repeat 0 0; display:block; width:280px; height:60px; text-indent:-9999px;} #pay-by-cheque a:hover, #pay-by-cheque a:active { background-position: 0 -60px; } /*contributers page */ #keynotes a:link, #keynotes a:visited { background:url(style/images/rollovers/keynotes-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #keynotes a:hover, #keynotes a:active { background-position: 0 -19px; } #performances a:link, #performances a:visited { background:url(style/images/rollovers/conference-events-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #performances a:hover, #performances a:active { background-position: 0 -19px; } #workshops a:link, #workshops a:visited { background:url(style/images/rollovers/workshops-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #workshops a:hover, #workshops a:active { background-position: 0 -19px; } #paper-panels a:link, #paper-panels a:visited { background:url(style/images/rollovers/paper-panels-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #paper-panels a:hover, #paper-panels a:active { background-position: 0 -19px; } #round-tables a:link, #round-tables a:visited { background:url(style/images/rollovers/round-tables-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #round-tables a:hover, #round-tables a:active { background-position: 0 -19px; } #biographies a:link, #biographies a:visited { background:url(style/images/rollovers/biographies-sprite.png) no-repeat 0 0; display:block; width:280px; height:19px; text-indent:-9999px;} #biographies a:hover, #biographies a:active { background-position: 0 -19px; } /*submission page*/ #submission-biog a:link, #submission-biog a:visited { background:url(style/images/rollovers/submit-biog-sprite.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #submission-biog a:hover, #submission-biog a:active { background-position: 0 -20px; } #submission-abstract a:link, #submission-abstract a:visited { background:url(style/images/rollovers/submit-abstract-sprite.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #submission-abstract a:hover, #submission-abstract a:active { background-position: 0 -20px; } #submit-btn {margin:6px 0 10px 0;} #submit-btn a:link, #submit-btn a:visited { background:url(style/images/rollovers/submit-btn-sprite.png) no-repeat 0 0; display:block; width:100px; height:20px; text-indent:-9999px;} #submit-btn a:hover, #submit-btn a:active { background-position: 0 -20px; } .submit-btn { background: url(style/images/titles/submit-btn.png) no-repeat top left; border:0; width:280px; height:20px; text-indent:-9999px; display:block; color:#344048;} .submit-btn:hover {background: url(style/images/titles/submit-btn-over.png) no-repeat top left; border:0; width:280px; height:20px; text-indent:-9999px;display:block; color:#344048;} #timetable-pdf a:link, #timetable-pdf a:visited { background:url(style/images/rollovers/pdf_version.png) no-repeat 0 0; display:block; width:280px; height:20px; text-indent:-9999px;} #timetable-pdf a:hover, #timetable-pdf a:active { background-position: 0 -20px; } /* SIMILE*/ #stl-mytimeline{width:900px; position:relative; top:20px; left:30px;} .label_stl-class1 {color:#00aeef;} .timeline-highlight-label-start {margin-right:20px;} .timeline-highlight-label-end {margin-left:20px;} /* DHTMLX Scheduler */ /*#scheduler_here {padding: 20px 0 20px 30px;}*/ #content-940 {padding:0 0 0 10px;} /* NEW Font resizer eFontSize */ ul.efontsize li{ display:inline; margin-right:4px; } .resizeSmall {font-size:0.64em;} .resizeBig {font-size:1.1em;} #TR-link {position: absolute; bottom:-196px; right:-320px;} #TR-link a:link, #TR-link a:visited {color:#00aeef; font-family:Arial, Helvetica, sans-serif;} #TR-link a:hover, #TR-link a:active {color:#344048;}