@charset "utf-8"; /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > NJWA |-------------------------------------------------------------------------- | | @package Amedia Creative Community Skin | @subpackage NJWA - New Jersey Wireless Associatoin | @company Amedia Creative, Inc. | @phone 310/651/8733 | @fax 310/388/1210 | @author Joey Avino | @email joey@amediacreative.com | @link http://www.amediacreative.com | @copyright 2009 Amedia Creative, Inc. | */ /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Expanded Skin Colors |-------------------------------------------------------------------------- | | site background: #fff | default link: #36c4e8 | default link hover: #36c4e8 | h2: #36c4e8 | h3: #36c4e8 | h4: #2e3334 | selection bg: #fff2b6 | selection color: #E8D591 | default font color: #858585 | main menu color: white | main menu color rollover: #858585 | main menu color selected: white | right column h2: #fff | dynamic lead h2: white | flash message text: black | flash bessage bg: #fff2b6 | red flash message text: black | red flash message bg: #fff2b6 | sub menu a color: white | sub menu a hover: #fff2b6 | sub menu border color: white | event quick view color: #36c4e8 | file upload current bg: #fff2b6 | search results highlight: #fff2b6 | table header: black | accordion element color: #2e3334 | accordion link color: #9b9b9b | accordion link rollover color: #36c4e8 | accordion link rollout color: #9b9b9b | accordion link active: white | coverflow caption: #36c4e8 | Input text color: #2e3334 | submit button color: white | submit button color rollover: white | cal Star: red | error color: #e66455 | lightbox h2 title: white | lightbox overlay: black | multi select link: white | multi select hover: #36c4e8 | multi select link selected: white | caption: #858585 | tr alt bg: #f5f5f5 | tr hover bg: #fff2b6 | stat table term: black | tab menu text: white | tab menu text selected: #white | tab menu hover: #858585 | ajax loader spinning div: #white | upload status bg: white | demo status: white | lightbox color: white | coverflow wrap 3 bg: white | coverflow bg: White | default img div backgrond: white | tab content: none | img default border: #d3d3d3 | flash message border: #E8D591 | red flash message border: red | search results highlight #fff2b6 | coverflow drop shadow wrap 1 : #fbfbfb | coverflow drop shadow wrap 2: #e9e9e9 | coverflow drop shadow wrap 3: #d9d9d9 | iframe upload photo: white | */ /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Skin Colors |-------------------------------------------------------------------------- | | Core Application Unchangeables | ----- | default white: white | default black: black | default red: red | coverflow outer shadow: #fbfbfb | coverflow mid shadow: #e9e9e9 | coverflow inner shadow: #d9d9d9 | tr alt color: #f5f5f5 | default forms error color: #e66455 | default highlight bg color: #fff2b6 | default highlight border color: #E8D591 | | | Core Skin Colors | ----- | background color light: #4c70c6 | background color dark or link color: #36c4e8 | accent color dark: #36c4e8 | accent color light: #00929f | contrast black: #2e3334 | text color dark: #858585 | text color medium: #9b9b9b | text color light: #d3d3d3 | | */ /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Global Images |-------------------------------------------------------------------------- | | Declares all global images and some positioning. | Additional positioning can be found following this section. | */ /* ----- Main Section -------------- */ html, body { background: #4c70c6 url('../../images/layout/bg_repeat.gif') top left repeat-x; text-align: left; } /* ----- Global Header ---------- */ #global_header { background: url('../../images/layout/header_bg.gif') top left no-repeat; } /* ----- Logo -------------- */ #logo { background: url('../../images/layout/logo.gif') top left no-repeat; } /* ----- Main Menu. -------------- */ #main_menu li a span { background: url('../../images/layout/main_menu.gif'); } #main_menu li a span.left { background-position: left top; } #main_menu li a span.mid { background-position: -5px 0px; } #main_menu li a span.right { background-position: right top; } #main_menu li a:hover span.left { background-position: left -100px; } #main_menu li a:hover span.mid { background-position: -5px -100px; } #main_menu li a:hover span.right { background-position: right -100px; } /* ----- Main Menu: Page Selectors -------------- */ /* ----- Selects Event Page -------------- */ #event #main_menu li#menu_event a span.left { background-position: left -200px; } #event #main_menu li#menu_event a span.mid { background-position: -5px -200px; } #event #main_menu li#menu_event a span.right { background-position: right -200px; } /* ----- Selects Account -------------- */ #account #main_menu li#menu_account a span.left { background-position: left -200px; } #account #main_menu li#menu_account a span.mid { background-position: -5px -200px; } #account #main_menu li#menu_account a span.right { background-position: right -200px; } /* ----- Selects Article -------------- */ #article #main_menu li#menu_article a span.left { background-position: left -200px; } #article #main_menu li#menu_article a span.mid { background-position: -5px -200px; } #article #main_menu li#menu_article a span.right { background-position: right -200px; } /* ----- Selects Gallery -------------- */ #gallery #main_menu li#menu_gallery a span.left { background-position: left -200px; } #gallery #main_menu li#menu_gallery a span.mid { background-position: -5px -200px; } #gallery #main_menu li#menu_gallery a span.right { background-position: right -200px; } /* ----- Footer -------------- */ #global_footer { background: url('../../images/layout/footer_bg.gif') top left no-repeat; } /* ----- Icon Class -------------- */ .icon-img { background: url('../../images/icons/community_icons.gif') no-repeat;} .icon-img.toolbox-icon { background: url('../../images/icons/community_toolbox-icons.gif') no-repeat; } /* ----- Overvall Class -------------- */ .icon-img.view { background-position: -142px -2182px; } .icon-img.visit { background-position: -142px -2248px; } .icon-img.more { background-position: -142px -2314px; } .icon-img.add { background-position: -142px -2381px; } .icon-img.remove { background-position: -142px -2447px; } .icon-img.all { background-position: -142px -2513px; } .icon-img.next { background-position: -142px -2575px; } .icon-img.prev { background-position: -142px -2628px; } .icon-img.report { background-position: -142px -2689px; } /* ----- Home Icons -------------- */ .icon-img.home-view { background-position: -142px -29px; } .icon-img.home-more { background-position: -142px -95px; } .icon-img.more-bubble { background-position: -142px -161px; } .icon-img.home-visit { background-position: -142px -239px; } /* ----- Header Icons -------------- */ .icon-img.logout { background-position: -142px -460px; } .icon-img.my-account { background-position: -142px -526px; } /* ----- Browse Icons -------------- */ .icon-img.browse-more { background-position: -142px -725px; } .icon-img.browse-all { background-position: -142px -791px; } .icon-img.browse-view { background-position: -142px -857px; } /* ----- Sponsor Icons -------------- */ .icon-img.sponsor-become { background-position: -142px -1056px; } .icon-img.sponsor-all { background-position: -142px -1122px; } .icon-img.sponsor-view { background-position: -142px -1188px; } .icon-img.sponsor-expand { background-position: -142px -1254px; } .icon-img.sponsor-contract { background-position: -142px -1321px; } /* ----- Table Icons -------------- */ .icon-img.sort-asc { background-position: -142px -1496px; } .icon-img.sort-desc { background-position: -142px -1553px; } /* ----- Message Icons -------------- */ .icon-img.msg-next { background-position: -142px -1751px; } .icon-img.msg-prev { background-position: -142px -1883px; } .icon-img.msg-remove { background-position: -142px -1882px; } .icon-img.msg-expand { background-position: -142px -1949px; } .icon-img.msg-contract { background-position: -142px -2016px; } /* ----- Pagination Icons -------------- */ .icon-img.pag-num { background-position: -142px -2878px; } .icon-img.pag-next { background-position: -142px -2944px; } .icon-img.pag-prev { background-position: -142px -3010px; } /* ----- Comment Icons -------------- */ .icon-img.comment-report { background-position: -142px -3176px; } .icon-img.comment-add { background-position: -142px -3242px; } /* ----- Toolbox Icons -------------- */ .icon-img.toolbox-paypal { background-position: -160px -53px; } .icon-img.toolbox-print { background-position: -160px -101px; } .icon-img.toolbox-email { background-position: -160px -149px; } .icon-img.toolbox-create { background-position: -160px -197px; } .icon-img.toolbox-comment { background-position: -160px -245px; } .icon-img.toolbox-cancel { background-position: -160px -293px; } .icon-img.toolbox-remove { background-position: -160px -341px; } .icon-img.toolbox-edit { background-position: -160px -389px; } /* ----- Message Icons -------------- */ .icon-img.message-new { background-position: -142px -590px; } /* ----- Bullets -------------- */ .bullets a { background: url('../../images/layout/bullets.gif') no-repeat -2px 3px; } /* ----- Search Box -------------- */ #search_box #featured_search { background: url('../../images/layout/search_box.gif') no-repeat top left; } #search_box input.submit { background: url('../../images/layout/search_box.gif') no-repeat top right; } #search_box input.submit_over { background: url('../../images/layout/search_box.gif') no-repeat top right; } /* ----- Dynamic Lead -------------- */ #dynamic_lead { background: url('../../images/dl/dl_bg.gif') top left no-repeat; } /* ----- DL Top 5 -------------- */ .top_five .padding_wrapper { background: url('../../images/layout/right_rail_bucket.gif') no-repeat top left; } .top_five .tab_btm-runner { background: url('../../images/layout/right_rail_bucket.gif') no-repeat bottom left; } /* ----- Content Buckets -------------- */ #content_bucket_top { background: url('../../images/layout/content_bucket_top.png') top left no-repeat; } #content_bucket_mid { background: url('../../images/layout/content_bucket_bg.png') top left repeat-y; } #content_bucket_btm { background: url('../../images/layout/content_bucket_btm.png') top left no-repeat; } #content_bucket_top { _background: url('../../images/layout/content_bucket_top.gif') top left no-repeat; } #content_bucket_mid { _background: url('../../images/layout/content_bucket_bg.gif') top left repeat-y; } #content_bucket_btm { _background: url('../../images/layout/content_bucket_btm.gif') top left no-repeat; } /* ----- AJAX Loader -------------- */ .spinning_div { background: white url('../../images/forms/indicator.gif') no-repeat center center; } /* ----- Content Bucket (for items like comments) -------------- */ .center_bucket { background: url('../../images/layout/center_bucket.gif') no-repeat top left; } .center_bucket-runner { background: url('../../images/layout/center_bucket.gif') no-repeat bottom left; } /* ----- Sub Menu -------------- */ #sub_menu ul { background: url('../../images/layout/sub_bg.gif') no-repeat top left; } /* ----- Article View Moreby Carousel -------------- */ #quick_info { background: url('../../images/carousel/more_by_bg.gif') no-repeat top left; } /* ----- Multiple Upload Form -------------- */ #upload-status .progress { background: white url('../../../images/fancyupload/progress.gif') no-repeat; background-position: +50% 0; } #upload-list li.file { background: url('../../../images/fancyupload/file.png') no-repeat 4px 4px; } #upload-list li.file.file-uploading { background-image: url('../../../images/fancyupload/uploading.png'); } #upload-list li.file.file-success { background-image: url('../../../images/fancyupload/success.png'); } #upload-list li.file.file-failed { background-image: url('../../../images/fancyupload/failed.png'); } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Accordion Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > accordion.amedia.css | */ /* -- Accordion felxible attributes -- */ .element { background: url('../../../images/accordion/accordion.gif') no-repeat bottom left; } .accordion_link { background: url('../../../images/accordion/accordion.gif') no-repeat top left; } .accordion_active { background: url('../../../images/accordion/accordion.gif') no-repeat 0px -24px; } /* ---Accordion Top 5 Custom--- */ .top_five .element { background: url('../../../images/accordion/accordion_right_rail.gif') no-repeat bottom left; } .top_five .accordion_link { background: url('../../../images/accordion/accordion_right_rail.gif') no-repeat top left; } .top_five .accordion_active { background: url('../../../images/accordion/accordion_right_rail.gif') no-repeat 0px -24px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Carousel Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > carousel.amedia.css | */ /* ---Setup Images --- */ a.prev, a.next { background: url('../../../images/carousel/carousel.gif') no-repeat top left; } a.prev { background-position: -2px 15px; } a.next { background-position: -60px 15px; } a.prev:hover { background-position: -101px 15px; } a.next:hover { background-position: -159px 15px; } /* ----- Carousel Left and Image Inside Object -------------- */ .recent-carousel a.prev, .recent-carousel a.next { background: url('../../../images/carousel/carousel.gif') no-repeat top left; } .recent-carousel a.prev { background-position: -2px -139px; } .recent-carousel a.next { background-position: -60px -139px; } .recent-carousel a.prev:hover { background-position: -101px -139px; } .recent-carousel a.next:hover { background-position: -159px -139px; } /* ----- Carousel Global Overrides -------------- */ .more-by-carousel .carousel_container { background: url('../../images/carousel/more_by_bg.gif') no-repeat top left; } /* ----- Carousel Global Overrides -------------- */ .view-gallery-carousel .carousel_container { background: url('../../images/carousel/more_by_bg.gif') no-repeat top left; } /* ----- If this is the image selected in the gallery. -------------- */ .view-gallery-carousel .carousel_container .this { background: url('../../images/carousel/carousel.gif') no-repeat top right; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Coverflow Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > carousel.amedia.css | */ /* ----- Declare your coverflow images. -------------- */ .coverflow .loader { background: url('../../../images/coverflow/ajax_loader.gif') no-repeat 50% 0; } .coverflow a.play { background: url('../../../images/coverflow/play.png') no-repeat; } .coverflow a.stop { background: url('../../../images/coverflow/coverflow.png') no-repeat; } .slider_wrapper_left { background: url('../../../images/coverflow/coverflow.png') no-repeat left -71px; } .slider_wrapper_right { background: url('../../../images/coverflow/coverflow.png') no-repeat right -71px; } .coverflow .slider_con { background: url('../../../images/coverflow/coverflow.png') no-repeat -5px -76px; } .coverflow a.slider_next { background: url('../../../images/coverflow/coverflow.png') no-repeat -6px -43px; } .coverflow a.slider_prev { background: url('../../../images/coverflow/coverflow.png') no-repeat -43px -43px; } .coverflow a.resize { background: url('../../../images/coverflow/coverflow.png') no-repeat -6px -158px } .coverflow .slider { background: url('../../../images/coverflow/coverflow.png') no-repeat -5px -133px; } .coverflow .knob { background:url('../../../images/coverflow/coverflow.png') no-repeat right -9px; } .coverflow .knobleft { background:url('../../../images/coverflow/coverflow.png') no-repeat left -9px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Forms Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > forms.amedia.css | */ /* ----- Images ----- */ input.submit { background: url('../../images/forms/forms_assets.png') no-repeat top left; } input.submit_over { background: url('../../images/forms/forms_assets.png') no-repeat top left; } .input span { background: url('../../images/forms/forms_assets.png') no-repeat top left; } div.file span { background: url('../../images/forms/forms_assets.png') no-repeat top left; } .dropdown span { background: url('../../images/forms/forms_assets.png') no-repeat top left; } .textarea span { background: url('../../images/forms/forms_assets.png') no-repeat top left; } /* ----- User Specified Attributes ------ */ input.submit_over { background-position: left -28px; } /* ----- Inputs that scale horizontally in any browser. -------------- */ /* ----- Left and right sides may have rounded corners. -------------- */ /* ----- The input class is used on the div, and not on the input box. -------------- */ .input span.left { background-position: left -78px; } .input span.right { background-position: right -78px; } .input span.mid { background-position: center -78px; } /* ----- Textareas that scale horizontally in any browser. -------------- */ /* ----- Left and right sides may have rounded corners. -------------- */ /* ----- The textarea class is used on the div, and not on the textarea box. -------------- */ .textarea span.left { background-position: left -188px; } .textarea span.right { background-position: right -188px; } .textarea span.mid { background-position: -5px -188px; } /* ----- Selects that scale horizontally in any browser. -------------- */ /* ----- Left and right sides may have rounded corners. -------------- */ /* ----- The dropdown class is used on the div, and not on the input box. -------------- */ .dropdown span.left { background-position: left -56px; } .dropdown span.right { background-position: right -56px; } /* ----- Unlike input and textarea, you must specifiy a width both here, and on the select. -------------- */ .dropdown span.mid { background-position: -3px -56px; } /* ----- On mouseover state decalred in HTML for submit buttons -------------- */ input.submit_over { background-position: left -28px; } /* ----- Inputs that scale horizontally in any browser. -------------- */ /* ----- Left and right sides may have rounded corners. -------------- */ /* ----- The input class is used on the div, and not on the input box. -------------- */ .file span.left { background-position: left -818px; } .file span.right { background-position: right -818px; } /* ----- Unlike input and textarea, you must specifiy a width both here, and on the select. -------------- */ .file span.mid { background-position: -388px -818px; } /* ----- Class used when a user clicks on an input. -------------- */ .input span.input_focus_left { background-position: 0px -122px; } .input span.input_focus_mid { background-position: -3px -122px; } .input span.input_focus_right { background-position: -589px -122px; } .input_focus { cursor: pointer; } /* ----- Class used when a user clicks on a dropdown. -------------- */ .dropdown span.dropdown_focus_left { background-position: 0px -100px; } .dropdown span.dropdown_focus_mid { background-position: -3px -100px; } .dropdown span.dropdown_focus_right { background-position: -574px -100px; } /* ----- Class used when a user clicks on a textarea. -------------- */ .textarea span.textarea_focus_left { background-position: 0px -340px; } .textarea span.textarea_focus_mid { background-position: -5px -340px; } .textarea span.textarea_focus_right { background-position: -589px -340px; } /* ----- Error messages for inputs. -------------- */ /* ----- Class used when a user fills out an input incorrectly. -------------- */ /* ----- This class is applied to the div which wraps the input class. -------------- */ .val_error .input span.left { background-position: left -166px; } .val_error .input span.mid { background-position: -3px -166px; } .val_error .input span.right { background-position: right -166px; } /* ----- Error messages for dropdowns. -------------- */ /* ----- Class used when a user fills out a dropdown incorrectly. -------------- */ /* ----- This class is applied to the div which wraps the dropdown class. -------------- */ .val_error .dropdown span.left { background-position: left -144px; } .val_error .dropdown span.right { background-position: right -144px; } .val_error .dropdown span.mid { background-position: -3px -144px; } /* ----- Error messages for textarea. -------------- */ /* ----- Class used when a user fills out a dropdown incorrectly. -------------- */ /* ----- This class is applied to the div which wraps the textarea class. -------------- */ .val_error .textarea span.left { background-position: left -492px; } .val_error .textarea span.mid { background-position: -5px -492px; } .val_error .textarea span.right { background-position: right -492px; } /* ----- Error messages for file. -------------- */ /* ----- Class used when a user fills out a dropdown incorrectly. -------------- */ /* ----- This class is applied to the div which wraps the textarea class. -------------- */ .val_error .file span.left { background-position: left -841px; } .val_error .file span.mid { background-position: -388px -841px } .val_error .file span.right { background-position: right -841px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Kwicks Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > kwick.amedia.css | */ /* ----- Dynamic Lead Divs -------------- */ #dl_top_events { background: url('../../images/dl/dl_kwick_bg.gif') no-repeat top left; } #dl_top_articles { background: url('../../images/dl/dl_kwick_bg.gif') no-repeat top center; } #dl_ads { background: url('../../images/dl/dl_kwick_bg.gif') no-repeat top right; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Lightbox Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > lightbox.amedia.css | */ /* ----- Section Divs -------------- */ .lightbox_displayed .section .top_left, .lightbox_displayed .section .top_right, .lightbox_displayed .section .btm_left, .lightbox_displayed .section .btm_right { background-image: url('../../images/lightbox/lightbox.gif'); } .lightbox_displayed .section .title { } .lightbox_displayed .section .top_left { background-position: top left; } .lightbox_displayed .section .top_right { background-position: top right; } .section div.mid { background: white url('../../images/lightbox/lightbox.gif') no-repeat -2px -10px; } .lightbox_displayed .section .btm_left { background-position: bottom left; } .lightbox_displayed .section .btm_right { background-position: bottom right; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Multiselect Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > multiselect.amedia.css | */ /* ----- Specify images and background colors for your object. -------------- */ .multiselect .multi_attr span { background: url('/images/forms/forms_assets.png') no-repeat left top; } /* ----- Specify height, padding, width, and background positioning for your object. -------------- */ /* ----- This is useful when using rounded corners. If no rounded corners are used, -------------- */ /* ----- set height and width to 0 on left and right spans. -------------- */ .multiselect div span.left { background-position: 0px -710px; } .multiselect div span.mid { background-position: -5px -710px; } .multiselect div span.right { background-position: -590px -710px; } /* ----- Sepcify what you would like your object to look like when selected. -------------- */ .multiselect div span.left_selected { background-position: 0px -730px; } .multiselect div span.mid_selected { background-position: -5px -730px; } .multiselect div span.right_selected { background-position: -590px -730px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Rotator Framework > Images |-------------------------------------------------------------------------- | | Images that affect Framework > rotator.amedia.css | */ /* ----- Editable Properties -------------- */ .slide_item { background-repeat: no-repeat; background-position: left top; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Tabs Framework > Images |-------------------------------------------------------------------------- | | Images that affect Sourced > Fancyupload > fancyupload.css | */ /* ----- Set what you want the tab to look when on that page. -------------- */ .tab_menu a.selected { background-position: 0px 0px; } /* ----- Set what you want the tab to look when rolled over. -------------- */ .tab_menu a.hover { background-position: 0px -100px; } /* ----- Rounded Corners -------------- */ /* ----- To use rounded corners on the tabs, use the below CSS. -------------- */ /* ----- If you would like to omit rounded coreners, leave these items blank. -------------- */ /* ------------------------------------------------------------------------------------------------------------------ */ /* ----- Set the background image of the li tag and the a to be the same thing. -------------- */ .tab_menu li { background-image: url('../../../images/tabs/tabs.gif'); } .tab_menu a { background-image: url('../../../images/tabs/tabs.gif'); } .tab_menu a.selected { background-image: url('../../../images/tabs/tabs.gif'); } .tab_menu a.hover { background-image: url('../../../images/tabs/tabs.gif'); } /* ----- Default image positioning as per tabs.psd -------------- */ .tab_menu li { background-position: right 0px; } .tab_menu li.selected { background-position: right -200px; } .tab_menu li.hover { background-position: right -100px; } /* -100 for old hover */ .tab_menu a { background-position: 0px 0px; } .tab_menu a.selected { background-position: 0px -200px; } .tab_menu a.hover { background-position: 0px -100px; } /* -100 for old hover */ /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Fancyupload Sourced > Images |-------------------------------------------------------------------------- | | Images that affect Sourced > fancyupload.css | */ #demo-status .progress { background: white url('../../../images/fancyupload/progress.gif') no-repeat; background-position: +50% 0; } #demo-list li.file { background: url('../../../images/fancyupload/file.png') no-repeat 4px 4px; } #demo-list li.file.file-uploading { background-image: url('../../../images/fancyupload/uploading.png'); } #demo-list li.file.file-success { background-image: url('../../../images/fancyupload/success.png'); } #demo-list li.file.file-failed { background-image: url('../../../images/fancyupload/failed.png'); } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Global Styles |-------------------------------------------------------------------------- | | Affects core > community.css | */ /* ----- Global Declerations -------------- */ img { border: 0px; } .no_border { border: 0px !important; } /* ----- Header Styles -------------- */ h2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px; color: #00929f; } h3 { font: normal 17px Arial, Helvetica, sans-serif; color: #00929f; } h4 { font: normal 13px Arial, Helvetica, sans-serif; color: #2e3334; } .usertag { font-weight: bold; } .titletag { font-weight: bold; } /* ----- Links And Text Classes -------------- */ a { text-decoration: none; color: #00929f; outline: none !important; } a:hover { color: #36c4e8; } /* ----- Selections -------------- */ ::-moz-selection { background: #fff2b6; color: #858585; } ::selection { background :#fff2b6; color: #858585; } /* ----- Preview text under titles -------------- */ p.preview { font-size: 11px; } /* ----- Wraps Images -------------- */ .img { border: 1px solid #d3d3d3 !important; line-height: 0px !important; background: white; } .img img { border: 0px; } /* ----- Global hr. -------------- */ .hr { border-bottom: 1px solid #858585; margin: 10px 0px; } .hr hr { display: none; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Layout |-------------------------------------------------------------------------- | | Affects core > community.css | */ html, body { font: 12px Arial, Helvetica, sans-serif; color: #858585; line-height: 18px; } /* ----- Logo And Top -------------- */ #logo { text-indent: -9999px; } #logo a { font-size: 25px; font-family: Arial, Helvetica, sans-serif; } /* ----- Search Box -------------- */ #search_box #featured_search { font-size: 18px; } /* ----- Main Menu -------------- */ #main_menu ul#menu { list-style: none; } #main_menu li { list-style: none; } #main_menu li a { font-size: 15px; color: white; } #main_menu li a span { cursor: pointer; } #main_menu li a:hover span.mid { color: white !important; } /* ----- Dynamic Lead -------------- */ #dynamic_lead h2 { color: white; } /* ----- For Kwick Styles: framework/kwick.amedia.css -------------- */ /* ----- For Accordion Styles: framework/accordion.amedia.css -------------- */ /* ----- All color styles remain in this skin file. Do not edit framework CSS files without Joey Avino. -------------- */ /* ----- Content Buckets -------------- */ #content_bucket_top { width: 978px; height: 31px; } #content_bucket_mid { width: 978px; } #content_bucket_btm { width:978px; height: 31px; } /* ----- Global Column Styles -------------- */ #global_column_right h2 { color: #fff; } #global_column_right .padding_wrapper { text-align: right; } /* ----- Footer -------------- */ #global_footer h3 { font-size: 18px; } #global_footer ul { list-style: none; } #global_footer li { list-style: none; } #global_footer li { font-size: 10px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Flash Messages |-------------------------------------------------------------------------- | | Affects core > community.css | */ .flash_msg { background: #fff2b6; color: black; border: 1px solid #E8D591; text-align: center; font-size: larger; } .flash_msg p.close { cursor: pointer; } .flash_msg_red { background: #F68080; color: black; border: 1px solid red; text-align: center; font-size: larger; } .flash_msg_red p.close { cursor: pointer; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Spinning Backgrounds |-------------------------------------------------------------------------- | | Affects core > community.css | */ .spinning_div { opacity: 0.75; filter: alpha(opacity: 75); -moz-opacity: 0.75; -khtml-opacity: 0.75; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Skin Style Sheet > Ad Runner |-------------------------------------------------------------------------- | | Affects core > community.css | */ /* ----- Ads on various pages. -------------- */ /* ----- Ad - 88x31 Float Right. -------------- */ /* ----- Ads are hidden for now. -------------- */ .right.ad-runner { display: none; } /* ----- Positions -------------- */ .right.ad-runner { text-align: right; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Event > Menu Override |-------------------------------------------------------------------------- | | Affects extensions > event.community.css | */ /* ----- Main Menu: Selects Current Page -------------- */ #account #main_menu li#menu_account a { color: #858585 !important; } #account #main_menu li#menu_account a:hover span.mid { color: #858585 !important; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Account > Layout |-------------------------------------------------------------------------- | | Affects extensions > account.community.css | */ /* ----- Sub Menu -------------- */ #sub_menu ul { list-style: none; } #sub_menu ul { height: 28px; } #sub_menu ul li a { color: white; } #sub_menu ul li a:hover { color: #fff2b6; } #sub_menu li { list-style: none; border-right: 1px solid white; } /* ----- Quick View -------------- */ #dashboard .padding_wrapper { font-size: 12px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Article > Menu Override |-------------------------------------------------------------------------- | | Affects extensions > article.community.css | */ /* ----- Main Menu: Selects Current Page -------------- */ #article #main_menu li#menu_article a { color: #858585 !important; } #article #main_menu li#menu_article a:hover span.mid { color: #858585 !important; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Browse > Layout |-------------------------------------------------------------------------- | | Affects extensions > browse.community.css | */ .browse_node { border-bottom: 1px solid #d3d3d3; } .browse_node .last { border-bottom: 0px !important; } .browse_node .link-wrapper { text-align: right; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Comment > Layout |-------------------------------------------------------------------------- | | Affects extensions > comment.community.css | */ /* ----- Comments -------------- */ #comment_holder .comment_body { border-left: 1px solid #858585; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > My Comments > Layout |-------------------------------------------------------------------------- | | Affects extensions > comment.community.css | */ .item_list { list-style-type: none; } .item_status { font-size: 11px; } .list_comment_detail { list-style-type: none; } .item_comment_detail { } .item_comment_when { } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Event > Menu Override |-------------------------------------------------------------------------- | | Affects extensions > event.community.css | */ /* ----- Main Menu: Selects Current Page -------------- */ #event #main_menu li#menu_event a { color: #858585 !important; } #event #main_menu li#menu_event a:hover span.mid { color: #858585 !important; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Event > Layout |-------------------------------------------------------------------------- | | Affects extensions > event.community.css | */ /* ----- Event View Page -------------- */ #quick_info p.left { color: #00929f; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Gallery > Menu Override |-------------------------------------------------------------------------- | | Affects extensions > gallery.community.css | */ /* ----- Main Menu: Selects Current Page -------------- */ #gallery #main_menu li#menu_gallery a { color: #858585 !important; } #gallery #main_menu li#menu_gallery a:hover span.mid { color: #858585 !important; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Gallery > Layout |-------------------------------------------------------------------------- | | Affects extensions > gallery.community.css | */ /* ----- START: extensions > browse.community.css Override -------------- */ #gallery .browse_node .item h3 { font-size: 13px; } /* ----- END: extensions > browse.community.css Override -------------- */ /* ----- View Main: Holds the master image. -------------- */ #gallery #view_main { border-bottom: 1px solid #858585; } /* ----- View Runner: Holds the toolbox. -------------- */ #gallery #view_runner { border-bottom: 1px solid #858585; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Gallery > Multiple Upload Form |-------------------------------------------------------------------------- | | Affects sourced > fancyupload > fancyupload.css | */ #upload-status .progress-text { font-size: 0.9em; font-weight: bold; } #upload-list { list-style: none; } #upload-list li.file { border-bottom: 1px solid #858585; } #upload-list li.file.file-uploading { background-color: #fff2b6; } #upload-list li.file .file-name { font-size: 1.2em; line-height: 40px; font-weight: bold; } #upload-list li.file .file-size { font-size: 0.9em; line-height: 18px; } #upload-list li.file .file-info { font-size: 0.9em; line-height: 20px; } #upload-list li.file .file-remove { line-height: 18px; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Account > Message > Layout |-------------------------------------------------------------------------- | | Affects extensions > message.community.css | */ /* ----- Message Details -------------- */ .message_details div.right { border-left: 1px solid #858585; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Referral > Menu Override |-------------------------------------------------------------------------- | | Affects extensions > referral.community.css | */ /* ----- Main Menu: Selects Current Page -------------- */ #account #main_menu li#menu_account a { color: #858585 !important; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Search Results > Layout |-------------------------------------------------------------------------- | | Affects extensions > search.community.css | */ /* ----- Search Results -------------- */ #search_results .highlight { background-color: #fff2b6; border: 1px solid #e8d591; } /* |-------------------------------------------------------------------------- | (ac) Amedia Creative Community > Sponsor > Layout |-------------------------------------------------------------------------- | | Affects extensions > sponsor.community.css | */ #table_header, #table_fields li { color: black; list-style-image: none; list-style-position: inside; list-style-type: none; } #sponsor .header { border-bottom: 1px solid #333333; } .field { text-align: left; font-weight: normal; border-bottom: 1px solid #999999; } .fsince { text-align: center; } .flevel { text-align: center; } .fmore { text-align: center; } .fmore a { text-decoration: none; font-weight: bold; } .show_header { text-align: center; } .detail_right a { text-decoration: none; font-weight: bold; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Accordion > Setup > Flexible Attributes |-------------------------------------------------------------------------- | | Affects framework > accordion.amedia.css | */ /* ----- 2: Specify the global font you would like on your accordion. -------------- */ .copy { font: 12px Arial, Helvetica, sans-serif; } /* ----- 3: Specify the styling you would link on your conent pages. -------------- */ .element { color: #2e3334; } /* ----- 4: Specify the default link CSS properties. -------------- */ .accordion_link a { color: #9b9b9b; font: bold 12px Arial, Helvetica, sans-serif; } /* ----- 5: Specify how you would want the active link to appear. -------------- */ .accordion_active a { color: white !important; font: bold 12px Arial, Helvetica, sans-serif; } #first a { border-top: 0px; } /* ----- 5: Specify how you would want the tollovers to appear. -------------- */ .accordion_link_rollover { color: #00929f; } /* ----- 5: Specify your rollout. Generally you want to erase some pro. -------------- */ /* ----- 5: Generally you want to erase certain properties so the final state matches the accordion_link a as seen in #4. -------------- */ .accordion_link_rollout { color: #9b9b9b; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Coverflow > Setup > Flexible Attributes |-------------------------------------------------------------------------- | | Affects framework > coverflow.amedia.css | */ /* ----- Event View Page -------------- */ .coverflow { background: white; } /* ----- Set the overall font color and size (effects photo load). -------------- */ .coverflow { font-size: 14px; } /* ----- Wrapers for the images which styles may be set on. -------------- */ .obj_wrap_style1 { border: 1px solid #fbfbfb; } .obj_wrap_style2 { border: 1px solid #e9e9e9; } .obj_wrap_style3 { border: 1px solid #d9d9d9; margin: 0px; background: white; } /* ----- Set where you want the caption positioned. -------------- */ .coverflow .caption { color: #00929f; font: bold 12px Arial, Helvetica, sans-serif, "Trebuchet MS"; } /* ----- Slider for when use_slider is set to true in JS. -------------- */ /* ----- The positioning of the slider will be handled by JS -------------- */ /* ----- Set the width you want the slider to be. -------------- */ .coverflow .slider { text-align: left; } /* ----- Left and right site of the slider bar, next and previous buttons. -------------- */ .coverflow a.slider_next, a.slider_prev { text-decoration: none; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Forms > Setup > Flexible Attributes |-------------------------------------------------------------------------- | | Affects framework > forms.amedia.css | */ /* ----- Set your font and width attributes of your input here. -------------- */ input { font: 12px Arial, Helvetica, sans-serif; color: #2e3334; } /* ----- This class is used for the submit buttons of inputs -------------- */ input.submit { width: 91px; color: white; } /* from demo.community.css */ input.submit { font: bold 12px Arial, Helvetica, sans-serif; } /* ----- On mouseover state decalred in HTML for submit buttons -------------- */ input.submit_over { width: 91px; color: white; } /* from demo.community.css */ input.submit_over { font: bold 12px Arial, Helvetica, sans-serif; } /* ----- Set your default textarea attributs here. -------------- */ .textarea textarea { font: 12px Arial, Helvetica, sans-serif; color: #2e3334; } /* ----- Validation Stars. -------------- */ .global_input_wrapper .val_req_star { background: none; color: red; font-size: 10px; } /* ----- File Box. -------------- */ iframe.upload_photo { border: 0px solid white; } /* ----- On mouseover state decalred in HTML for submit buttons -------------- */ input.submit_over { font: bold 12px Arial, Helvetica, sans-serif; color: white; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Forms > Setup > User Preview Custom |-------------------------------------------------------------------------- | | Affects framework > forms.amedia.css | */ /* ----- User Preview. -------------- */ #user_preview input.submit { width: 91px; } #user_preview input.submit_over { width: 91px; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Forms > Setup > Error Messages |-------------------------------------------------------------------------- | | Use this section to display custom messgaes which appears ON the actual input. | NOTE: Do not change the names of these classes. | | Affects framework > forms.amedia.css | */ /* ----- Error messages text that is displayed when a user inputs something incorrectly.. -------------- */ .error, .error_visible { font: 10px Arial, Helvetica, sans-serif; color: #e66455; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Kwick > Setup > Dynamic Lead |-------------------------------------------------------------------------- | | Affects framework > kwick.amedia.css | */ #dynamic_lead h2 { font: normal 18px Arial, Helvetica, sans-serif; } #dynamic_lead .style_wrap .left { line-height: 16px; } #dynamic_lead .style_wrap .right .img { } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Lightbox > Setup |-------------------------------------------------------------------------- | | NOTE: This element is positioned as per the viewport in JavaScript. | This lightbox is intended to be a pre-determined size. | | Affects framework > lightbox.amedia.css | */ /* ----- 1: Set this to the color of your overlay. -------------- */ .lightbox_overlay { background-color: black; } /* ----- 3: Set additional styles for your lightbox -------------- */ /* ----- For the most part, you can style this however you want. -------------- */ .lightbox_displayed.project img { border: 1px solid #2e3334; } .lightbox_displayed .section .title h2 { color: white; } .lightbox_displayed .section .close { font-weight: bold; text-align: right; } .section div.mid { border-left: 1px solid #bfb6b0; border-right: 1px solid #bfb6b0; } /* ----- More styles in forms.amedia.css. -------------- */ .lightbox_displayed .global_input_wrapper .left { font-size: 12px; } .lightbox_displayed .global_input_wrapper .right { font-size: 12px; } .lightbox_displayed .global_input_wrapper .message { font-weight: bold; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Multiselect > Setup |-------------------------------------------------------------------------- | | Affects framework > multiselect.amedia.css | */ /* ----- 1: Specify the size attributes you would like your multiselect object to be. .multiselect { height: 100px; } -------------- */ /* ----- 2: Specify the attributes for each multiselect object. -------------- */ .multiselect .multi_attr { cursor: pointer; } /* ----- 4: Sepcify what you would like your object to look like when selected. -------------- */ .multiselect div span.mid_selected { color: white; } /* ----- 4: Specify any link properties. -------------- */ .multi_attr a { font: 12px Arial, Helvetica, sans-serif; color: white; text-decoration: none; } .multi_attr a:hover { color: #fff; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Table > Setup |-------------------------------------------------------------------------- | | Affects framework > table.amedia.css | */ /* ----- Table. --------------- */ table { border-collapse: collapse; caption-side: bottom; } caption { font-weight: bold; color: #858585; font-size: 11px; border-top: 1px solid #00929f; } /* ----- Tbody row colors. --------------- */ tr.alt { background: #f5f5f5; } tr .first { border-left: none; } th, td { text-align: left; border-bottom: 1px solid #E2E7ED; font-size: inherit; } thead th { border-bottom: 1px solid #00929f; } /* ----- Hover does not work in IE6, but it does not break anything. --------------- */ tbody tr:hover { background: #fff2b6; } tfoot td { border-top: 1px solid #00929f; border-bottom: none; } /* ----- Small Stat Table. --------------- */ .stat-table .term { color: black; font-weight: bold; font-size: 11px; } .stat-table th, .stat-table td { border: 0px; } .stat-table .first { border: 0px; vertical-align: top; white-space: nowrap; } /* |-------------------------------------------------------------------------- | Amedia Creative Frontend Framework > Tabs > Setup |-------------------------------------------------------------------------- | | Affects framework > tabs.amedia.css | */ /* ----- 2: Set the height you want the tabs using font style and padding (not height) -------------- */ .tab_menu a { font: 15px Arial, Helvetica, sans-serif; } /* ----- 4: Set the type of border/backround/font color you would like for the tabs -------------- */ .tab_menu a { color: white; text-transform: capitalize; } /* ----- 5: Set the background/font/style attributes you want to use for the content pages. -------------- */ .tab_content { background: none; } /* ----- 7: Set what you want the tab to look when on that page. -------------- */ .tab_menu a.selected { color: #858585; } /* ----- 8: Set what you want the tab to look when rolled over. -------------- */ /* ----- We don't use a:hover. -------------- */ .tab_menu a.hover { color: #fff; } /* | | END: Skin Style Sheet | */