/** * * This typography file is included in the WYSIWYG editor and the front end. It provides * a place to add link styles and font styles you would like in the CMS and the Front End. */ /* GENERIC STYLES -------------------------------------------- */ .typography * { font-family: Verdana, Lucida, Arial, sans-serif; } /* PARAGRAPHS -------------------------------------------- */ .typography p { color: #666; line-height: 18px; font-size: 1.2em; margin: 0 10px 18px 0; } /* QUOTES -------------------------------------------- */ .typography blockquote { margin: 10px; font-size: 1.4em; color: #777; font-style: italic; } .typography q { display:block; font-size: 0.8em; margin: 1em 1em; padding: 0.5em; border: 1px #ccc solid; } /* LINKS -------------------------------------------- */ .typography a { text-decoration: underline; color: #000; } .typography a:hover { text-decoration: underline; } /* LINK ICONS - shows type of file ------------------------------------ */ .typography a[href$=".pdf"], .typography a[href$=".PDF"], .typography a.pdf { padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_acrobat.png) no-repeat left center; } .typography a[href$=".doc"], .typography a[href$=".DOC"], .typography a.doc { padding: 2px; padding-left: 20px; background: url(../images/icons/page_word.png) no-repeat left center; } .typography a[href$=".xls"], .typography a[href$=".XLS"], .typography a.xls { padding: 2px; padding-left: 20px; background: url(../images/icons/page_excel.png) no-repeat left center; } .typography a[href$=".gz"], .typography a[href$=".GZ"], .typography a[href$=".gzip"], .typography a[href$=".GZIP"], .typography a[href$=".zip"], .typography a[href$=".ZIP"], .typography a.archive { padding: 2px; padding-left: 20px; background: url(../images/icons/page_white_zip.png) no-repeat left center; } .typography a[href$=".exe"], .typography a[href$=".EXE"], .typography a.application { padding: 2px; padding-left: 20px; background: url(../images/icons/application.png) no-repeat left center; } /* LIST STYLES -------------------------------------------- */ .typography ul, .typography ol { width: 75%; margin: 0 0 18px 40px; color: #666; border-bottom:1px dotted #ccc; } .typography li { font-size:1.2em; padding:12px 26px; background:url(../images/bullet.png) left no-repeat; border-top:1px dotted #ccc; line-height:1.4em; } .typography li li { font-size: 10px; } /* HEADER STYLES -------------------------------------------- */ .typography h1, .typography h2 { color: #000; margin: 0 0 18px 0; font-weight: 300; font-family: Tahoma, Verdana, sans-serif; } .typography h1 { font-size: 24px; } .typography h2 { font-size: 24px; } /*page headers */ #pagewrapper.whangara-farms .typography h2 {color:#C29382} #pagewrapper.pakarae .typography h2 {color:#00826C} #pagewrapper.whangara-b5 .typography h2 {color:#0092D6} .typography h3 { color: #444444; margin: 0 0 18px 0; font-weight: 300; clear: both; font-size: 18px; } .typography h4 { font-size: 16px; color: #000; width: 95%; font-weight: 300; line-height: 18px; margin: 0 0 16px 0; } .typography h5 { font-size: 14px; color: #444444; font-weight: 700; margin: 0 0 12px 0; } .typography h6 { font-size: 13px; color: #555; line-height: 1.4em; margin: 0 0 12px 0; } /* NEWS & EVENTS -------------------------------------------- */ div.date {padding-bottom:4px} p.newsDate {margin:0;color:#000;padding-left:30px;height:21px;padding-top:4px;} .month {background:transparent url('../images/icons/date.png') no-repeat scroll left center;} .monthJan {background: transparent url('../images/icons/date1.png') no-repeat scroll left center;} .monthFeb {background: transparent url('../images/icons/date2.png') no-repeat scroll left center;} .monthMar {background: transparent url('../images/icons/date3.png') no-repeat scroll left center;} .monthApr {background: transparent url('../images/icons/date4.png') no-repeat scroll left center;} .monthMay {background: transparent url('../images/icons/date5.png') no-repeat scroll left center;} .monthJun {background: transparent url('../images/icons/date6.png') no-repeat scroll left center;} .monthJul {background: transparent url('../images/icons/date7.png') no-repeat scroll left center;} .monthAug {background: transparent url('../images/icons/date8.png') no-repeat scroll left center;} .monthSep {background: transparent url('../images/icons/date9.png') no-repeat scroll left center;} .monthOct {background: transparent url('../images/icons/date10.png') no-repeat scroll left center;} .monthNov {background: transparent url('../images/icons/date11.png') no-repeat scroll left center;} .monthDec {background: transparent url('../images/icons/date12.png') no-repeat scroll left center;} .event {background:transparent url('../images/icons/event.png') no-repeat scroll left center;} .eventJan {background: transparent url('../images/icons/event1.png') no-repeat scroll left center;} .eventFeb {background: transparent url('../images/icons/event2.png') no-repeat scroll left center;} .eventMar {background: transparent url('../images/icons/event3.png') no-repeat scroll left center;} .eventApr {background: transparent url('../images/icons/event4.png') no-repeat scroll left center;} .eventMay {background: transparent url('../images/icons/event5.png') no-repeat scroll left center;} .eventJun {background: transparent url('../images/icons/event6.png') no-repeat scroll left center;} .eventJul {background: transparent url('../images/icons/event7.png') no-repeat scroll left center;} .eventAug {background: transparent url('../images/icons/event8.png') no-repeat scroll left center;} .eventSep {background: transparent url('../images/icons/event9.png') no-repeat scroll left center;} .eventOct {background: transparent url('../images/icons/event10.png') no-repeat scroll left center;} .eventNov {background: transparent url('../images/icons/event11.png') no-repeat scroll left center;} .eventDec {background: transparent url('../images/icons/event12.png') no-repeat scroll left center;} .albumnav {background:transparent url('../images/treeicons/images-file.gif') no-repeat scroll 5px center;} .side {background-position:5px center} /* PRE STYLES -------------------------------------------- */ .typography pre { font-family:"Courier New",Courier; display:block; font-size:1.2em; margin:2em 5em; padding:0.5em; border:1px #ccc solid; background:#eee;; } /* TABLE STYLING -------------------------------------------- */ .typography table { margin: 0 0 18px 0; font-size: 11px; color: #666; border-collapse:collapse; } .typography tr {} .typography td { border:1px solid #999; padding:5px; } /* WYSIWYG EDITOR ALIGNMENT CLASSES -------------------------------------------- */ .typography .left { text-align: left; } .typography .center { text-align: center; } .typography .right { text-align: right; } /* IMAGES -------------------------------------------- */ .typography img { border: 3px solid #f0f0f0; } .typography img.right { float: right; margin-left: 20px; } .typography img.left { float: left; } .typography img.leftAlone { float: left; margin-right: 100%; } .typography img.center { float: none; margin-left: auto; margin-right: auto; display: block; }