?
Path : /home/admin/public_html/old/happy2/templates/ja_travel/css/ |
Current File : /home/admin/public_html/old/happy2/templates/ja_travel/css/typo.css |
/* * ------------------------------------------------------------------------ * JA Travel Template for Joomla 2.5 & 3.0 * ------------------------------------------------------------------------ * Copyright (C) 2004-2011 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 * This file may not be redistributed in whole or significant part. * ------------------------------------------------------------------------ */ @import url(fonts/ubuntu/stylesheet.css); @import url(fonts/aurulent/stylesheet.css); #ja-typo { color: #736d66; padding: 0 !important; } #ja-typo .ja-content-main { width: 100%; } /* TYPO HEAD -------------------------------------------------------------*/ #ja-typo-head { background: #fff; padding: 0; } ul#ja-typo-nav { margin: 0; padding: 0; } ul#ja-typo-nav li { display: block; float: left; margin: 0 5px 0 0; padding: 0; } ul#ja-typo-nav li a { color: #666; display: block; font-family: "Arial Narrow", Arial, sans-serif; letter-spacing: 1px; padding: 30px 10px 10px; text-decoration: none; text-transform: uppercase; } ul#ja-typo-nav li a:hover, ul#ja-typo-nav li a:active, ul#ja-typo-nav li a:focus { color: #333; } ul#ja-typo-nav li.active a { background: #333; color: #fff; } /* TYPO PAGE LAYOUT -------------------------------------------------------------*/ .ja-typo-blockswrap { margin: 15px 0; } .ja-typo-block { float: left; } .ja-typo-blockct { padding: 0 10px; } .ja-typo-blockswrap .cols-1 .ja-typo-block { float: none; width: 100%; } .ja-typo-blockswrap .cols-2 .ja-typo-block { float: left; width: 49%; } .ja-typo-blockswrap .cols-3 .ja-typo-block { float: left; width: 33%; } .ja-typo-blockswrap .cols-4 .ja-typo-block { float: left; width: 24.9%; } .ja-typo-blockswrap .ja-typo-block.last { border-left: dotted 1px #cebcac; float: right; } .ja-typo-blockswrap .cols-3 .ja-typo-block.first { border-right: dotted 1px #cebcac; } .ja-typo-blockswrap h1.ja-typo-title { color: #D41B41; font-family: 'UbuntuRegular',Arial,Helvetica,sans-serif; font-size: 250%; margin: 0; padding: 0 10px; } .ja-typo-blockswrap h2.ja-typo-title { color: #D41B41; font-family: 'UbuntuRegular',Arial,Helvetica,sans-serif; font-size: 200%; margin: 0; padding: 0 10px; } .ja-typo-blockswrap h2.ja-typo-title span { color: #D41B41; display: inline-block; padding: 3px 0; } .ja-typo-blockrow > h2.ja-typo-title { margin-top: 20px; } .ja-typo-blockswrap h3.ja-typo-title { color: #D41B41; font-size: 150%; padding: 0 10px; } .ja-typo-blockswrap h4.ja-typo-title { color: #D41B41; padding: 0 10px; text-transform: none; } .ja-typo-blockswrap h5.ja-typo-title { color: #D41B41; padding: 0 10px; } .ja-typo-blockswrap h6.ja-typo-title { color: #D41B41; padding: 0 10px; } /* Blockswrap Actions ---*/ .ja-typo-blocks-actions { color: #999; font-size: 85%; position: absolute; right: 5px; top: 5px; } .ja-typo-blocks-actions a { color: #c00; font-family: Arial, Helvetica, sans-serif; font-size: 85%; font-weight: normal; text-decoration: none; text-transform: none; } /* Block Actions ---*/ #ja-typo .typo-wrap { } #ja-typo .typo-wrap a.typo-view-details { background: #333; border: 1px solid #1f1f1f; color: #fff; font-weight: bold; padding: 2px 8px 1px; text-decoration: none; text-transform: capitalize; } /* PREFORMATTED TEXT -------------------------------------------------------------*/ /* Pre, Code ---*/ /* Pre */ .ja-typo-code-title { background: url(../images/typo/grad-grey.gif) left bottom repeat-x #e5e7eb; border-bottom: 1px solid #bab5ab; border-right: 1px solid #dcdbda; color: #736d66; line-height: 30px; padding: 5px 10px; } .ja-typo-code-order { background: #fbfcfc; } pre, .code { background: #fbfcfc; border: solid 1px #DBDAD8; border-top: none; line-height: 20px; margin: 0 !important; padding: 0 10px 0 10px !important; } pre .code-comment, .code .code-comment { color: #8ab36c; } pre .code-highlight, .code .code-highlight { color: #bd3e1c; } /* Inline Words Hilite ---*/ .highlight { background: #fbf4d0; color: #817162; padding: 1px 3px; } .highlight.hight-pink { background: #fbe0e5; color: #c6425d; } /* Dropcap ---*/ span.dropcap { color: #d41b41; display: block; float: left; font-size: 40px; line-height: 20px; font-family: 'UbuntuBold',Arial,Helvetica,sans-serif; padding: 15px 8px 0 0; } span.dropcap.dropcap-big { font-family: 'UbuntuBold',Arial,Helvetica,sans-serif; font-size: 60px; line-height: 40px; } /* Blockquote ---*/ #ja-typo blockquote { color: #ed8da1; font-family: 'AurulentSansRegular',Helvetica,Arial,sans-serif; } blockquote span.open { background: url(../images/typo/so-q.png) no-repeat left top; display: inline-block; padding: 0 0 0 25px; } blockquote span.close { background: url(../images/typo/sc-q.gif) no-repeat bottom right; display: inline-block; padding: 0 20px 0 0; } .blockquote-2 { float: left; margin: 0 20px 0 0 !important; width: 35%; } span.quote-author { color: #d3c8bc; display: block; display: block; } span.profile { display: block; } span.quote-author strong{ color: #bca993; } .blockquote-2 span.quote-author { text-align: right; } /* sub & sup tags ---*/ sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; } /* LIST STYLES -----------------------------------------------------------------*/ /* Special list style ---*/ ol.typo-list li, ul.typo-list li { margin: 10px 0 10px 30px !important; } ul.ja-typo-list { margin-bottom: 15px !important; } ul.ja-typo-list li { background: none; margin-bottom: 0 !important; overflow: hidden; padding: 0 0 0 25px !important; position: relative; } ul.ja-typo-list span.icon { background-image: url(../images/typo/icons-sprites-silk.png); background-repeat: no-repeat; display: block; height: 16px; left: 0; position: absolute; top: 3px; width: 16px; } ul.list-star span.icon { background-position: left top; } ul.list-delete span.icon { background-position: left -16px; } ul.list-arrow span.icon { background-position: left -32px; } ul.list-check span.icon { background-position: left -48px; } /* Big Number ---*/ .blocknumber { min-height: 44px; padding: 5px 0 5px 35px !important; position: relative; } .blocknumber .bignumber { color: #e3d8cd; display: block; font-family: 'UbuntuBold',Arial,Helvetica,sans-serif;; font-size: 24px; height: 28px; left: 0; line-height: 28px !important; position: absolute; text-align: center; top: 10px; width: 28px; } .blocknumber-2 .bignumber { background: url(../images/typo/blocknumber-bg.png) no-repeat left top; color: #fff; } /* ICON STYLE -----------------------------------------------------------------*/ /* Tips, Error, Message, Hightlight ---*/ p.ja-typo-icon { padding-left: 30px; position: relative; } p.ja-typo-icon span.icon { background-image: url(../images/typo/icon-message.png); background-repeat: no-repeat; display: block; height: 24px; left: 0; position: absolute; top: 0; width: 24px; } span.box-dialog { background-image: url(../images/typo/dialog.png); } span.box-flash{ background-image: url(../images/typo/flash.png); } p.icon-message span.icon{ background-position: 0 0; } p.icon-star span.icon{ background-position: 0 -24px; } p.icon-percent span.icon{ background-position: 0 -48px; } p.icon-check span.icon{ background-position: 0 -72px; } p.icon-info span.icon{ background-position: 0 -96px; } p.icon-light span.icon{ background-position: 0 -120px; } p.icon-message { color: #EC3910; } p.icon-star{ color: #3FA5E4; } p.icon-percent { color: #BE72E2; } p.icon-check { color: #EF47BC; } p.icon-info { color: #3DCBDB; } p.icon-light { color: #F8C03C; } /* BUBBLES -----------------------------------------------------------------*/ /* Common Style + Style 1 */ .ja-typo-bubble { margin: 20px 0; position: relative; } .ja-typo-bubble .ja-typo-bubblect { background: url(../images/typo/gray-bg.gif) repeat-x left bottom #f5f5f5; padding: 10px 15px; } .bubble-6 .ja-typo-bubblect { background: url(../images/typo/pink-bg.gif) repeat-x left bottom #d3214e; color: #fedee5; } .ja-typo-bubble p.ja-typo-bubble-meta { height: 17px; margin: -1px 0 0; padding-left: 65px; } .ja-typo-bubble span.ja-typo-bubble-author { color: #caa89a; display: block; padding-top: 5px; } .bubble-6 span.ja-typo-bubble-author { color: #db7e93; } .ja-typo-bubble span.ja-typo-bubble-arrow { background: url(../images/typo/bubble-arrow.png) 0 0; bottom: 0; display: block; height: 17px; left: 28px; position: absolute; width: 18px; } .bubble-6 span.ja-typo-bubble-arrow { background-position: 0 -17px; } /* MESSAGE BOXES AND LEGENDS STYLE -----------------------------------------------------------------*/ /* Box style ---*/ p.ja-typo-box { background: url(../images/typo/gray-bg.gif) repeat-x left bottom #f5f5f5; color: #736c65; padding: 10px 15px; position: relative; } p.ja-typo-box strong { display: block; font-family: 'UbuntuBold',Arial,Helvetica,sans-serif; font-size: 130%; } .center strong { text-align: center; } p.ja-typo-box.box-gray strong { color: #d41b41; } p.ja-typo-box.box-pink strong{ color: #fedee4; } p.ja-typo-box.box-pink { background: url(../images/typo/pink-bg.gif) repeat-x left bottom #d3214e; color: #FEDEE4; padding: 10px 15px; } p.ja-typo-box.box-orange { background: url(../images/typo/orange-bg.gif) repeat-x left bottom #ec3910; } p.ja-typo-box.box-blue { background: url(../images/typo/blue-bg.gif) repeat-x left bottom #3dcbdb; } p.ja-typo-box.box-yellow { background: url(../images/typo/yellow-bg.gif) repeat-x left bottom #f8c03c; } p.ja-typo-box.box-violet { background: url(../images/typo/violet-bg.gif) repeat-x left bottom #be72e2; } p.ja-typo-box.box-blue-dark{ background: url(../images/typo/blue-dark-bg.gif) repeat-x left bottom #3fa5e4; } p.ja-typo-box.box-magenta{ background: url(../images/typo/magenta-bg.gif) repeat-x left bottom #ef47bc; } /* Box with icons */ p.ja-typo-box.box-icon-big { padding-left: 70px; } p.ja-typo-box.box-icon{ color: #fff; padding-left: 40px; } p.ja-typo-box.box-icon-big a.ja-typo-btn { float: none !important; margin: 10px 0 !important; width: 110px; } span.box-icon-big{ background-position: 0 0; background-repeat: no-repeat; height: 54px; left: 10px; position: absolute; top: 35px; width: 54px; } span.box-icon{ background-image: url(../images/typo/icon-message.png); background-repeat: no-repeat; height: 24px; left: 10px; position: absolute; top: 15px; width: 24px; } span.box-dialog { background-image: url(../images/typo/dialog.png); } span.box-flash{ background-image: url(../images/typo/flash.png); } span.box-message { background-position: 0 0; } span.box-star { background-position: 0 -24px; } span.box-percent { background-position: 0 -48px; } span.box-check { background-position: 0 -72px; } span.box-info { background-position: 0 -96px; } span.box-light { background-position: 0 -120px; } /* Box without icons - Style 1*/ /* Legend ---*/ .ja-typo-legend { border: 1px solid #ddd; margin: 20px 0; padding: 20px 15px 15px; position: relative; } .ja-typo-legend .legend-title { background: #fff; display: block; float: left; font-family: Arial, sans-serif; font-size: 125%; font-weight: bold; left: 10px; line-height: normal; margin: 0 !important; padding: 5px !important; position: absolute; top: -17px; } /* Legend Style 2 */ .legend-2 { border: 1px solid #08c; } .legend-2 .legend-title { color: #08c; } /* BUTTONS --------------------------------------------------*/ /* Common Buttons Style ---*/ a.ja-typo-btn { background: url(../images/typo/grad-l1-trans.png) repeat-x bottom; color: #333; display: block; text-decoration: none; white-space: nowrap; } a.ja-typo-btn:hover, a.ja-typo-btn:active, a.ja-typo-btn:focus { text-decoration: none; } /*Use for Demo Page Only*/ #ja-typo a.ja-typo-btn { float: left; margin: 20px 30px 10px 0; } p.ja-typo-box.center a.ja-typo-btn { float: none !important; margin: 10px auto 10px auto !important; width: 130px !important; } /* Icon Buttons ---*/ a.ja-typo-btn-icn { color: #333; display: block; height: 30px; } a.ja-typo-btn-icn span { background-position: 10px 7px; background-repeat: no-repeat; display: block; padding: 0 15px 0 33px; } a.btn-icn-save span { background-image: url(../images/typo/disk.png); } a.btn-icn-tip span { background-image: url(../images/typo/lightbulb.png); } a.btn-icn-info span { background-image: url(../images/typo/information.png); } a.btn-icn-ok span { background-image: url(../images/typo/tick.png); } a.btn-icn-warning span { background-image: url(../images/typo/exclamation.png); } a.ja-typo-btn-icn span span { background: none; border: none; display: inline; height: auto; line-height: 28px; padding: 0; } /* Big Buttons ----*/ a.ja-typo-btn-big { font-size: 125%; line-height: normal; text-align: center; } a.ja-typo-btn-big span { display: block; padding: 6px 10px; } /* Small Buttons --- */ a.ja-typo-btn-sm { font-size: 100%; line-height: normal; text-align: center; } a.ja-typo-btn-sm span { display: block; padding: 5px 10px; } a.ja-typo-btn.btn-grey { background: url(../images/typo/gray-bg.gif) repeat-x left bottom #f5f5f5; color: #d51c43; font-family: 'UbuntuRegular',Arial,Helvetica,sans-serif; } a.ja-typo-btn.btn-pink { background: url(../images/typo/pink-bg.gif) repeat-x left bottom #d3214e; color: #fedede; font-family: 'UbuntuBold',Arial,Helvetica,sans-serif; } /* Common style for Dark Buttons --- */ /* Button Blue*/ a.btn-blue { background-color: #08c; } a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus { } a.btn-blue span { } /* Button Black*/ a.btn-black { background-color: #666; } a.btn-black:hover, a.btn-black:active, a.btn-black:focus { } a.btn-black span { } /* Button green*/ a.btn-green { background-color: #669900; } a.btn-green:hover, a.btn-green:active, a.btn-green:focus { } a.btn-green span { } /* Button red*/ a.btn-red { background-color: #cc0000; } a.btn-red:hover, a.btn-red:active, a.btn-red:focus { border-color: #9a0000; } a.btn-red span { border-color: #e47878; } /* Button orange*/ a.btn-orange { background-color: #e58c00; } a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus { } a.btn-orange span { } /* TAGS --------------------------------------------------*/ span.ja-typo-tag { background: #666; color: #fff; display: inline-block; line-height: normal; margin: 0 2px; padding: 3px 12px; white-space: nowrap; } span.tag-blue { background: #08c; } span.tag-green { background: #669900; } span.tag-orange { background: #e58c00; } span.tag-red { background: #cc0000; } span.tag-grey { background: #ccc; color: #333; } /* SPECIAL MODULE STYLE --------------------------------------------------*/ /* Badge ---*/ .badge { background-image: url(../images/typo/badge.png); background-repeat: no-repeat; bottom: 0; height: 49px; position: absolute; right: 0; top: auto; width: 49px; } .badge-pick .badge { background-position: 0 0; } .badge-new .badge { background-position: 0 -49px; } .badge-hot .badge { background-position: 0 -98px; } .badge-top .badge { background-position: 0 -147px; } /*Use for Demo Page Only*/ #ja-typo .moduletable_badge { margin: 15px 0 5px 0 !important; min-height: 30px; } #ja-typo .moduletable_badge { padding: 0; } #ja-typo .moduletable_badge .ja-box-ct { padding: 15px; } .box-gray { background: url(../images/typo/gray-bg.gif) repeat-x left bottom #f5f5f5; color: #736c65; padding: 10px 15px; } .box-pink { background: url(../images/typo/pink-bg.gif) repeat-x left bottom #d3214e; color: #fedee4; } .ja-typo-img-wrap { background-color: #f6f2ed; padding: 4px; } .ja-typo-img-wrap.left { margin-bottom: 10px; margin-right: 15px; } .ja-typo-img-wrap.right { float: right; margin-bottom: 10px; margin-left: 15px; } .ja-typo-img-wrap span { color: #a49688; display: block; padding: 5px; } /* Table styling -------------------------------------*/ .ja-typo-table { background: #fbfcfc; border-bottom: 1px solid #dbdad8; border-collapse: collapse; margin-bottom: 10px; } .ja-typo-table td { border: 1px solid #dbdad8; padding: 10px; vertical-align: top; } .ja-typo-table tr.last td { border-bottom: 1px solid #e2e2e2; } .ja-typo-table thead th { background: url(../images/typo/grad-grey.gif) left bottom repeat-x #e5e7eb; border-bottom: 1px solid #bab5ab; border-left: 1px solid #dcdbda; color: #736d66; line-height: 30px; padding: 5px 10px; } .ja-typo-table td.last, .ja-typo-table th.last { border-right: 1px solid #dcdbda; } .ja-typo-table ul li { background-position: left 5px !important; background-repeat: no-repeat !important; margin-bottom: 5px; padding: 0 0 0 16px !important; } .ja-typo-table ul li.table-icon-check { background-image: url(../images/typo/icon-check.png); } .ja-typo-table ul li.table-icon-delete { background-image: url(../images/typo/icon-delete.png); } span.italic { color: #aaa59f; font-size: 11px; font-style: italic; } .ja-typo-table ul.table-icon { margin: 0 !important; } /* FORM --------------------------------------------------*/ /* Fieldset ----*/ /* Common Style + Style 1 */ fieldset.ja-typo-fieldset { border: 1px solid #ddd; padding: 10px 15px; } fieldset.ja-typo-fieldset legend { padding: 0 10px; } /* Style 2 */ fieldset.fieldset-2 { border: 1px solid #08c; } fieldset.fieldset-2 legend { color: #08c; } /*Use for Demo Page Only*/ #ja-typo fieldset { margin-top: 20px; } .ja-typo-blockct .inputbox { color: #999; font-style: italic; } .text-color { color: #ed8da1; margin-top: 0; }