/* #------------------------------------------------------------------------ # CDS - April 2010 (for Joomla 1.5) # # Copyright (C) 2007-2010 Gavick.com. All Rights Reserved. # License: Copyrighted Commercial Software # Website: http://www.gavick.com # Support: support@gavick.com #------------------------------------------------------------------------ # Based on T3 Framework #------------------------------------------------------------------------ # Copyright (C) 2004-2009 J.O.O.M Solutions Co., Ltd. All Rights Reserved. # @license - GNU/GPL, http://www.gnu.org/copyleft/gpl.html # Author: J.O.O.M Solutions Co., Ltd # Websites: http://www.joomlart.com - http://www.joomlancers.com #------------------------------------------------------------------------ */ /* * Typography */ /* Code */ pre, .code1, .code2{margin:10px 0 15px!important; padding:10px 15px!important; font-size:0.92em!important; font-family:'Curier New',monospace!important} .code2{padding-left:20px!important} .code3{padding:0 0 5px 20px!important} .code3 h4{width:35px; position:relative; top:-10px; margin:0 0 -10px 11px!important; padding:0 5px; font-size:1.17em; font-weight:normal} /* Warnings */ p.info1, p.info2, p.info3, p.info4{background:transparent url('../css-images/icons/info.png') no-repeat left center} p.warning1, p.warning2, p.warning3, p.warning4{background:transparent url('../css-images/icons/warning.png') no-repeat left center} p.tips1, p.tips2, p.tips3, p.tips4{background:transparent url('../css-images/icons/tips.png') no-repeat left center} p.info1, p.info3, p.warning1, p.warning3, p.tips1, p.tips3{padding-left:30px} p.info2, p.info4{padding:3px 3px 3px 30px; border-top:#39f solid 1px; border-bottom:#39f solid 1px; background-position:3px center} p.info3, p.info4{background-color:#f0f6fe; background-position:7px center; min-height:14px; padding:12px 0 14px 30px} p.warning2, p.warning4{border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px; padding:3px 3px 3px 30px; background-position:3px center} p.warning3, p.warning4{background-color:#ffeeea; background-position:7px center; min-height:14px; width:auto; padding:12px 0 14px 30px} p.warning4{border-top:#f71212 solid 1px; border-bottom:#f71212 solid 1px} p.tips2, p.tips4{border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px; padding:3px 3px 3px 30px; background-position:3px center} p.tips3, p.tips4{display:block; background-color:#fdffca; background-position:7px center; min-height:14px; padding:12px 0 14px 30px} p.tips4{border-top:#fde647 solid 1px; border-bottom:#fde647 solid 1px} /* Dropcaps */ span.Dropcap1, span.Dropcap2, span.Dropcap3{font-size:5.0em; display:block; float:left; line-height:1.0em; font-family:'Times New Roman',serif} span.Dropcap1{height:61px; margin:-4px 5px -3px 0} p.Dropcap2{padding:0 0 0 50px} span.Dropcap2{height:61px; margin:-4px 0 0 -50px} p.Dropcap3{margin-top:32px} span.Dropcap3{height:61px; margin:-32px 5px 0 0} /* Blockquotes */ blockquote{font-style:italic; margin:20px 0; float:left} blockquote div.blockquote1 div{padding:0 17px} blockquote div.blockquote2 div{padding:0 17px} blockquote div.blockquote3{padding-bottom:5px} blockquote div.blockquote3 div{padding:5px 27px 0 27px} blockquote div.blockquote4{padding-top:2px} blockquote div.blockquote4 div{padding:5px 27px 0 27px} /* Floated blocks */ .blockTextLeft, .blockTextRight, .blockTextCenter{display:block; width:30%; padding:15px; font-style:italic} .blockTextLeft{float:left; text-align:left} .blockTextRight{float:right; text-align:right} .blockTextCenter{margin:0 auto; text-align:center} /* Legends */ div.legend1 h4, div.legend2 h4, div.legend3 h4, div.legend4 h4, div.legend5 h4, div.legend6 h4{width:auto; float:left; background:#fff; position:relative; top:-9px; left:11px; margin:0 0 -9px 0!important; padding:0 3px; font-size:1.17em; font-weight:normal} div.legend3 h4:first-child, div.legend5 h4:first-child{background:#e7e7e7} div.legend4 h4:first-child, div.legend6 h4:first-child{border:solid 1px #666} div.legend1, div.legend5, div.legend6{border:solid 1px #666; margin:25px 0} div.legend2, div.legend3, div.legend4{border-top:solid 1px #666; border-bottom:solid 1px #666; margin:25px 0} div.legend1 p, div.legend2 p, div.legend3 p, div.legend4 p, div.legend5 p, div.legend6 p{margin:7px; clear:both} /* icons */ .audio, .creditcard, .feed, .help, .webcam, .images, .lock, .printer, .report, .script, .time, .user, .world, .camera, .brick, .box, .cart, .cd, .chart_bar, .chart_line, .chart_pie, .clock, .cog, .coins, .compress, .computer, .cross, .disk, .error, .email, .accept, .add, .calendar, .group, .exclamation, .film, .folder, .heart, .house, .image, .information, .magnifier, .money, .new, .notes, .a4, .a4_white, .plugin{padding:0 0 2px 30px!important} .audio{background:transparent url('../css-images/icons/audio.png') no-repeat left top} .creditcard{background:transparent url('../css-images/icons/credit.png') no-repeat left top} .feed{background:transparent url('../css-images/icons/feed.png') no-repeat left top} .help{background:transparent url('../css-images/icons/help.png') no-repeat left top} .webcam{background:transparent url('../css-images/icons/webcam.png') no-repeat left top} .images{background:transparent url('../css-images/icons/images.png') no-repeat left top} .lock{background:transparent url('../css-images/icons/lock.png') no-repeat left top} .printer{background:transparent url('../css-images/icons/printer.png') no-repeat left top} .report{background:transparent url('../css-images/icons/report.png') no-repeat left top} .script{background:transparent url('../css-images/icons/script.png') no-repeat left top} .time{background:transparent url('../css-images/icons/time.png') no-repeat left top} .user{background:transparent url('../css-images/icons/user.png') no-repeat left top} .world{background:transparent url('../css-images/icons/world.png') no-repeat left top} .cart{background:transparent url('../css-images/icons/cart.png') no-repeat left top} .cd{background:transparent url('../css-images/icons/cd.png') no-repeat left top} .chart_bar{background:transparent url('../css-images/icons/chart_bar.png') no-repeat left top} .chart_line{background:transparent url('../css-images/icons/chart_line.png') no-repeat left top} .chart_pie{background:transparent url('../css-images/icons/chart_pie.png') no-repeat left top} .clock{background:transparent url('../css-images/icons/clock.png') no-repeat left top} .cog{background:transparent url('../css-images/icons/cog.png') no-repeat left top} .coins{background:transparent url('../css-images/icons/coins.png') no-repeat left top} .compress{background:transparent url('../css-images/icons/compress.png') no-repeat left top} .computer{background:transparent url('../css-images/icons/computer.png') no-repeat left top} .cross{background:transparent url('../css-images/icons/cross.png') no-repeat left top} .disk{background:transparent url('../css-images/icons/disk.png') no-repeat left top} .error{background:transparent url('../css-images/icons/error.png') no-repeat left top} .email{background:transparent url('../css-images/icons/email.png') no-repeat left top} .exclamation{background:transparent url('../css-images/icons/exclamation.png') no-repeat left top} .film{background:transparent url('../css-images/icons/film.png') no-repeat left top} .folder{background:transparent url('../css-images/icons/folder.png') no-repeat left top} .group{background:transparent url('../css-images/icons/group.png') no-repeat left top} .heart{background:transparent url('../css-images/icons/heart.png') no-repeat left top} .house{background:transparent url('../css-images/icons/house.png') no-repeat left top} .image{background:transparent url('../css-images/icons/image.png') no-repeat left top} .information{background:transparent url('../css-images/icons/information.png') no-repeat left top} .magnifier{background:transparent url('../css-images/icons/magnifier.png') no-repeat left top} .money{background:transparent url('../css-images/icons/money.png') no-repeat left top} .new{background:transparent url('../css-images/icons/new.png') no-repeat left top} .notes{background:transparent url('../css-images/icons/note.png') no-repeat left top} .a4{background:transparent url('../css-images/icons/page.png') no-repeat left top} .a4_white{background:transparent url('../css-images/icons/page_white.png') no-repeat left top} .plugin{background:transparent url('../css-images/icons/plugin.png') no-repeat left top} .accept{background:transparent url('../css-images/icons/accept.png') no-repeat left top} .add{background:transparent url('../css-images/icons/add.png') no-repeat left top} .camera{background:transparent url('../css-images/icons/camera.png') no-repeat left top} .brick{background:transparent url('../css-images/icons/brick.png') no-repeat left top} .box{background:transparent url('../css-images/icons/box.png') no-repeat left top} .calendar{background:transparent url('../css-images/icons/calendar.png') no-repeat left top} /* Highlights */ .highlight-1, .highlight-2, .highlight-3, .highlight-4{padding:1px 5px} /* Colors for spans */ span.clear, span.clear-1, span.clear-2, span.color, span.color-1, span.color-2, span.color-3, span.color-4, span.color-5, span.color-6, span.color-7{display:block; padding:5px 10px; margin-bottom:10px} /* ordered lists */ ol{padding-left:28px; list-style-position:inside} ol.dec{list-style-type:decimal; list-style-position:inside} ol.roman{list-style-type:upper-roman; list-style-position:inside} ol.alpha{list-style-type:lower-alpha; list-style-position:inside} ol.decimalLeadingZero{list-style-type:decimal-leading-zero; list-style-position:inside} /* unordered lists */ ul.bullet1, ul.bullet2, ul.bullet3, ul.bullet4, ul.circle1, ul.circle2, ul.square1, ul.square2, ul.square3{padding-left:18px} ul li{list-style-position:outside;} ul.bullet1 li, ul.bullet2 li, ul.bullet3 li, ul.bullet4 li, ul.circle1 li, ul.circle2 li, ul.square1 li, ul.square2 li, ul.square3 li{margin:10px 0!important; line-height:0.83em!important; list-style-position:outside; overflow:inherit;background:none!important;} ul.circle2{list-style-type:circle} ul.square1{list-style-type:square} /* Numbers */ div.number1 span{padding:4px} div.number2 span{padding:4px; color:#fff} /* Definition lists */ dl.def1 dt, dl.def2 dt, dl.def3 dt{margin:10px 0 5px 0} dl.def1 dd, dl.def2 dd, dl.def3 dd{padding-left:25px} dl.def2 dt{text-decoration:underline} dl.def3 dt{font-weight:bold} /* acronyms and abbrs */ acronym, abbr{border-bottom-width:1px; border-bottom-style:dotted} acronym:hover, abbr:hover{border-bottom-style:solid; cursor:pointer} /* * typography.css */ pre, .code1, .code2{background:#F2F1E9} pre, .code1{border-left:5px solid #ccc!important} .code2{border-top:5px solid #ccc; border-bottom:5px solid #ccc} .code3{border-top:1px solid #ccc; border-bottom:1px solid #ccc} .code3 h4{background:#fff} p.info1, p.info2, p.info3, p.info4{background:transparent url('../css-images/icons/info.png') no-repeat left center} p.warning1, p.warning2, p.warning3, p.warning4{background:transparent url('../css-images/icons/warning.png') no-repeat left center} p.tips1, p.tips2, p.tips3, p.tips4{background:transparent url('../css-images/icons/tips.png') no-repeat left center} p.info2, p.info4{border-top:#d1e8f5 solid 1px; border-bottom:#d1e8f5 solid 1px; background-position:3px center} p.info3, p.info4{background-color:#f4fbff; background-position:7px center} p.warning2, p.warning4{border-top:#f5d1d1 solid 1px; border-bottom:#f5d1d1 solid 1px; background-position:3px center} p.warning3, p.warning4{background-color:#f6eeee; background-position:7px center} p.tips2, p.tips4{border-top:#f5f4aa solid 1px; border-bottom:#f5f4aa solid 1px; background-position:3px center} p.tips3, p.tips4{background-color:#fffff3; background-position:7px center} blockquote div.blockquote1{background:transparent url(../css-images/typography/open1.png) no-repeat left bottom} blockquote div.blockquote1 div{background:transparent url(../css-images/typography/close1.png) no-repeat right top} blockquote div.blockquote2{background:transparent url(../css-images/typography/open1.png) no-repeat left top} blockquote div.blockquote2 div{background:transparent url(../css-images/typography/close1.png) no-repeat right top} blockquote div.blockquote3{background:transparent url(../css-images/typography/open2.png) no-repeat left bottom} blockquote div.blockquote3 div{background:transparent url(../css-images/typography/close2.png) no-repeat right top} blockquote div.blockquote4{background:transparent url(../css-images/typography/open2.png) no-repeat left top} blockquote div.blockquote4 div{background:transparent url(../css-images/typography/close2.png) no-repeat right top} div.legend1 h4, div.legend2 h4, div.legend3 h4, div.legend4 h4, div.legend5 h4, div.legend6 h4{background:#f5f5f5} div.legend3 h4:first-child, div.legend5 h4:first-child{background:#e7e7e7} div.legend4 h4:first-child, div.legend6 h4:first-child{border:solid 1px #666} div.legend1, div.legend5, div.legend6{border:solid 1px #666} div.legend2, div.legend3, div.legend4{border-top:solid 1px #666; border-bottom:solid 1px #666} .highlight-1{background:#ffffda} .highlight-2{background:#ec3200; color:#fff} .highlight-3{background:#b02500; color:#fff} .highlight-4{background:#333; color:#fff} span.clear{border-top:1px solid #ec3200; border-bottom:1px solid #ec3200; color:#ec3200} span.clear-1{border-top:1px solid #b02500; border-bottom:1px solid #b02500; color:#b02500} span.clear-2{border-top:1px solid #333; border-bottom:1px solid #333; color:#333} span.color{color:#ec3200} span.color-1{color:#b02500} span.color-2{color:#ec3200; border-left:2px solid #ec3200} span.color-3{color:#333; border-left:2px solid #333} span.color-4{color:#ec3200; background:#f4fbff} span.color-5{color:#fff; background:#b02500} span.color-6{color:#d48d1c; background:#ffe; border-top:1px solid #e9e9a1; border-bottom:1px solid #e9e9a1} span.color-7{background:#333; color:#fff} ul.circle1{list-style-image:url(../css-images/typography/bullet3ul.png)!important} ul.circle2{list-style-type:circle} ul.bullet1{list-style-image:url(../css-images/typography/bullet_ol_1_dark.png)!important} ul.bullet2{list-style-image:url(../css-images/typography/bullet1ul.png)!important} ul.bullet3{list-style-image:url(../css-images/typography/bullet2ul.png)!important} ul.bullet4{list-style-image:url(../css-images/typography/bullet_ol_1_color.png)!important} ul.square1{list-style-type:square} ul.square2{list-style-image:url(../css-images/typography/bullet_squ1_dark.png)!important} ul.square3{list-style-image:url(../css-images/typography/bullet_squ1_color.png)!important} div.number1 span{background:transparent url(../css-images/typography/bullet_ol_2.png) no-repeat center center; color:#fff} div.number2 span{background:transparent url(../css-images/typography/bullet_ol_2_color.png) no-repeat center center; color:#fff} /* @group Notice Styles */ span.notice, span.alert, span.info, span.download, span.note { display: block; padding: 10px 10px 10px 45px; margin: 15px 0; font-size:13px; } span.alert { color: #ff0000; border-top: 1px solid #ffd699; border-bottom: 1px solid #ffd699; background: #FFF0D9 url(../css-images/status-alert.png) 10px 50% no-repeat; } span.notice, span.info { color: #0055BB; border-top: 1px solid #629de3; border-bottom: 1px solid #629de3; background: #D8E5F8 url(../css-images/status-info.png) 10px 50% no-repeat; } span.note { color: #B79000; border-top: 1px solid #fde179; border-bottom: 1px solid #fde179; background: #FEF6D8 url(../css-images/status-note.png) 10px 50% no-repeat; } span.download { color: #57861A; border-top: 1px solid #c2df88; border-bottom: 1px solid #c2df88; background: #EEF7DD url(../css-images/status-download.png) 10px 50% no-repeat; }