/*------------------------------------------------------------------------ # JA Dravity 1.0 - March, 2008 # ------------------------------------------------------------------------ # Copyright (C) 2004-2008 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - Copyrighted Commercial Software # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com -------------------------------------------------------------------------*/ /* BONUS TYPOGRAPHY STYLES --------------------------------------------------------- */ pre, .code { background: #0F0F0F; border-left: 5px solid #2D2D2D; font: 1em/1.5 "Courier News", monospace; margin: 5px 0 15px; padding: 10px 15px; } .news-text { font-size: 12px; margin-bottom: 0.3em; } blockquote { padding: 1em 40px 1em 15px; font-style: italic; } blockquote span.open { background: url(../images/so-q.gif) no-repeat left top; padding: 0 0 0 20px; } blockquote span.close { background: url(../images/sc-q.gif) no-repeat bottom right; padding: 0 20px 0 0; } blockquote.testimonial { padding: 0; } blockquote.testimonial span.author { background: url(../images/icon-user.gif) no-repeat left center; display: block; font-size: 90%; font-weight: bold; margin-top: 5px; padding-left:20px; text-transform: uppercase; } /* Drropcap */ .dropcap { color: #4B4B4B; display: block; float: left; font: 50px/40px Georgia, Times, serif; padding: 4px 8px 0 0; } /* Tips, Error, Message, Hightlight*/ p.error { background: url(../images/icon-error.gif) no-repeat top left; color: #A80106; padding-left: 25px; } p.message { background: url(../images/icon-info.gif) no-repeat top left; color: #006699; padding-left: 25px; } p.tips { background: url(../images/icon-tips.gif) no-repeat top left; color: #EE9600; padding-left: 25px; } .highlight { background: #4B4B4B; font-weight: bold; padding: 1px 5px; } /* Note Style */ p.stickynote { background: url(../images/sticky-bg.gif) no-repeat 5px center #000000; border: 1px solid #1E1E1E; padding: 10px 0px 10px 40px; } p.download { background: url(../images/download-bg.gif) no-repeat 5px center #000000; border: 1px solid #1E1E1E; padding: 10px 0px 10px 40px; } .blocknumber { clear: both; padding: 5px 15px 10px; position: relative; } /* Check list */ ul.checklist { list-style: none; } ul.checklist li { background: url(../images/icon-checklist.gif) no-repeat 0 4px; margin-left: 15px; padding: 0 0 0 20px; } /* Check list (star) */ ul.stars { list-style: none; } ul.stars li { background: url(../images/icon-star.gif) no-repeat 0 5px; margin-left: 15px; padding: 0 0 0 20px; } /* List arrow */ ul.arrow { list-style: none; } ul.arrow li { background: url(../images/icon-arrow.gif) no-repeat 3px 5px; margin-left: 15px; padding: 0 0 0 20px; } /* Bignumber */ .bignumber { background: url(../images/ol-bg.gif) no-repeat top left; color: #FFFFFF; display: block; float: left; font: bold 20px/normal Arial, sans-serif; margin-right: 8px; padding: 6px 7px; } /* Talking box. Thinking box. */ div.bubble1, div.bubble2, div.bubble3, div.bubble4 { margin: 15px 0; } div.bubble1 span.author, div.bubble2 span.author, div.bubble3 span.author, div.bubble4 span.author { font-weight: bold; margin-left: 15px; padding-left: 0; } div.bubble1 div { background: url(../images/bub1-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble1 div div { background: url(../images/bub1-bl.gif) no-repeat bottom left; } div.bubble1 div div div { background: url(../images/bub1-tr.gif) no-repeat top right; } div.bubble1 div div div div { background: url(../images/bub1-tl.gif) no-repeat top left; } div.bubble1 div div div div div { margin: 0; padding: 10px 15px 20px; width: auto; } div.bubble2 div { background: url(../images/bub2-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble2 div div { background: url(../images/bub2-bl.gif) no-repeat bottom left; } div.bubble2 div div div { background: url(../images/bub2-tr.gif) no-repeat top right; } div.bubble2 div div div div { background: url(../images/bub2-tl.gif) no-repeat top left; } div.bubble2 div div div div div { margin: 0; padding: 10px 15px 25px; width: auto; } div.bubble3 div { background: url(../images/bub3-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble3 div div { background: url(../images/bub3-bl.gif) no-repeat bottom left; } div.bubble3 div div div { background: url(../images/bub3-tr.gif) no-repeat top right; } div.bubble3 div div div div { background: url(../images/bub3-tl.gif) no-repeat top left; } div.bubble3 div div div div div { margin: 0; padding: 10px 15px 45px; width: auto; } div.bubble4 div { background: url(../images/bub4-br.gif) no-repeat bottom right; margin: 0; width: 100%; } div.bubble4 div div { background: url(../images/bub4-bl.gif) no-repeat bottom left; } div.bubble4 div div div { background: url(../images/bub4-tr.gif) no-repeat top right; } div.bubble4 div div div div { background: url(../images/bub4-tl.gif) no-repeat top left; } div.bubble4 div div div div div { margin: 0; padding: 10px 15px 45px; width: auto; } /* inset-text */ .inset-text { font-size: 13px; margin: 5px 25px; color: #000000; text-align: justify } /* navbox */ .navbox-title { display: block; width: 170px; float: left; margin: 10px 0; padding: 0 3px; position: absolute; top: 5px; left: 80px; } .navbox-image { float: left; margin: 0; padding: 0 0px; position: absolute; top: 5px; left: 5px; } .navbox-more { float: left; margin: 0; padding: 0 0px; position: absolute; top: 50px; left: 170px; } .navbox { border: 1px solid #CCCCCC; background: url(../images/navbox_bg.png) repeat-x #e8e7e7; margin-bottom: 10px; padding: 0 5px; position: relative; height: 75px; width: 250px; } /* Legend */ .legend-title { background: #000000; display: block; float: left; font-weight: bold; left: 7px; margin: 0; padding: 0 3px; position: absolute; top: 0px; } .legend { border: 1px solid #1E1E1E; margin-bottom: 10px; padding: 20px 10px; position: relative; }