/* Theme Name: newsphiles-media Theme URI: http://newsphiles.org Description: Crammed widget prepared news streaming theme. Multi column. Version: 1.0 Author: xrayvision Author URI: http://qubetech.com/ */ /************************************* +Containers *************************************/ body { background: #000066;color: #333; font-family:Verdana, Arial, Helvetica, sans-serif; line-height: normal; margin:0; padding:0; font-size:12px; text-align:left;} blockquote { color: #333; background: url(images/quote.gif) no-repeat bottom right #FEECA9; margin: 0; padding: 15px; } #wrap { margin:0 auto; text-align:left; width:76em; } #content { font-size:14px; padding:5px; width:100%; text-align: left; valign:top; } #header { padding-left:4px; padding-right:4px; weight: strong; font-size: 13px; font-color:#FE9A5F;height:28px; } #footer { background: url(images/_bar_grey2.jpg); color:#131313; font-size:10px; padding:2px;z-index:1; height:65px; padding-top:33px; } a { text-decoration:none;} /***************************************/ /* TOP-BAR */ /***************************************/ #wphead { text-align:left; font-size:86%; height:99px; color:#FFF; font-weight:bold; line-height:1;text-shadow: 0px 1px 1px black; margin:0; width:100%; background:#333;padding:0; position:fixed; z-index:98; top:0; left:0; } /***** Table on Front page ***********/ #frontNews { margin-top:0px; background:#FFFFFF;} /************************************* +Table stuff *************************************/ #vidTable { font-size: 10px; text-decoration: none; background: #000000; } #vidTableL { font-size: 10px; line-height: normal; } #vidTableL ul { margin-left: 3px; font-size: 10px; } #vidTableL ul li{ margin-left: 0px; font-size: 10px; } #vidTableR { font-size: 10px; line-height: normal; list-style: none; color: #CC6600; } #vidTableR a { color: #3300CC; text-decoration:none; } #vidTableR a:hover { color: #FF0000; text-decoration:none; } #vidTableR ul { font-size: 10px; margin-left: 7px; } #vidTableR ul li{ margin-left: 7px; font-size: 10px; } .imgnobrd img { border:none;} .tdbg { background: url(images/_bar_grey3.jpg) repeat-x; font-family: "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif; letter-spacing: normal; font-size: 14px; color: #FF9933; text-align: center; font-weight: strong; } .tdbgV { background-color: #555; font-family: "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif; letter-spacing: normal; font-size: 14px;text-align: center; font-weight: strong; } .tdbgV a { color: #00CCFF; font-size:11px; text-decoration:none;} .tdbgxtra { font-size: 14px; height:25px;background: #000066;} .tdbgxtra a { color:#CCC; text-decoration:none; } .tdbgxtrasearch { font-size: 10px; color:#003366; } .tdbgxtrasearch a{ text-decoration: none; } .vsearchleft { color: #FFFFFF; background: #4C4C4C; font-size:9px; } .vsearchleft a{ color: #00CCFF;text-decoration: none; } /************************************* +ECo Corner *************************************/ #ecocorner { background: url(images/forest_01_200X176.jpg); color:#FFFFFF; font-size:11px; padding:4px; valign:bottom; align:left;font-weight:strong; } #ecocorner a { color: #FFF; text-decoration: none; } #ecocorner a:hover { color: #3399FF; text-decoration: none; } .ecocornerFro { color:#FFFFFF; font-size:12px; padding-left:6px;align:left;font-weight:strong; } .ecocornerFro a { color: #FFF; text-decoration: none; } .ecocornerFro a:hover { color: #FF0000; text-decoration:none; } /** rss ticker**/ #GecoVidNewsbox { font-color:#FFF; font-size:9px; padding:4px; valign:bottom; align:left; } .GecoVidNewsbox { font-color:#FFF; font-size:9px;} #GecoVidNewsbox a { font-color:#FFFF00; text-decoration: none;} #GecoVidNewsbox a:hover { font-color:#FF0000; text-decoration: none;} #connections { width:150px; height:20%; text-align:center; padding-left:4px;} /************************************* +Hn and p *************************************/ h1 { color: #B00000; font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; font-style: italic; letter-spacing: normal; margin:0; } h3 { font-size: 15px; font-family: Verdana, Arial, Helvetica, sans-serif; letter-spacing: normal; margin:0; } h3 a { font-size: 15px;text-decoration: none;} h2 { font-family: "Trebuchet MS", Arial, "Bitstream Vera Sans", sans-serif; letter-spacing: normal; font-size: 14px; color: #AAA; text-align: center; font-weight: strong; } h4, h5 { color: #0066CC ; text-decoration:none; margin-left: 7px; font-size: 13px; font-weght: normal; } h4 h5 a { color: #00CCFF; text-decoration:none; margin-left: 10px; } #header h1 { margin-bottom: 5px;} #header h1 a:hover { color: #FF0000; text-decoration:none;} #description { color:#FF0000; font-size:1.1em; font-style: italic; align: center; wrap: nowrap; margin:0; } #header-derecha { float: right; } #header-izquierda { float: left; } .entrytitle h2 { font-size:16px; margin-left: 10px; } .entrytitle h2 a { color: #00CCFF; text-decoration:none; margin-left: 10px; } .entrytitle h3 a:hover{ color: #3399FF; text-decoration:underline; } .entrytitle h3 { font-size:18px; color:#6F6F6F; } #sidebar h3 { color:#555; font-size:75%; margin:6px; } /************************************* +Entry *************************************/ .entry { margin-bottom:3em; margin-left: 0px; margin-top: 0px;} .entrybody { color:#333333; font-size: 12px; padding: 8px;} .entrybody img { margin:6px;} .entrymeta { background: #D6D6D6; font-size: 11xp; padding: 8px; border:1px dashed #666666; margin:0px 7px 7px 7px;} .postedby { background: url(images/information.png) no-repeat; padding:3px; padding-left:20px; color: #333;} .filedto { background: url(images/attach.png) no-repeat; padding:3px; padding-left:20px; color: #666600;} .commentslink { background: url(images/comment_add.png) no-repeat; padding:3px; padding-left:20px;} #indiemedia { font-size:10px;} #indiemedia a { display:block; color: #006699; margin:2px; padding:2px;background-color: #FFFFCC;} #indiemedia a:hover { display:block; background-color: #000; margin:2px; padding:2px; color:#FF0000;} #entry { font-size: 12px; margin-left: 10px;} .entry ul, li { font-size: 12px; color: #003366; list-style: none;} .entry ul li { font-size: 12px; color: #003366; list-style: none;} .entrymeta { font-size: 11px; color: #000099;} #skyBarimg { margin-bottom:14px;margin-right:0px;} /************************************* (x) Entry Video Search (dark version) *************************************/ .xentry { width:318px; font-size:10px; padding:9px; color:#888; text-align:left; border:1px; border-style: dotted; border-color:#999; margin-bottom:3em; margin-left: 10px;margin-right: 10px; margin-top: 3px; } #xentrybody { font-size: 10px; color: #CCC; margin: 10px; } .xentrybody { text-align:left ; margin: 10px; } .VsearchProjBgr h4 a { font-size: 11px; color: #CCC;font-weight:strong; padding: 5px; text-decoration: none; } .xentrybody a { color: #00CCFF; text-decoration: none; } .xentrybody a:hover { color: #FF0000; text-decoration:none; } .xentrymeta { text-align:left ;font-size: 9xp;font-color: #006666; padding: 8px; margin: 9px; } .xpostedby { text-align:left; background: url(images/information.png) no-repeat; padding:3px; padding-left:20px; color: #666600; } .xfiledto { background: url(images/attach.png) no-repeat; padding:3px; padding-left:20px; color: #CCC; } .xcommentslink{ background: url(images/comment_add.png) no-repeat; padding:3px; padding-left:20px; } #xentry { text-align:left ;font-size: 10px; margin-left: 10px; } .xentry ul, li{ font-size: 10px; color: #999; font-weight: normal; list-style: none; } .xentry ul li { font-size: 10px; color: #999; font-weight: normal; list-style: none; } /*************************************/ .linksdiv { width:318px; font-size:13px; color:#000;background-color:#FFF; text-align:left; border:1px dotted #FF0000; margin-bottom:3em; margin-left: 30px;margin-right: 10px; margin-top: 3px; padding-right:78px; padding-left:10px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=60%); /*Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.60; /*Specify fade effect in Firefox. Remove if desired.*/ } .linksdiv a { color: #00CCFF; } .linksdiv li { color: #000000; } /************************************* +Sidebar *************************************/ #sidebar { } #sidebar ul { list-style-type:none; margin:0; padding:0;} #sidebar ul li { /*border-bottom:1px dotted #ddd;*/ margin-bottom:0.3em; padding: 0px;} .sidebarFeedH { background: #000066; font-style:normal; text-align:center; padding:4px; color: #0099CC; font-size:12px; height:14px;} .sidebarFeedH a { color: #FFF;text-decoration: none;} #sidebarFeedH2 { font-style:normal; text-align:center; background: #000066; padding:2px 6px 2px 6px; color: #0099CC; font-size:10px;} #sidebarFeedH2 a { color: #FFF;text-decoration: none;} .sidebarFeedH2 { font-style:normal; text-align:center; background: #000066; padding:2px 6px 2px 6px; color: #0099CC; font-size:10px;} .sidebarFeedH2 a { color: #FFF;text-decoration: none;} #sidebarFeed { width: 300px; text-align:left; background:#666; valign:top; margin-left:3px; padding:8px; height:470px;} .IntroFrSidebar { text-align:center; background:#555; border: black; valign:top; margin-left:1px; padding:2px; height:33px; color:#EEE; font-size:9px;} .IntroFrSidebar a { color: #00CCFF;text-decoration: none;} #sidebarSpecial { text-align:left; margin:10px 2px 0 2px; padding:8px; overflow:hidden; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80%); /*Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/} #sidebarSpecialTop { text-align:left; margin:2px 6px 0 6px;padding: 0px 5px 5px 5px; color:FF0000; vertical-align:top; overflow:hidden; /*filter:progid:DXImageTransform.Microsoft.alpha(opacity=80%); Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/} .sidebarSpecialTop li { border-bottom:1px dashed #FF0000;} #sidebarFeed23bottom { text-align:left; margin:10px 2px 0 2px;padding:5px;} .sidebarFeed23 { text-align:left;color: #006633;padding-top:10px; margin-right:2px; margin-left:2px;padding:8px; overflow:hidden;} .sidebarFeed23 { font-size:10px;color: #FF0000; font-style:normal; text-decoration: none; } .sidebarFeed23 a { font-style: normal; text-decoration: none; color: #0000FF; } .sidebarFeed23 a:hover { color: #FF0000; text-decoration:none;} #sidebarFeed24 { font-size:11px; font-style: normal;color: #FF6600; text-decoration: none; padding:10px 10px 10px 10px; text-align:left;margin:10px 4px 4px 2px; height:*; vertical-align:top;} #vidfrontbutton { border: 1px solid #333; margin:4px 0 15px 0;} .welcome { display:block; background-color:#333333; color: #999966; padding:4px; font-size:11px; border:2px solid #999999; text-align:justify; margin:0 0 8px 0; } .welcome a { color: #99CCCC;} .headlineBlock { display:block; background-color: #6699FF; color:#FFF; padding:6px 3px 3px 3px; vertical-align:middle; font-size:11px; border:2px solid #000; margin:0px; height:25px; text-align:center;} .headlineBlockN { display:block; background-color: #6699FF; color:#FFF; padding:6px 3px 3px 3px; vertical-align:middle; font-size:11px; border:2px solid #000; margin:0px; height:25px; text-align:center; font-weight:normal} .headlineBlockR { display:block; background-color: #6699FF; color:#FFF; width:275px; padding:6px 11px 3px 3px; font-size:11px; border:2px solid #000; margin:0px; height:25px; text-align:center;} #newstory_pic { margin-right:18px;} #sidebarFeed24 a { color: #003399; text-decoration: none; } #sidebarFeed24 a:hover { color: #FF0000; text-decoration:underline; } #sidebarFeed a{ text-decoration: none; } .sce-box { text-decoration: none; margin:3px; border: 1px dashed #999999; padding:3px; font-size:10px;width:270px; height:483px; overflow:scroll;} .sidebarFeed .img { border:1px; float: right;} /*#sidebarFeed li a{ text-decoration: none; margin-left:0px; }*/ .sidebarFeed { text-decoration: none; margin:3px; border: 1px dashed #999999; padding:3px; font-size:10px;width:270px; height:400px; overflow:scroll;} .sidebarFeedGUK { text-decoration: none; margin:3px; border: 1px dashed #999999; padding:3px; font-size:10px; height:266px; overflow:scroll;} .worldGUKclass { text-align:left;} /************************************* +Comments *************************************/ .commentsblock { margin:0.5em; padding:5px; font-size: 12px;} .commentsblock textarea { color: #CCFFCC;} .commentsblock input { border:1px dashed #666; color: #000;} .commentsblock textarea { border:1px dashed #666; color: #000;} .commentsblock textarea:focus{ background: #FFF; border:1px dashed #666;} .commentsblock input:focus { background:#FFF; border:1px dashed #666;} .commentautho { display:block; font-size:1.5em;} ol.commentlist { color:#333333; font-size:1.2em; list-style-type:none; margin:0; margin-top:1.5em; padding:0;} .commentlist li { margin-bottom:0.5em; padding:0.5em 1em; list-style-image: url(images/comment.png);} h3#comments { font-size: 1.2em;} .nocomments { color:#333; font-size:1.2em;} p.nocomments { color:#333;font-weight:strong;} #commentform textarea { background: #CCFFCC;width:100%;border:1px dashed #333;border:inset; } #commentform input { font-color:#000;} /************************************* x-Comments *************************************/ .x-commentsblock { margin:0.5em; padding:3px; font-size: 12px;} /*.x-commentsblock textarea { width:85%;}*/ .x-commentsblock input { border:1px solid #d1d1d1;} .x-commentsblock textarea { border:1px solid #d1d1d1;} .x-commentsblock textarea:focus{ background:#eee; border:1px solid #a1a1a1;} .x-commentsblock input:focus { background:#eee; border:1px solid #a1a1a1;} .commentauthor { display:block; font-size:1.5em;} ol.commentlist { color:#333333; font-size:1.2em; list-style-type:none; margin:0; margin-top:1.5em; padding:0;} .commentlist li { margin-bottom:0.5em; padding:0.5em 1em; list-style-image: url(images/comment.png);} h3#comments { font-size: 1.2em;} .nocomments { color:#333333; font-size:1.2em;} /************************************* +Misc *************************************/ .respond { color:#333333; font-size:1.2em; } #respond { color:#333333; font-size:1.2em; } .date { font-size: 11px; color: #666600; } a { color:#000099; text-decoration: none;; } a:hover { color: #FF0000; text-decoration:none; } .stylered { color:#FF3300; } /************************************* +Search forms *************************************/ .searchform { padding: 1px 1px 1px 1px; margin-top:2px; margin-bottom:2px; } .searchform s { color:#99FFCC; } .searchform s:hover { color:#990000; } .searchform input { background-color:#c1c1c1; } #searchform input { background-color:#c1c1c1; } #searchform { margin-top:3px; } #commentform input { font-color:#000; } .navigation { margin-left: 10px;margin-right: 10px; font-size: 12px; } .alignleft { text-align: left;} .alignright { text-align: right;} /************************************* Google videoBar/ videoSearch control *************************************/ #videobarTop, videobarMiddle { margin-right: 5px; margin-left: 5px; padding-top : 4px; padding-right : 4px; padding-left : 4px; padding-bottom : 2px; } #videoBarRight .tdvideoBarRight1 {background: url(images/videologo_button01.gif);} .tdvideoBarRight1 {font-size:9px; color:89F000; valign:middle; text-align:center; border: 1px solid #777; height:42px; width:78px; padding:4px;} .tdvideoBarRight1 a{ color: #00CCFF;text-decoration: none;} .TDvideoBarRight {border: 1px solid #777; background: #000; alaign: left; width : 75px; margin-right: 0px; margin-left: 1px; padding-top : 2px; padding-right : 1px; padding-left : 1px; padding-bottom : 2px;} #videoSearchS {border: 1px solid #777; wrap: nowrap; alaign: right; width : 82px; margin-right: 0px; margin-left: 0px; padding-top : 2px; padding-right : 3px; padding-left : 5px; padding-bottom : 2px;} /*#videosc {width : 150px; margin-left: 1px;padding: 4px; border : 1px solid #363636;} */ /* .VsearchProjBgr */ .underspirits { width: 250px; height:40px; padding: 4px; margin-bottom: 4px;margin-left: 2px; margin-right: 2px; font-size:9px; color:#222; valign:middle; text-align:left;} .underspirits a { color: #FFFFCC; text-decoration: none;} .underspirits a:hover { color: #3399FF; text-decoration:none;} /************************************* AJAX RSS TICKER CSS *************************************/ /*Sample CSS to style the two tickers in the demo*/ #example1{ /*Demo 1 main container*/ width: 450px; height: 23px; border: 1px solid black; padding: 2px 2px 2px 4px; background-color: #FFFFCC; font-size:10px; margin:5px 0 1px 0; text-align:left;} .spiritComputclass { width: 252px; height:45px; padding: 3px; margin-top:4px; margin-bottom:4px; margin-left:2px; margin-right:2px; background:#CCCCCC; /*filter:progid:DXImageTransform.Microsoft.alpha(opacity=50); Specify fade effect in IE. Remove if desired. -moz-opacity: 0.5; /*Specify fade effect in Firefox. Remove if desired.*/} .spiritComputclass { font-size:10px; size:10px;} .spiritComputclass a { text-decoration: none;} #worldGUKbox { width: 95%; padding: 5px; margin: 2px; filter:progid:DXImageTransform.Microsoft.alpha(opacity=70%); /*Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.7; /*Specify fade effect in Firefox. Remove if desired.*/ } .Gnews { font-size:10px; size:10px; align:center; padding: 5px; background-color: #EEE; border: 1px solid black; margin-bottom: 1em; filter:progid:DXImageTransform.Microsoft.alpha(opacity=80%); /*Specify fade effect in IE. Remove if desired.*/ -moz-opacity: 0.8; /*Specify fade effect in Firefox. Remove if desired.*/} .bbcclass {width: 100%;padding: 6px;background-color: #EEE;border: 1px solid #004A00;} /*shared class for all title elements in an RSS feed*/ .rsstitle { size:11px; text-decoration:none; font-weight:normal;} .rssdate{ /*shared class for all date elements in an RSS feed*/ color: #FF0000; font-size:10px; } .rssdescription { /*shared class for all description elements in an RSS feed*/ color: #121212; font-size:11px; } .rssdescription img { border:1px;align:right; margin:4px } .rssdescription a { /*shared class for all description elements in an RSS feed*/ color: #0033CC; font-size:12px;text-decoration: none; } .rssdescription a:hover { /*shared class for all description elements in an RSS feed*/ color: #FF0000;text-decoration:underline; } /************************************* + feedList *************************************/ .rssLinkListItemTitle { font-weight:normal; font-size:12px;} .rssLinkListItemTitle a { color:#0033CC; font-size:12px;} .rssLinkListItemTitle a:hover { color:#FF0000; text-decoration:none;} .j { color:#222; font-size:12px;} .p { color:#222; font-size:12px;} .p a { color: #0033CC ; font-size:12px;} .j a { color: #0033CC ; font-size:12px;} .entrybody { color:#121212;} .feedTitle { font-size:12px; color:#333333;} .feedDate {} .FeedList { valign:top; padding-top:4px; padding-bottom:4px; margin-top:1px; margin-bottom:10px; border:1px solid #CCC; padding:5px; font-size:12px; } .FeedList .img { align:right; } .rssLinkListItemDesc { font-size:12px; color:#333333;} .feedExtra { font-size:12px; color:#333333;} .ReadMoreLink { text-decoration: none; color: #003399;} .FeedList li { list-style: none; } .FeedList a { text-decoration: none; color: #003399; font-size:12px} .FeedList a:hover { color: #FF0000; text-decoration:none} .FeedList a:visited {} /************************************* + Design *************************************/ .stylered { color:#FF0000} .heights { height:40px;border:1px dotted #EEE;color:#333; font-weight:strong;padding:10px;size:12px;} .gravatar { float:left;padding: 3px;border: 1px solid #000;background: #fff;} .postgrav { float: left;padding: 3px;margin-right: 5px;margin-left: 5px; border: 1px solid #000;background: #fff;} #google_results IFRAME {width: 697px;} /************************************* Link Exchange stuff **************************************/ .imageexch { border:1px dashed #999999; padding: 4px; text-align:center} .imageexch img { margin:3px} #link-subform { color:#996600} #link-subform input { border:1px dashed #FF9933; background: #D6D6D6} #link-subform textarea{ border:1px dashed #FF9933; background: #D6D6D6} #link-subform img { margin-top:10px} .linksexch { font-size:11px; color:#494949} /************************************* Morr front page Stuff **************************************/ .indiemedia-2 { padding:10px 10px 10px 20px;font-size:10px; color: #979797; display:block; width: 95%;}