/* CSS document date - 04/11/15 ( 9:00pm ) ; CSS format date - 04/11/15 */ /* Author: David Carrera - Copyright 2015 American Media Group, CA USA */ /* 4.5_1pp-9a_top-row-promo_818x450-large-top-image_336x280-main-image_4-article-panels_iframe-footer.css */ body { /* UPDATED - 04/11/15 */ margin: 0; border: 0; padding: 0; background-image: url(../../../../../../images/backgrounds/active.gif); background-position: center; background-color: black;} /* black */ #wrapper { /* updated - 03/27/15 */ width: 990px; margin-left: auto; margin-right: auto; background-color: none;} /* Darkest Red - 600000 */ #positioning-frame { position: relative; /* NOTE: updated for HTML5 - 06/27/14 */ top: 0; /* Important Setting: Needed for Safari/IE Match */ width: 990px;} /* ---------------- BASIC IMAGE & TEXT STYLING ---------------- */ img { margin: 0; border: 0; padding: 0;} /* --------------------- Main Page Heading -------------------- */ h1 { /* H1 - MAIN PAGE HEADING */ position: relative; /* UPDATED - 03/12/15 */ margin: 0; /* necessary - keep */ padding-top: 7px; /* updated - 03/10/15 */ font-family: arial; font-size: 21px; /* updated - 04/11/15 */ line-height: 21px; /* updated - 04/11/15 */ font-style: none; /* updated - 03/10/15 */ text-align: center; background-color: none;} /* cyan */ /* ------------------- Main Article Heading ------------------- */ h2 { /* H2 - MAIN ARTICLE TITLE */ position: relative; /* UPDATED - 03/12/15 */ margin: 0 0 7px 0; /* top, right, bottom, left */ padding: 0; font-family: arial, verdana, sans-serif; font-size: 14px; /* updated - 03/10/15 */ font-style: none; font-weight: 540; color: black; text-align: center; background-color: none;} /* cyan */ /* ---------------- Main Article Sub-Section(s) --------------- */ h3 { /* H3 - ARTICLE SUB-SECTION(S) */ margin: 7px 0 4px 0; /* top, right, bottom, left */ padding: 0; /* UPDATED - 03/12/15 */ font-family: arial, helvetica, sans-serif; font-size: 14px; /* updated - 03/10/15 */ font-weight: 540; font-style: none; color: black; text-align: center; background-color: none;} /* cyan */ /* ---------------- Main Article Sub-Title(s) ----------------- */ h4 { /* H4 - ARTICLE SUBTITLE(S) */ margin: 6px 0 3px 0; /* top, right, bottom, left */ padding: 0; /* UPDATED - 03/12/15 */ font-family: arial, helvetica, sans-serif; font-size: 14px; /* updated - 03/10/15 */ font-weight: 500; font-style: none; color: black; text-align: center; background-color: none;} /* cyan */ /* ------------- Additional Article Panels Heading ------------ */ h5 { /* H5 - ARTICLE PANELS HEADING */ margin: 7px 0 4px 0; /* top, right, bottom, left */ padding: 0; /* UPDATED - 03/12/15 */ font-family: arial, helvetica, sans-serif; font-size: 14px; /* updated - 03/10/15 */ font-weight: 540; font-style: none; color: white; text-align: center; background-color: none;} /* cyan */ /* ************************************************************ */ /* ------------------------ PARAGRAPHS ------------------------ */ /* Contained in
'main-article_paragraphs' seen below */ /* ************************************************************ */ p, pre { /* MAJOR IMPORTANT 'SITE WIDE' UPDATE - 07/07/14 */ margin: .8em 0 .8em 0; /* top, right, bottom, left */ border: 0; padding: 0; /* IMPORTANT NOTE - KEEP THIS SETTING */ font-family: arial; /* IMPORTANT NOTE ( USE ARIAL ONLY ) */ font-size: 13px; /* IMPORTANT NOTE - KEEP THIS SETTING */ line-height: 16px; /* IMPORTANT (USE PX ONLY) - 03/12/15 */ text-align: justify; background-color: none;} /* green */ /* ---------------------- On-Hold Coding ---------------------- */ .blockquote { /* updated - 03/12/15 */ width: 450px; margin: 10px 12px 0 9px; /* top, right, bottom, left */ font-family: arial, verdana, sans-serif; font-size: 13px; font-style: italic; font-weight: 500; color: black; text-align: justify; background-color: none;} /* blue */ /* --------------------- Horizontal Rule ---------------------- */ hr { /* ADDED - 04/11/15 */ margin: 16px 0 0 0;} /* top, right, bottom, left */ /* //////////////////////////////////////////////////////////// */ /* ---------------------- HEADER SECTION ---------------------- */ /* //////////////////////////////////////////////////////////// */ #header { /* MAIN HEADER */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 100px; top: 2px; /* updated - 03/10/15 */ left: 0; background-image: url(../../../../../../images/header/mexican-american-news_990x99.gif); background-color: none;} /* red */ /* ------------------------------------------------------------ */ /* ----------------- (4.5) TOP NAVIGATION BAR ----------------- */ /* ------------------------------------------------------------ */ #top-navigation-bar { /* Top Menu Bar - SECTION CONTAINER */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 25px; top: 98px; /* updated - 03/10/15 */ left: 0; margin: 0; padding: 0; background-color: black;} /* red */ /* ----------------- (4.5) Top Navigation Menu ---------------- */ #top-menu { /* Top Menu Links - Text Styling */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 14px; /* updated - 03/10/15 */ top: 0; left: 0; margin: 0; padding-top: 2px; /* UPDATED - 03/10/15 */ font-family: arial; font-size: 13px; line-height: 13px; /* updated - 03/10/15 */ color: cyan; background-color: none;} /* red */ #top-menu ul { /* ------------ DON'T CHANGE ------------ */ margin: 0 0 0 -2px; /* top, right, bottom, left */ padding: 0; /* updated - 03/10/15 */ text-align: center;} #top-menu li { /* ------------ DON'T CHANGE ------------ */ display: inline; font-weight: normal;} .top-menu-dot { font-family: arial; font-size: 7px; /* updated - 03/10/15 */ vertical-align: middle; color: #D2FFFF;} /* Lightest Cyan D2FFFF */ /* ------------------- (4.5) Top Menu Links ------------------- */ #top-menu a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: none;} /* prevents initial underline */ #top-menu a:link { color: #D2FFFF;} /* initial color - Lightest Cyan D2FFFF */ #top-menu a:visited { color: #D2FFFF;} /* visited color - Lightest Cyan D2FFFF */ #top-menu a:hover { color: #D2FFFF; /* hover color - Lightest Cyan D2FFFF */ text-decoration: underline;} /* //////////////////////////////////////////////////////////// */ /* -------------- PUBLIC INFORMATION BAR SECTION -------------- */ /* //////////////////////////////////////////////////////////// */ #public-info-bar_section-container { /* SECTION CONTAINER */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 32px; /* updated - 03/10/15 */ padding: 0; /* top, left, right, bottom */ top: 119px; /* updated - 03/10/15 */ left: 0; background-color: #F7F7F7;} /* XM Body - F7F7F7 */ /* ---------- (4.5) PUBLIC OPTIONS Section Container ---------- */ #public-options_container { /* OPTIONS CONTAINER */ position: absolute; /* UPDATED - 03/10/15 */ width: 160px; height: 32px; /* updated - 03/09/15 */ padding: 0; /* top, left, right, bottom */ top: 0; left: 0; /* background-image: url(../../images/mockups/160x32_fb-share_twitter-like_email.gif); */ background-color: #600000;} /* Darkest Red - 600000 */ /* -------- (4.5) Public Sharing via Internet Section --------- */ #share-in-facebook { /* DIRECT LINK: Share in Facebook (Image) */ position: absolute; /* updated - 03/10/15 */ width: 57px; height: 20px; top: 5px; /* UPDATED - 03/10/15 */ left: 5px; /* updated - 03/09/15 */ background-image: url(../../../../../../templates/images/elements/small-thumbs/fb-share_57x20_600000-bg.gif); background-color: none;} #share-in-twitter { /* DIRECT LINK: Share in Twitter (Image) */ position: absolute; /* updated - 03/10/15 */ width: 60px; height: 20px; top: 5px; /* UPDATED - 03/10/15 */ left: 68px; /* updated - 03/09/15 */ background-image: url(../../../../../../templates/images/elements/small-thumbs/twitter_60x20_600000-bg.gif); background-color: none;} #share-in-email { /* DIRECT LINK: Share in Email (Image) */ position: absolute; /* updated - 03/10/15 */ width: 24px; height: 23px; top: 4px; /* UPDATED - 03/10/15 */ right: 4px; /* updated - 03/09/15 */ /* background-image: url(../../../../../../images/elements/small-thumbs/email-symbol_24x23_600000-bg.jpg); */ background-color: none;} /* -------------------- (4.5) KEYWORD TAGS -------------------- */ #tags { /* KEYWORD TAGS - SECTION */ position: absolute; /* UPDATED - 03/10/15 */ width: 829px; /* updated - 03/09/15 */ height: 27px; /* updated - 03/09/15 */ top: 0; left: 161px; margin: 0; /* updated - 03/09/15 */ padding-top: 6px; /* UPDATED - 03/10/15 */ font-family: courier new, helvetica, arial, mono, mono; font-size: 18px; line-height: 18px; /* ADDED - 3/09-15 */ color: white; text-align: center; /* updated - 03/09/15 */ background-color: #600000;} /* Darkest Red - 600000 */ /* //////////////////////////////////////////////////////////// */ /* ---------------- TOP ROW PROMOTIONS SECTION ---------------- */ /* //////////////////////////////////////////////////////////// */ #top-row-promotions_section { /* SECTION CONTAINER */ position: absolute; /* updated - 03/12/15 */ width: 990px; height: 90px; top: 151px; /* UPDATED - 03/12/15 */ left: 0; /* background-image: url(../images/mockups/990x90_top-row-leaderboard_matching-ad.jpg); */ background-color: none;} /* cyan */ /* ------------------- Top Row Leaderboard -------------------- */ #top-row_leaderboard { /* Top Row Leaderboard */ position: absolute; width: 728px; height: 90px; top: 0; left: 0; background-image: url("../../../../../../images/banner-ads/728x90/psas/spread-love-not-hate-on-the-net_xcano-media.jpg"); background-color: none;} /* green */ /* ------------------- Top Right Banner Ad -------------------- */ #top-row_right-side-image { /* Top Right Banner Ad */ position: absolute; width: 261px; height: 90px; top: 0; right: 0; background-image: url("../../../../../../images/archive/banner-ads/261x90/sites/xcano-media_261x90.gif"); background-color: none;} /* gold */ /* //////////////////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* ------------------ MAIN MIDDLE SECTION(S) ------------------ */ /* ------------------------------------------------------------ */ /* //////////////////////////////////////////////////////////// */ #main-middle_sections { /* MAIN MIDDLE SECTION(S) */ position: absolute; /* updated - 03/12/15 */ width: 990px; height: 1511px; /* UPDATED - 03/12/15 */ top: 241px; /* UPDATED - 03/12/15 */ left: 0; padding: 0; text-align: center; background-color: #F7F7F7;} /* XM Body - F7F7F7 */ /* ------------------------ COLUMN ONE ------------------------ */ #column-1_section-container { /* COLUMN ONE - SECTION */ position: absolute; /* UPDATED - 03/12/15 */ width: 160px; height: 1511px; /* UPDATED - 03/12/15 */ top: 0; /* updated - 03/10/15 */ left: 0; /* background-image: url(../../../../../../images/mockups/160x1200_column-one_with-lines.jpg); */ background-color: none;} /* grey*/ /* -------------------- Top Left Banner Ad -------------------- */ #column-bar_top-left-banner-ad { /* Top Left - BANNER AD */ position: absolute; /* updated - 03/12/15 */ width: 160px; height: 311px; /* UPDATED - 03/12/15 */ top: 0; left: 0; background-image: url(../../../../../../images/column-bars/160x311/write-for-us_160x311.gif); background-color: none;} /* red */ /* --------------- AdSense 160x600 Side Panel-1 --------------- */ #adsense-side-panel-1 { /* AdSense Side Panel- 1 */ position: absolute; /* updated - 03/10/15 */ width: 160px; height: 600px; top: 311px; /* UPDATED - 03/12/15 */ left: 0; background-image: url("../../../../../../images/banner-ads/160x600/sections/art/chicano-art_chicano-art-show-at-csun_160x600_2.jpg"); background-color: none;} /* red */ /* --------------- AdSense 160x600 Side Panel-2 --------------- */ #adsense-side-panel-2 { /* AdSense Side Panel- 2 */ position: absolute; /* updated - 03/10/15 */ width: 160px; height: 600px; top: 911px; /* UPDATED - 03/12/15 */ left: 0; background-image: url("../../../../../../images/banner-ads/160x600/sections/art/chicano-art_the-new-chicano-art_160x600.gif"); background-color: none;} /* green */ /* ------------------------------------------------------------ */ /* ------------------ MAIN ARTICLE HEADING -------------------- */ /* ------------------------------------------------------------ */ #main-article_heading { /* H1 - MAIN ARTICLE HEADING */ position: absolute; /* NOTE: (4.5) MAJOR CHANGE OF SETTINGS */ width: 820px; /* ADDED - 04/11/15 */ height: 36px; top: 5px; /* updated - 04/11/15 */ left: 165px; /* updated - 04/11/15 */ color: #FFFFFF; /* white */ text-align: center; background-color: #00004F;} /* Darker Blue - 00004F */ /* //////////////////////////////////////////////////////////// */ /* ------------------- MAIN ARTICLE SECTION ------------------- */ /* ------------------------------------------------------------ */ #main-article_content { /* MAIN ARTICLE CONTENT SECTION */ position: absolute; /* DO NOT CHANGE SETTINGS */ width: 818px; height: 1464px; /* UPDATED - 04/11/15 */ top: 46px; /* UPDATED - 04/11/15 */ left: 165px; border-color: #707070; /* XM Border Black - 707070 */ border-style: solid; /* CONTROLS CONTENT BORDER */ border-width: 1px; background-color: none;} /* Lighter Blue - A8D3FF */ /* ------------ Main Article Content Linking Rules ------------ */ #main-article_content a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: underline;} #main-article_content a:link { color: #00005F;} /* initial color - HyperLink Blue - 00005F */ #main-article_content a:visited { color: #00005F;} /* visited color - HyperLink Blue - 00005F */ #main-article_content a:hover { color: #00005F; /* hover color - HyperLink Blue - 00005F */ text-decoration: none;} #main-article_content a:active { color: #00005F;} /* transition color - HyperLink B - 00005F */ /* ------------------------------------------------------------ */ /* ----------------- MAIN ARTICLE PARAGRAPHS ------------------ */ /* ------------------------------------------------------------ */ #main-article_paragraphs { /* Main Article - PARAGRAPHS */ position: relative; /* updated - 03/10/15 */ top: -4px; /* UPDATED - 03/12/15 */ left: 5px; width: 808px; /* updated - 03/10/15 */ margin: 0; background-color: none;} /* violet */ /* ------------------ Large (Top) Main Image ------------------ */ #large-top-image { /* LARGE (TOP) MAIN IMAGE */ position: relative; /* updated - 04/11/15 */ top: 0; left: 0; width: 818px; /* updated - 03/10/15 */ height: 497px; /* UPDATED - 04/11/15 */ margin: 0; /* top, right, bottom, left */ background-image: url(../../../../../../images/art/chicano/artists/david-holland/teen-angels-lowrider-magazine-poster_818x497.jpg); background-color: none;} /* red */ /* ----------------- Main Article Sub-Title ------------------- #main-article_sub-title { /* H2 - MAIN ARTICLE SUB-TITLE position: relative; /* UPDATED - 03/12/15 width: 100%; height: 18px; top: 3px; /* updated - 03/10/15 margin: 0; /* top, right, bottom, left background-color: none;} /* cyan */ /* ------------------ Main (Article )Image -------------------- */ #main-article-image { /* MAIN (ARTICLE) IMAGE */ position: relative; /* updated - 04/11/15 */ width: 336px; height: 324px; /* UPDATED - 04/11/15 */ margin: 0 0 0 5px; /* top, right, bottom, left */ float: right; /* UPDATED - 04/11/15 */ background-image: url(../../../../../../images/art/chicano/artists/david-holland/teen-angels_new-baby-cholo-gathering_336x324.jpg); background-color: none;} /* grey */ /* -------------------- Main Image Caption -------------------- */ #main-image-caption { /* Main Image - CAPTION */ position: absolute; /* UPDATED - 03/12/15 */ width: 336px; /* updated - 03/10/15 */ height: 14px; padding: 0; top: 333px; /* updated - 03/10/15 */ right: 0; color: #00004F; /* Darker Blue - 00004F */ font-family: arial; font-size: 12px; /* updated - 03/10/15 */ font-style: italic; text-align: center; background-color: none;} /* red */ /* ------------ Main Article Author and/or Credit ------------- */ .author { /* MAIN ATTRIBUTION */ position: relative; /* updated - 03/10/15 */ width: 466px; /* updated - 03/10/15 */ float: left; margin: 0; padding: 0 0 7px 0; /* top, right, bottom, left */ font-family: arial; /* UPDATED - 04/11/15 */ font-size: 13px; font-style: normal; font-weight: 540; /* ADDED - 04/11/15 */ color: black; /* black */ text-align: left; background-color: none;} /* red */ /* --------------------- Next Page Arrow ---------------------- #next-page { /* Next Page Arrow position: absolute; /* UPDATED - 04/11/15 width: 73px; height: 24px; /* updated - 04/11/15 top: 425px; /* IMPORTANT NOTE: USE ONLY THE 'TOP' SETTING right: -2px; /* updated - 04/11/15 /* background-image: url(../../../../../../images/elements/arrows/next-arrow_73x24_blue-1.gif); background-color: none;} /* --------------------- Related Article ---------------------- */ #related-article { /* Related Article */ position: absolute; /* UPDATED - 04/11/15 */ width: 100%; height: 16px; /* updated - 04/11/15 */ top: 457px; /* IMPORTANT NOTE: USE ONLY THE 'TOP' SETTING */ right: 0; /* updated - 04/11/15 */ color: black; font-family: verdana; font-size: 12px; font-style: italic; text-align: right; background-color: none;} /* cyan */ /* ------------------ Related Article Links ------------------- */ #related-article a { /* DO NOT CHANGE ORDER OF SEQUENCE */ color: #00004F; /* Darker Blue - 00004F */ text-decoration: underline;} /* creates initial underline */ #related-article a:hover { color: #00004F; /* Darker Blue - 00004F */ text-decoration: none;} /* updated - 04/11/15 */ /* ------------------------------------------------------------ */ /* ------------ ADDITIONAL ARTICLE PANELS SECTION ------------- */ /* //////////////////////////////////////////////////////////// */ #additional-article-panels_section { /* SECTION CONTAINER */ position: absolute; /* updated - 04/11/15 */ top: 450px; /* UPDATED - 04/11/15 */ left: 0; width: 808px; /* updated - 03/10/15 */ height: 506px; /* UPDATED - 04/11/15 */ background-color: none;} /* Fucia - FF00FF */ /* -------------------- Article Panel Links ------------------- */ #additional-article-panels_section a { /* DO NOT CHANGE SEQUENCE ORDER */ text-decoration: none;} /* updated - 03/10/15 */ #additional-article-panels_section a:link { color: #FFFFFF;} /* initial color - White */ #additional-article-panels_section a:visited { color: #FFFFFF;} /* visited color - White */ #additional-article-panels_section a:hover { color: #FFFFFF; /* hover color - White */ text-decoration: underline;} #additional-article-panels_section a:active { color: #FFFFFF;} /* transition color - White */ /* ------------------ Article Panels Heading ------------------ #additional-articles_heading { /* H5 - ARTICLE PANELS HEADING position: absolute; /* UPDATED - 03/12/15 width: 100%; /* updated - 03/10/15 height: 32px; top: 0; /* updated - 03/10/15 left: 0; color: white; /* NOTE: CODING NEEDED HERE - 08/18/14 background-color: #181845;} /* Darker Blue - 00004F /* ---------------- Article Panels Description ---------------- */ .additional-article_description { /* UPDATED - 03/12/15 */ position: absolute; width: 401px; /* updated - 03/10/15 */ height: 19px; top: 209px; /* updated - 03/10/15 */ left: 0; margin: 0; padding: 4px 0 0 0; /* top - right - bottom - left */ font-size: 13px; /* updated - 03/10/15 */ font-family: arial; color: white; /* updated - 03/10/15 */ line-height: 13px; /* updated - 03/10/15 */ text-align: center; background-color: #161616;} /* Seamless BG Mid Blk - 161616 */ /* ------------------------------------------------------------ */ /* ------------------ ROW ONE ARTICLE PANELS ------------------ */ /* ------------------------------------------------------------ */ #article-panels_row-1 { /* ROW ( 1 ) CONTAINER */ position: absolute; /* updated - 04/11/15 */ top: 37px; /* UPDATED - 04/11/15 */ left: 0; width: 808px; /* updated - 03/10/15 */ height: 232px; /* updated - 03/10/15 */ background-color: none;} /* blue */ /* -------------------- Article Panel ( 1 ) ------------------- */ #additional-article_panel-1 { /* PANEL ONE */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* UPDATED - 03/12/15 */ height: 209px; /* updated - 03/10/15 */ top: 0; left: 0; background-image: url(../../../../../../templates/HTML5/images/mockups/401x209_current-news-panel-1.gif); background-color: none;} /* blue */ /* -------------------- Article Panel ( 2 ) ------------------- */ #additional-article_panel-2 { /* PANEL TWO */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* UPDATED - 03/12/15 */ height: 209px; /* updated - 03/10/15 */ top: 0; right: 0; background-image: url(../../../../../../templates/HTML5/images/mockups/401x209_current-news-panel-2.gif); background-color: none;} /* green */ /* ------------------------------------------------------------ */ /* ------------------ ROW TWO ARTICLE PANELS ------------------ */ /* ------------------------------------------------------------ */ #article-panels_row-2 { /* ROW ( 2 ) CONTAINER */ position: absolute; /* updated - 04/11/15 */ top: 274px; /* UPDATED - 04/11/15 */ left: 0; width: 808px; /* updated - 03/10/15 */ height: 232px; /* updated - 03/10/15 */ background-color: none;} /* blue */ /* -------------------- Article Panel ( 3 ) ------------------- */ #additional-article_panel-3 { /* PANEL THREE */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* UPDATED - 03/12/15 */ height: 209px; /* updated - 03/10/15 */ top: 0; left: 0; background-image: url(../../../../../../templates/HTML5/images/mockups/401x209_current-news-panel-3.gif); background-color: none;} /* blue */ /* -------------------- Article Panel ( 4 ) ------------------- */ #additional-article_panel-4 { /* PANEL FOUR */ position: absolute; /* Scaled Match w/FB (484x253) postings */ width: 401px; /* UPDATED - 03/12/15 */ height: 209px; /* updated - 03/10/15 */ top: 0; right: 0; background-image: url(../../../../../../templates/HTML5/images/mockups/401x209_current-news-panel-4.gif); background-color: none;} /* green */ /* //////////////////////////////////////////////////////////// */ /* ------------------------------------------------------------ */ /* ---------------- FOOTER / COPYRIGHT SECTION ---------------- */ /* ------------------------------------------------------------ */ /* //////////////////////////////////////////////////////////// */ /* ------------- ( Fixed Page w/ iFrame Footer ) -------------- */ #footer-copyright_container { /* SECTION CONTAINER */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 110px; top: 1752px; /* UPDATED - 03/12/15 */ left: 0; padding: 0; background-color: none;} /* purple */ /* -------------------------- Footer -------------------------- */ #footer { /* UPDATED - 03/12/15 */ position: absolute; width: 990px; height: 79px; top: 0; /* updated - 03/10/15 */ left: 0; padding: 0; /* background-image: url(../../../../../images/footers/active_990x79.gif); */ background-color: none;} /* blue */ /* ------------------------------------------------------------ */ /* -------------------- 'IFRAME' PROMO AD --------------------- */ /* ------------------------------------------------------------ */ #active_promo-ad { /* NEEDED: FB Share Uses 'iframe' Attributes */ position:absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 79px; /* updated - 03/10/15 */ top: 0; left: 0; margin: 0; /* updated - 03/10/15 */ padding: 0; /* updated - 03/10/15 */ border: none; /* HTML5 deprecated; still needed in browsers */ /* background-image: url(../../../../../images/footers/sites/site-sponsored-by_royal-rebels_990x79.jpg); */ background-color: none;} /* red */ /* --------------------- Copyright Notice --------------------- */ #copyright { /* UPDATED for Fixed iFrame Footer - 06/28/14 */ position: absolute; /* UPDATED - 03/12/15 */ width: 990px; height: 13px; /* updated - 03/10/15 */ top: 87px; /* updated - 03/10/15 */ left: 0; padding: 0; font-family: arial; font-size: 11px; /* updated - 03/10/15 */ font-weight: normal; color: #E1E1E1; /* initial color - Light Grey - E1E1E1 */ text-align: center; background-color: none;} /* Darkest Blue - 00001F */ .list-dot { /* updated - 03/10/15 */ font-family: arial; font-size: 8px; color: #E1E1E1;} /* Light Grey - E1E1E1 */ /* --------------------- Copyright Links ---------------------- */ #copyright a:link { color: #E1E1E1;} /* initial color - Light Grey - E1E1E1 */ #copyright a:visited { color: #E1E1E1;} /* visited color - Light Grey - E1E1E1 */ #copyright a:hover { color: #E1E1E1; /* hover color - Light Grey - E1E1E1 */ text-decoration: underline;} #copyright a:active { color: #E1E1E1;} /* transition color - Light Grey - E1E1E1 */ /* ---------------- STANDARD AMG LINKING RULES ---------------- */ a { /* DO NOT CHANGE ORDER OF SEQUENCE */ text-decoration: none;} /* prevents initial underline */ a:link { color: #FFFFFF;} /* initial color - White */ a:visited { color: #FFFFFF;} /* visited color - White */ a:hover { color: #FFFFFF; /* hover color - White */ text-decoration: underline;} a:active { color: #FFFFFF;} /* transition color - White */ /* ------------------------ Bar Length ------------------------ */ /* ------------ AMG / UI STANDARD REFERENCE COLORS ------------- White - FFFFFF ; Near White - FDFDFD ; Light White - FAFAFA ; * Lighter "Body" Grey - F5F5F5 * ; Index Marquee BG White - EFEFEF Grey - CCCCCC ; Light Grey - E1E1E1, ; Hint of Grey - FBFBFB ; X11 Grey - BEBEBE ; Medium Light Grey - A9A9A9 ; W3C Grey - 808080 Black - 000000 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 ; Charcoal - 333333 Red - FF0000 ; Rose Red - E4082E ; Dark Red - 990000 ; Darkest Red - 600000 ; Maroon - 990033 ; Red Black - 2D0000 Pink - FFCCFF ; Light Pink - FFF5F5 ; Hot Pink - F535AA ; Deep Pink - FF1493 ; X11/W3C Fucia - FF00FF ; Violet Red - CC0099 X11/W3C Pink - FFC0CB ; Salmon - F7E9E5 ; Medium Violet Red - C71585 Violet - EE55EE ; Lavender - CC99FF ; Light Lavender - E9D2FF ; Magenta (same as "Fucia") - FF00FF ; X11/W3C Violet - EE82EE Purple - 9900FF ; Light Purple - BD59FF ; Lighter Purple - D79BFF ; Lightest Purple - E7C1FF ; Hint of Purple - F3DFFF Medium Purple - AB2DFF ; Dark Purple - 6100C1 ; Darker Purple - 5A1BAF ; Darkest Purple - 3F009D Orange - FFA500 ; DW Orange - FF9900 ; Orange-1 - FF7F00 ; Light Orange - FFBB22 ; Orange Red FF4500 ; X11/W3C Orange - FFA500 Yellow - FFFF00 ; Light Yellow - FFFF66 ; Lime - CCFF33 ; Khaki - F0E68C ; Dark Khaki - BDB76B ; Goldenrod "Dark Yellow Gold" - DAA520 Green - 009900 ; Bright Green - 00FF33 ; Light Green - CCFFCC ; Olive - CCFF33 ; Dark Green - 33CC33 ; Darker Green - 006600 W3C Green - 008000 ; X11 Green - 00FF00 Copper - FFCC99 ; Copper-1 - C96333 ; XM Dark Copper - CC9966 ; XM Text Copper - FFCC99 Silver - DDDDDD ; Light Silver - EEEEEE ; Silver-1 - DADADA ; X11/W3C Silver - C0C0C0 Gold - CC9900 ; Yellow Gold - FFCC00 ; Orange Gold - FF9900 ; Reddish Gold - FFC184 ; Maya Impact Gold - FFCC7D ; XM Logo Gold - C3A756 XM Copyright Gold - FFEE9F ; XM Text Gold-1 - FFE693 ; XM Text Gold-2 - F3DA98 ; X11/W3C Gold - FFD700 Cyan - 00FFFF ; Medium Cyan - 33CCFF ; Light Cyan - 66FFFF ; Lighter Cyan - B3FFFF ; Lightest Cyan - D2FFFF ; Turquoise - 00FFCC Blue - 0000FF ; Light Blue - 99CCFF, Lighter Blue - A8D3FF ; Lightest Blue - CAE4FF ; Lightest Light Blue - DFF1F7 ; Hint of Blue - E1F0FF Medium Blue - 3366FF ; Dark Blue - 000066 ; Medium Dark Blue - 00005F ; Darker Blue - 00004F ; Darkest Blue - 00001F Body - F5F5F5 ; Shadow Border Grey - E0E0E0 ; Light Grey - E1E1E1 ; Lighter "Body" Grey - F5F5F5 ; X9 Body Grey - F7F7F7 Seamless BG Mid Blk - 161616 ; XM Purple Blue BG - 181845 ; R&R Border/BG Blue - 073660 ; L-Bolt Sky BG Blue - 489FDC Borders - ##### ; Adsense Border Blue - 0066CC ; Adsense Border Blue Grey - 336699 ; Shadow Border Grey - E0E0E0 ; VFF Gold Border - CEBD63 XM Border Black - 707070 Text (Black) ## ; Close Black - 030303 ; Near Black - 090909 ; Medium Black - 181818 ; Mid Black - 222222 ; Medium Grey Black - 252525 Text Black - 272727 ; Medium Text Blk - 363636 ; FAQ Text Black - 404040 ; Light Text Blk - 454545 ; Lighter Text Blk - 545454 Lightest Text Blk - 636363 ; Medium Text Grey - 727272 ; Light Text Grey - 818181 ; Lighter Text Grey - 909090 Btm Rt Banner Ad Blue - 000070 ; Hyper-Link 'Dark' Blue - 00005F Tables - ###### ; Table Heading Blue - DFF1F7 ; Table "Border" Blue - AECFE3 ; Table Row Blue - ECF7FA ; Hyper-Link Blue - 00005F Table Row Blue Grey - EAEAEA ; Table Row Light Olive - E7F5B4 ; Table Row Gold - E9DC9E ; Title Bar Gold - E9D78D Misc - ###### ; American Baby Blue - 1CA4FF ; Aquamarine - 7FFFD4 ; Beige - F5F5DC (X11/W3C) ; GS Banner Blue - 000033 Encyclopedia Blue - 00345F ; Facebook Blue - 3B5998 ; MySpace BG Grey - E5E5E5 ; Index Marquee Purple - 1D0048 Red Arrow Bright Red - FF0006 ; R&R Violet - B18AD9 ; Sub Heading H2 Red - 600000 ; Title Bar Gold - E9D78D W3C Gray - 808080 (Dark Grey) ; X11 Gray - BEBEBE (Lighter Grey) ; XM Dark Grey - 999999 ; Grey Dot for Gold BG - 777777 WOW Slider Grey - 3D3D3D ; AdSense Lightest Grey - E6E6E6 ; Adsense Light Grey - B3B3B3 ; Adsense Normal Grey - CCCCCC ; Adsense Middle Grey - 999999 Adsense Dark Grey - 808080 ; Adsense Darker Grey - 7F7F7F ; Adsense Darkest Grey - 666666 ; Adsense Grey Black 1 - 4C4C4C Adsense Dark Grey 2 - 333333 ; Adsense Dark Grey 3 - 191919 ; Adsense Normal Black - 000000 ; Google Color Chart (coming soon) ------------- STANDARD AMG LINKING COLOR RULES -------------- Black Background ; Active Link Blue - 66FFFF ; Black BG Blue - 00003F ; Black BG Lighter Text Grey - DADADA ; B&G Stripes BG Grey - E1E1E1 Horizonal Rule Black - A9A9A9 (close match between IE & Firefox) ; Roll Over Lime - 00FF00 White Background ; Main Image Caption Blue - 00006F ; Main Title Bar Blue - 171745 ; updated 07-26-14 ( 11:30pm CST ) */