/* File: custom.css Description: Custom styles for Thesishttp://www.pdrmanchester.com/wp-admin/admin.php?page=thesis-file-editor&updated=true&file=custom.css BASIC USAGE: If you have enabled the custom stylesheet in the Thesis options panel, the tag will be appended with the "custom" class, like so: . You can use the "custom" class to override *any* CSS declarations contained in the style.css file. For example, if you wish to change the default link color to green, you would add the following declarations to this file: .custom a, .custom a:visited { color: #090; } <--- This makes links green .custom a:hover { color: #00f; } <--- This makes links blue when you mouse over them WHY THIS WORKS: By using the "custom" class, you are creating more specific CSS declarations for HTML elements. CSS styling is applied through rules of specificity, and because declarations prepended with .custom are more specific, they get applied when the page is rendered! More information about styling your Thesis installation using this file can be found in the User's Guide: http://diythemes.com/thesis/rtfm/customizing-thesis-with-customcss/ */ /* CAM - I don't know where this customisation comes from, from Kat maybe? */ li.widget .widget_box { background: #ffffff; border-style: solid; border-color: #ffffff; } /* CAM - Fixes for the Subscribe to Comments management screen layout under the Thesis Theme */ #subscribe-reloaded-list input[type=checkbox]{width:30px} #subscribe-reloaded-action-p input[type=radio]{width:30px} /* CAM - Pullquotes with double bar above and below */ .custom blockquote.left, .custom blockquote.right { width: 200px; margin: 5px 15px 5px 0; padding: 5px 0; border: 3px double #AAAAAA; border-width: 3px 0; font-size: 1.4em; text-align: center; } .custom blockquote.left { float: left; } .custom blockquote.right { float: right; } /* CAM - For 'class="ticks"' unordered lists, change the bullets to ticks */ .custom ul.ticks { list-style-image: url('/wp-content/uploads/2011/07/tick.gif'); margin-left: 40px; } /* CAM - Change the Post Image frame to have a white background */ .custom img.frame { background: #ffffff; border-style: solid; border-color: #ffffff } /* CAM - Set the Events Manager Extended plugin calendar widget to look like the old one */ .custom ul.cam-event-widget-ul li { padding: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; border-radius: 5px; font-size: 11px; background-color: #9e4548; // cursor: pointer; color: white; } .custom ul.cam-event-widget-ul strong {font-size: 14px; color: white;} .custom ul.cam-event-widget-ul a {color: white;} /* CAM - Format the Events Manager Extended plugin booking form */ .custom #eme-rsvp-form {padding: 5px 5px 5px 5px;border:2px dashed #9e4548;} /* CAM - Remove border around multimedia box so video is flush to edge */ .custom .video_box { background: none; } .custom #multimedia_box { padding: 0; } /* CAM - CSS for WP-Testimonials Plugin */ /* Creates the border round the blockquote */ .custom #sfstest-page blockquote, #sfstest-sidebar blockquote { position:relative; left:15px; padding:5px 2px 0px; margin:3em 0 2em; border:5px solid #5a8f00; font-style: italic; color: #111; color:#333; background:#fff; /* css3 */ -webkit-border-radius:20px; -moz-border-radius:20px; border-radius:20px; } /* Creates the larger curve */ .custom #sfstest-page blockquote:before, #sfstest-sidebar blockquote:before { content:""; position:absolute; z-index:10; bottom:-30px; left:50px; width:40px; height:20px; border-style:solid; border-width:0 5px 5px 0; border-color:#5a8f00; background:transparent; /* css3 */ -webkit-border-bottom-right-radius:80px 50px; -moz-border-radius-bottomright:80px 50px; border-bottom-right-radius:80px 50px; /* reduce the damage in FF3.0 */ display:block; } /* Creates smaller curve */ .custom #sfstest-page blockquote:after, #sfstest-sidebar blockquote:after { content:""; position:absolute; z-index:10; bottom:-30px; left:50px; width:20px; height:20px; border-style:solid; border-width:0 5px 5px 0; border-color:#5a8f00; background:transparent; /* css3 */ -webkit-border-bottom-right-radius:40px 50px; -moz-border-radius-bottomright:40px 50px; border-bottom-right-radius:40px 50px; /* reduce the damage in FF3.0 */ display:block; } /* Creates a small circle to produce a rounded point where the two curves meet */ .custom #sfstest-page blockquote > :first-child:before, #sfstest-sidebar blockquote > :first-child:before { content:""; position:absolute; bottom:-30px; left:48px; width:5px; height:5px; background:#5a8f00; /* css3 */ -webkit-border-radius:10px; -moz-border-radius:10px; border-radius:10px; } /* Creates a white rectangle to cover part of the oval border */ .custom #sfstest-page blockquote > :first-child:after, #sfstest-sidebar blockquote > :first-child:after { content:""; position:absolute; bottom:-10px; left:75px; width:15px; height:15px; background:#fff; } /* Style the signature */ .custom #sfstest-page cite, #sfstest-sidebar cite { font-style: normal; text-align: left; font-weight:bold; } /* Put a border round all the images on the testimonials page*/ /* Put a border round all the images on the testimonials page*/ .custom #sfstest-page img { position:relative; left:3px; top:3px; padding:1px; border:1px solid #2361A1; background-color:#D4D4D4; } .custom #sfstest-page blockquote { text-align:left; } .custom #sfstest-sidebar blockquote { text-align:center; } /* Style the Read More link */ .custom #sfstest-sidebar .sfststreadmore {text-align: center; margin-top: 5px; } /* Style the Gallery plugin's caption text */ .custom .gallery-caption { padding: 0 20px; font-size: 0.9em; line-height: 150%; } /* Position the pdrteam logo link over the logo */ .custom #logo-pdrteam-box1 { position: absolute; top: 20px; left: 1010px; width: 88px; height: 83px; background-color: transparent; border: none; } /* CAM - Set EME plugin's booking form input field widths */ .custom #eme-rsvp-form input[name="bookerName"] {width: 100%;} .custom #eme-rsvp-form input[name="bookerEmail"] {width: 100%;} .custom #eme-rsvp-form input[name="bookerPhone"] {width: 50%;} .custom #eme-rsvp-form textarea {width: 100%;}