?
Path : /home/admin/public_html/old/happy2/templates/ja_travel/css/ |
Current File : /home/admin/public_html/old/happy2/templates/ja_travel/css/css3.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. * ------------------------------------------------------------------------ */ /* Poll */ form.poll .button { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } /* FORM --------------------------------------------------------- */ input.button, button.validate, .custom_newsletter a.links, .reset div button, .remind div button { box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4) -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } /*Inline images ---*/ span.highslide-img a{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); } .button, .button:hover, .button:focus, .button:active, .cat-link a.categroymore{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .ja-fbshare-button.button { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } .contact-form img.img{ border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } img.img-border, .blog-image img, .article-content p img, .blog .contentpaneopen p img, #ja-topsl div.ja-moduletable img, #ja-topsl1 div.ja-moduletable img, #ja-botsl1 div.ja-moduletable img, #ja-botsl2 div.ja-moduletable img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } /* Module shadow */ div.moduletable_round h3 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } div.moduletable_shadow h3 span, div.moduletable_border h3 span, div.moduletable_round h3 span { background: none !important; border: 0 !important; } div.moduletable_shadow { box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } /* Module round */ div.moduletable_round { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } /* Module highlight */ div.moduletable_hilite h3 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } div.moduletable_hilite h3 span { background: none !important; border: 0 !important; } div.moduletable_hilite { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } /* Module title black */ div.moduletable_hrblack h3, div.moduletable_hrblue h3, div.moduletable_hrbrown h3, div.moduletable_hrgreen h3, div.moduletable_hrred h3 { border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -webkit-border-radius: 5px 5px 0 0; } div.moduletable_hrblack, div.moduletable_hrblue, div.moduletable_hrbrown, div.moduletable_hrgreen, div.moduletable_hrred { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 0 3px rgba(0, 0, 0, .2); -moz-box-shadow: 0 0 3px rgba(0, 0, 0, .2); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .2); } .moduletable_newsletter a.links { box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.5); border-radius: 5px; -moz-border-radius: 5px; -wekbit-border-radius: 5px; } /* Search ---*/ #ja-search .inputbox { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } .view-cotent img.img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); } #component-contact .button { text-shadow: 0 1px 1px #F5F5F5; } #component-contact input { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)inset; -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2)inset; -wekbit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.3)inset; } #component-contact input#contact_email_copy { border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; box-shadow: none; -moz-box-shadow: none; -wekbit-box-shadow: none; } #component-contact textarea { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)inset; -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2)inset; -wekbit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)inset; } div.form-user input { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /* Register Module ---*/ .registration form label { width: 180px; } .registration form input, .contact-form form input, .contact-form form textarea, .reset input.validate-username, .remind input.validate-email{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } /* Sub Nav (lv2) ---*/ #ja-subnav ul li ul { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .com_mailto p input { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)inset; -moz-box-shadow: 0px 1px 0px rgba(0, 0, 0, 0.2)inset; -wekbit-box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.2)inset; } #ja-cssmenu li a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #ja-cssmenu li a.active { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #ja-cssmenu li a.sfhover { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } /* 2nd level and above */ #ja-cssmenu ul a { width: auto; } #ja-cssmenu li ul { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } #ja-cssmenu li ul li { text-shadow: none; } #ja-cssmenu li ul li a { text-shadow: none; } #ja-cssmenu li ul li a.sfhover, #ja-cssmenu li ul li a.active { text-shadow: none; } #jasdl-mainnav li a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #jasdl-mainnav li a.active { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #jasdl-mainnav li a:hover { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .ja-megamenu ul.level0 li.mega a.mega { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .ja-megamenu ul.level0 li.mega a.mega.active { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .ja-megamenu ul.level0 li.mega a.mega.over { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } .ja-megamenu ul.level1 li.mega a.mega { text-shadow: none !important; } .ja-megamenu ul.level1 li.mega a.mega.over, .ja-megamenu ul.level1 li.mega.active a.mega.active { text-shadow: none !important; } /* CHILD CONTENT -----------------------------------*/ .ja-megamenu .childcontent-inner { box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.3); } .view-mega img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0px 0px rgba(0, 0, 0, 0.3); } #ja-splitmenu li a { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #ja-splitmenu li.active a, #ja-splitmenu li.active a:hover, #ja-splitmenu li.active a:active, #ja-splitmenu li.active a:focus { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } #ja-splitmenu li a:hover { text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); } div.form-user input { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*Contentslider-----------*/ .content-slider{ box-shadow: 0 1px 0px rgba(204, 204, 204, 0.3); -moz-box-shadow: 0 1px 0px rgba(204, 204, 204, 0.3); -webkit-box-shadow: 0 1px 0px rgba(204, 204, 204, 0.3); } #ja-bulletin a.links { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } .ja-twitter-avatar { box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -moz-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } /* BUBBLES -----------------------------------------------------------------*/ /* Common Style + Style 1 */ .ja-typo-bubble .ja-typo-bubblect { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.4); } /* MESSAGE BOXES AND LEGENDS STYLE -----------------------------------------------------------------*/ /* Box style ---*/ p.ja-typo-box { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } p.ja-typo-box.box-pink { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } /* BUTTONS --------------------------------------------------*/ /* Common Buttons Style ---*/ a.ja-typo-btn { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2); } /*Use for Demo Page Only*/ .box-gray { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)inset; } .box-pink { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)inset; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.2)inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2)inset; } .ja-typo-img-wrap { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 0 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-border-radius: 3px; border-radius: 3px; -webkit-border-radius: 3px; } span.tag-rounded, .btn-rounded-sm, .btn-rounded-sm span, .btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm, .btn-rounded-icn span, .btn-rounded-big span, .btn-rounded-sm span, .legend-rounded, p.ja-typo-box.box-rounded, .moduletable_badge.box-rounded, .ja-typo-bubble.bubble-rounded .ja-typo-bubblect { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } #mailto-window button.button{ border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } body.contentpane .formelm input { border-radius: 5px 5px 5px 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } #frame { border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 0 5px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 5px rgba(0,0,0,.2); } #frame #form-login .inputbox { border-radius: 3px; -webkit-border-radius: 3px; } #frame #form-login .inputbox:focus { box-shadow: 0 0 3px rgba(0,0,0,.2); -webkit-box-shadow: 0 0 3px rgba(0,0,0,.2); -moz-transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s; } #frame #form-login .button { text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); border-radius: 4px 4px 4px 4px; box-shadow: 0 1px 0 rgba(255, 255, 255, 0.2) inset, 0 1px 2px rgba(0, 0, 0, 0.05); -moz-border-bottom-colors: none; -moz-border-image: none; -moz-border-left-colors: none; -moz-border-right-colors: none; -moz-border-top-colors: none; } #frame #form-login .button:hover { -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -ms-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear; } @media screen and (-webkit-min-device-pixel-ratio:0) { .form-value .button { margin-top: 19px !important; } } a.subCategoryMore { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } #form-login p#form-login-username, #form-login p#form-login-password { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*K2 ------*/ /*Images------*/ .catItemImage img { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.3); } div.itemCommentsForm form textarea.inputbox { box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 0 2px rgba(0, 0, 0, 0.2) inset; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } /*itemRelated-------*/ .userBlock, .itemAuthorBlock{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; } div.userBlock img, .itemAuthorBlock img { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .userItemImage img { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .userItemIntroText img, .k2Avatar img { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .genericItemImage img { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } a.subCategoryMore { border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, 0.4); } div.itemComments ul.itemCommentsList li { border-radius: 5px; -webkit-border-radius: 5px; -moz-border-radius: 5px; } div.itemComments ul.itemCommentsList li img.itemAuthorAvatar { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .itemView .itemImage img, .tagView .tagItemView .tagItemImage img, .BlogCategory .catItemIntroText .img-border { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; } .k2AccountPage input.inputbox, .k2AccountPage tr td input#url, .k2AccountPage tr td textarea{ border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.2) inset; } .k2AccountPage .k2AccountPageImage { box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, 0.3); border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; }