/* Theme Name: SW:TOR Hungary Theme URI: http://www.swtor.hu Description: A Star Wars - The Old Republic mmorpg c. játék rajongói honlapja Version: 1.0.0 Author: Takács Zsolt Author URI: http://www.glaskugel.hu Tags: - */ html{ background:#000 url(images/bg.jpg) center 75px no-repeat fixed; } body{ width:960px; margin:0 auto; font:normal 12px Arial, Helvetica, sans-serif; color:#adc6cd; } .seohead{ display:none; text-indent:-9999; } .clr{ clear:both; } .hr{ height:20px; border-bottom:1px dashed #283d6a; margin:0 40px 20px; } .accordionButton {} .accordionContent { display:none; } .welcome-msg{ width:330px; height:135px; text-align:justify; padding:10px; } .tabNavigation{ border-bottom:1px dashed #263f70; overflow:hidden; margin:0 40px 20px; padding:0 !important; list-style:none !important; } .tabNavigation li{ float:left; display:inline; margin:0 10px 0 0!important; padding:0 !important; } .tabNavigation li a{ display:block; padding:5px; font:normal 14px Arial, Helvetica, sans-serif; background:#39a7d9 url(images/tab_bg.gif) right bottom no-repeat; } .tabNavigation li a:hover{ color:#000; background:#39a7d9 url(images/tab_bg.gif) right top no-repeat; } .tabNavigation li a.selected{ color:#000; background:#39a7d9 url(images/tab_bg.gif) right top no-repeat;; } .kwickbox{ height:90px; margin:40px 40px 0 !important; padding:0 !important; text-align:center; } .kwicks{ list-style:none !important; position:relative; height:90px; overflow:hidden; margin:0 auto !important; padding:0 !important; } .kwicks li{ float:left; display:inline; width:90px; height:90px; cursor:pointer; } .kwicks li#kwick1{ background:url(images/icondock/planets.gif) left top no-repeat; } .kwicks li#kwick2{ background:url(images/icondock/allegiances.gif) left top no-repeat; } .kwicks li#kwick3{ background:url(images/icondock/classes.gif) left top no-repeat; } /* WP BUILT-IN */ a.rsswidget img { display: none; } .article_nav{ width:580px; overflow:auto; padding:0 40px; } .article_nav a{ display:block; width:75px; height:86px; margin:0 0 20px; } .navleft{ float:left; } .navleft a{ background:url(images/left.png) bottom center no-repeat; } .navright{ float:right; } .navright a{ background:url(images/right.png) bottom center no-repeat; } .alignleft{ float:left; margin:5px 10px 5px 0; } .alignright{ float:right; margin:5px 0 5px 10px; } .alignleft, .alignright{ border:1px solid #263f70; } .gallery{ width:580px; margin:0 auto; } .gallery a:hover{ background:none; } .gallery_row{ width:100%; margin:0 0 10px; } .gallery_item{ margin:0 20px 0 0; } .gallery-icon img{ border:1px solid #263f70; } .gallery-icon a:hover{ background:none !important; } .gallery-caption{ text-align:center; font:normal 9px Arial, Helvetica, sans-serif; } .wp-caption{ text-align:center; padding:4px 0 0; background:url(images/caption_bg.gif) left top repeat; border:1px solid #263f70; } .wp-caption a{ background:none !important; } .wp-caption a:hover{ background:none !important; } .wp-caption.alignleft{ float:left; margin: 5px 15px 5px 40px !important; } .wp-caption.alignright{ float:right; margin: 5px 40px 5px 15px !important; } .wp-caption-text{ padding:1px 2px !important; font:normal 10px Arial, Helvetica, sans-serif !important; text-align:center !important; border:none !important; } /* GENERAL */ object, embed{ position: relative; z-index:10 !important; } #header{ width:100%; height:245px; position:relative; } #logo{ width:307px; height:105px; position:absolute; z-index:995; left:325px; bottom:5px; background: url(images/logo.png) center center no-repeat; } /* PARALLAX */ #parallax{ position:absolute; z-index:400; overflow:hidden; width:960px; height:240px; } /* DEFAULT */ #para_swamp{ width:1000px; height:230px; overflow:hidden; background:url(images/parallax/default/swamp.jpg) center -10px no-repeat; } #para_sith{ width:1000px; height:230px; overflow:hidden; background:url(images/parallax/default/sith.png) 570px 75px no-repeat; } #para_jedi{ width:1020px; height:230px; overflow:hidden; background:url(images/parallax/default/jedi.png) 700px 95px no-repeat; } #para_cliff1{ width:1060px; height:230px; overflow:hidden; background:url(images/parallax/default/cliff1.png) -60px -10px no-repeat; } #para_cliff2{ width:1060px; height:230px; overflow:hidden; background:url(images/parallax/default/cliff2.png) 860px -10px no-repeat; } /* ALLEGIANCES */ #para_cave{ width:1000px; height:230px; overflow:hidden; background:url(images/parallax/allegiances/cave.jpg) center -10px no-repeat; } #para_duel{ width:1060px; height:230px; overflow:hidden; background:url(images/parallax/allegiances/duel.png) center -10px no-repeat; } /* PLANETS */ #para_stars{ width:970px; height:230px; overflow:hidden; background:url(images/parallax/planets/stars.jpg) center -10px no-repeat; } #para_moon{ width:1000px; height:230px; overflow:hidden; background:url(images/parallax/planets/moon.gif) -20px 60px no-repeat; } #para_planet{ width:980px; height:230px; overflow:hidden; background:url(images/parallax/planets/planet.png) center -10px no-repeat; } /* CLASSES */ #para_hangar{ width:1000px; height:230px; overflow:hidden; background:url(images/parallax/classes/hangar.jpg) center -10px no-repeat; } #para_fight{ width:1060px; height:230px; overflow:hidden; background:url(images/parallax/classes/fight.png) right -10px no-repeat; } #runes{ position:absolute; top:190px; width:960px; height:55px; background:url(images/runes.gif) center top no-repeat; } #nav{ position:absolute; z-index:800; top:185px; left:120px;} #nav ul{ margin:0 !important; padding:0 !important; position:relative; } #nav ul li{ float:left; display:inline; width:auto; height:18px; position:relative; margin:0 15px 0 0; padding:3px 15px 0 0; } #nav ul li a{ display:block; height:20px; font:normal 14px Arial, Helvetica, sans-serif; color:#f9db45; text-transform:uppercase; } #nav ul li a:hover{ color:#00f8fb; } /* horizontal submenu */ #nav ul li ul{ display:none; position:absolute; z-index:700; top:-3px; width:170px; padding:15px 0 0 !important; background:url(images/horizontal_projector.gif) 77px top no-repeat; } #nav ul li ul li{ float:left; display:inline-block; overflow:hidden; padding:2px 0 0 !important; margin:0 !important; background:url(images/holo_bg.png) center top repeat-y; } #nav ul li ul li.lh{ width:170px; height:30px; margin:2px 0 0 !important; padding:0 !important; background:url(images/holo_top.png) center top no-repeat; } #nav ul li ul li.lf{ width:170px; height:24px; margin:0 !important; padding:0 !important; background:url(images/holo_bottom.png) center bottom no-repeat; } #nav ul li ul li a{ display:block; width:170px; padding:0 !important; margin:0 !important; font:normal 12px Arial, Helvetica, sans-serif; text-align:center; color:#fff !important; background:url(images/submenu_bg.png) center -100px no-repeat; } #nav ul li ul li a:hover{ background:url(images/submenu_bg.png) center center no-repeat; color:#003 !important; } #nav ul li ul li ul{ top: 0; } /* nasty IE6 hack */ * html #nav ul li{ float:left; position:relative; width:1%; white-space:nowrap; } * html #nav ul li ul li{ } * html #nav ul li ul li a{ height:20px; } /* nasty IE7 hack */ html>body #nav{ position:absolute; z-index:800; top:185px; left:120px;} html>body #nav ul li{ float:left; display:inline; width:auto; position:relative; margin:0 15px 0 0; padding:0 15px 0 0; } html>body #nav ul li a{ display:block; height:20px; font:normal 14px Arial, Helvetica, sans-serif; color:#f9db45; text-transform:uppercase; } html>body #nav ul li a:hover{ color:#00f8fb; } /* horizontal submenu */ html>body #nav ul li ul.sm1{ left:-25px !important; } html>body #nav ul li ul.sm2{ left:-50px !important; } html>body #nav ul li ul li{ float:left; display:inline; overflow:hidden; padding:2px 0 0 !important; margin:0 !important; background:url(images/holo_bg.png) center top repeat-y; } html>body #nav ul li ul li.lh{ width:170px; height:30px; margin:2px 0 0 !important; padding:0 !important; background:url(images/holo_top.png) center top no-repeat; } html>body #nav ul li ul li.lf{ width:170px; height:24px; margin:0 !important; padding:0 !important; background:url(images/holo_bottom.png) center bottom no-repeat; } html>body #nav ul li ul li a{ display:block; width:170px; padding:0 !important; margin:0 !important; font:normal 12px Arial, Helvetica, sans-serif; text-align:center; color:#fff; background:url(images/submenu_bg.png) center -100px no-repeat; } html>body #nav ul li ul li a:hover{ background:url(images/submenu_bg.png) center center no-repeat; color:#003; } html>body #nav ul li ul li ul{ top: 0; } /* FEATURED */ #featured{ position:relative; float:left; display:inline; width:660px; height:310px; margin:20px 20px 0 0; } .featured_header{ width:610px; height:42px; padding:10px 25px 0; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; text-align:right; background: url(images/sectionhead.gif) center bottom no-repeat; } .featured_footer{ width:606px; height:37px; padding:0 27px 0; margin:0 0 20px !important; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; background:url(images/sectionfoot.gif) center bottom no-repeat; } .featured_section{ position:relative; background:url(images/sectionbg.jpg) center top repeat-y; padding:0 0 20px; } #e3holo{ position:absolute; left:510px; top:370px; width:410px; height:300px; z-index:0; background:url(images/E3holo.png) -18px top no-repeat; } #e3holo a{ display:block; margin: 0 0 0 20px; width:410px; height:300px; } #e3holo a:hover{ background:none; } #e3links{ position:absolute; left:525px; top:0; width:410px; height:300px; z-index:10; } .featured_section h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#c8b03a; padding:0 40px 30px; margin:0 0 10px; background:url(images/lasersimple.png) center bottom no-repeat; } .featured_section h2 a{ color:#c8b03a; } .featured_section h2 a:hover{ color:#00f8fb; background:transparent; background:#000} .featured_section h3{ font:bold 14px Arial, Helvetica, sans-serif !important; padding:0 40px; margin:10px 0; color:#0ca6b3; } .featured_section h3 a{ color:#c8b03a; } .featured_section h3 a:hover{ color:#00f8fb; background:none; } .featured_section p{ font:normal 14px Arial, Helvetica, sans-serif; padding:0 10px; line-height:130%; text-align:justify; } .featured_section a{ color:#39a7d9; } .featured_section a:hover{ color:#000; background:#39a7d9; } .featured_section strong{ font-weight:bold; } .featured_section em{ font-style:italic; } /* ARTICLE */ #article{ float:left; display:inline; width:660px; margin:20px 20px 0 0; } #article .article_header{ width:610px; height:42px; padding:10px 25px 0; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; text-align:right; background:url(images/sectionhead.gif) center bottom no-repeat; } .article_section{ position:relative; background:url(images/sectionbg.jpg) center top repeat-y; padding:0 0 20px; } .article_section h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#c8b03a; padding:0 40px 30px; margin:0 0 10px; background:url(images/laser.png) center bottom no-repeat; } .article_section h2 a{ color:#c8b03a; } .article_section h2 a:hover{ color:#00f8fb; background:transparent; background:#000} .article_section h3{ font:bold 14px Arial, Helvetica, sans-serif !important; padding:0 40px; margin:10px 0; color:#0ca6b3; } .article_section h3 a{ color:#c8b03a; } .article_section h3 a:hover{ color:#00f8fb; background:none; } .article_section p{ font:normal 12px Arial, Helvetica, sans-serif; padding:0 40px; text-align:justify; } .article_section a{ color:#39a7d9; } .article_section a:hover{ color:#000; background:#39a7d9; } .article_section strong{ font-weight:bold; } .article_section em{ font-style:italic; } .article_section blockquote{ clear:both; font:normal 12px Arial, Helvetica, sans-serif; color:#3d98c1; padding:10px 40px 10px 60px; text-align:justify; background:url(images/bq.gif) 40px 13px no-repeat; } .article_section blockquote p{ padding: 0 !important; } .article_section ul{ list-style:disc; padding:10px 55px; } .article_section ol{ list-style:decimal; padding:10px 55px 10px 60px; } .article_section ul li, .article_section ol li{ display:list-item; } .article_section object, .article_section embed{ padding:0 !important; margin:20px 0 !important; } #article .article_footer{ width:606px; height:37px; padding:0 27px 0; margin:0 0 20px !important; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; background:url(images/sectionfoot.gif) center bottom no-repeat; } #article .article_footer a{ color:#7c6e24; } #article .article_footer a:hover{ color:#adc6cd; } #article .article_footer .aleft{ float:left; width:315px; padding:0 0 0 10px; } #article .article_footer .aright{ float:right; width:200px; padding:0 10px 0 0; text-align:right; } #article .article_meta{ width:580px; height:37px; padding:0; margin:0 40px 10px !important; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; border-bottom:1px dashed #313c5a; } #article .article_meta .aleft{ float:left; width:425px; padding:0; } #article .article_meta .aright{ float:right; width:100px; padding:0; text-align:right; } /* FULL ARTICLE */ #full_article{ width:960px; margin:20px 0 0; } #full_article .full_article_header{ width:910px; height:11px; padding:40px 25px 0; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; text-align:right; background:url(images/fullsection_top.gif) center bottom no-repeat; } .full_article_section{ position:relative; background:url(images/fullsection_bg.gif) center top repeat-y; padding:0 0 20px; } .full_article_section h2{ font:normal 18px Arial, Helvetica, sans-serif; color:#c8b03a; padding:0 40px 30px; margin:0 0 10px; background:url(images/full_laser.png) center bottom no-repeat; } .full_article_section h2 a{ color:#c8b03a; } .full_article_section h2 a:hover{ color:#00f8fb; background:transparent; background:#000} .full_article_section h3{ font:bold 14px Arial, Helvetica, sans-serif !important; padding:0 40px; margin:0 0 10px; color:#0ca6b3; } .full_article_section h3 a{ color:#c8b03a; } .full_article_section h3 a:hover{ color:#00f8fb; background:none; } .full_article_section p{ font:normal 12px Arial, Helvetica, sans-serif; padding:0 40px; text-align:justify; } .full_article_section a{ color:#39a7d9; } .full_article_section a:hover{ color:#000; background:#39a7d9; } .full_article_section strong{ font-weight:bold; } .full_article_section em{ font-style:italic; } .full_article_section blockquote{ font:normal 12px Arial, Helvetica, sans-serif; color:#3d98c1; padding:10px 40px 10px 60px; text-align:justify; background:url(images/bq.gif) 40px 13px no-repeat; } .full_article_section blockquote p{ padding: 0 !important; } .full_article_section ul{ list-style:disc; padding:10px 55px; } .full_article_section ol{ list-style:decimal; padding:10px 55px 10px 60px; } .full_article_section ul li, .full_article_section ol li{ display:list-item; } .full_article_section object, .article_section embed{ padding:0 !important; margin:20px 0 !important; } #full_article .full_article_footer{ position:relative; width:906px; height:37px; padding:0 27px; margin:0 !important; font:normal 10px Arial, Helvetica, sans-serif; color:#68787e; background:url(images/fullsection_bottom.gif) center top no-repeat; text-align:center; } #full_article .full_article_footer a{ color:#7c6e24; } #full_article .full_article_footer a:hover{ color:#adc6cd; } #full_article .full_article_footer .aleft{ float:left; width:425px; padding:0 0 0 15px; } #full_article .full_article_footer .aright{ float:right; width:100px; padding:0 5px 0 0; } /* COMICS */ .comics{ text-align:center; } .comics ul{ list-style:none; overflow:hidden; margin:0 auto; } .comics ul li{} /* FULL HOLO */ #fullholo_projector{ position:absolute; width:11px; height:20px; left:478px; top:26px; background:url(images/horizontal_projector.gif) top left no-repeat; } #doubleholo_projector_left{ position:absolute; width:11px; height:20px; left:233px; top:26px; background:url(images/horizontal_projector.gif) top left no-repeat; } #doubleholo_projector_right{ position:absolute; width:11px; height:20px; left:715px; top:26px; background:url(images/horizontal_projector.gif) top left no-repeat; } #full_holo{ width:960px; margin:7px 0 20px; overflow:hidden; } .full_holo_header{ width:960px; height:70px; background:url(images/fullholo_top.png) center bottom no-repeat; } .full_holo_section{ background:url(images/fullholo_bg.png) -1px top repeat-y; padding:0 35px; } .full_holo_footer{ width:960px; height:50px; background:url(images/fullholo_bottom.png) center bottom no-repeat; } /* ALLEGIANCES */ #holo_allegiances{ width:825px; height:260px; margin:0 auto 20px; } #holo_allegiances div{ float:left; display:inline; width:341px; height:204px; padding:56px 0 0; background:url(images/smallholo_cast.png) 0 5px no-repeat; } /* PLANETZ */ #full_holo_planets{ width:888px; overflow:hidden; } #full_holo_planets li{ text-align:center; color:#fdfaa9; } #full_holo_planets li h4{ font:normal 14px Arial, Helvetica, sans-serif; } #full_holo_planets li h5{ font:normal 17px Arial, Helvetica, sans-serif; margin:0 0 10px; } #full_holo_planets li small{ font:normal 11px Arial, Helvetica, sans-serif; } .planet_block{ width:222px; float:left; display:inline; } .planet{ width:160px; height:145px; padding:15px 31px 0; background:url(images/planets/loading.gif) center center no-repeat; } .planet a{ display:block; width:160px; height:145px; } #small_holo_projector{ position:absolute; width:20px; height:11px; left:-10px; top:125px; background:url(images/vertical_projector.gif) top left no-repeat; } #holobar{ float:left; display:inline; width:262px; height:342px; margin:10px 0 0; padding:33px 0 0 38px; background:url(images/smallholoplanet.png) top right no-repeat; } #holobar_planet{ width:175px; height:156px; margin:0 0 7px; } #holobar_title{ width:175px; height:41px; margin:0 0 7px; padding:15px 0 0; } #holobar_title h3{ text-align:center; font:normal 14px Arial, Helvetica, sans-serif; color:#dddc6c; } #holobar_title h4{ text-align:center; font:normal 17px Arial, Helvetica, sans-serif; color:#dddc6c; } #holobar_orbit{ width:175px; height:78px; } /* CLASSES */ #holobar_class{ width:175px; height:305px; } .full_holo_classes{ width:888px; height:119px; margin:0 0 40px; } .full_holo_classes li{ position:relative; float:left; display:inline; width:175px; height:119px; margin:0 12px 0 30px; text-align:center; color:#fdfaa9; background:url(images/classbg.png) left top no-repeat; } .class{ width:217px; height:161px; } .class a{ display:block; width:200px; height:135px; } .class span{ display:block; width:200px; height:135px; } .class span.unknown_rep{ position:absolute; z-index:10; top:-11px; left:-5px; background: url(images/classes/unknown_rep.png) 0 0 no-repeat; } .class span.unknown_emp{ position:absolute; z-index:10; top:-11px; left:-5px; background: url(images/classes/unknown_emp.png) 0 0 no-repeat; } #class_trooper a{ position:absolute; z-index:10; top:-15px; background:url(images/classes/trooper.png) 0 2px no-repeat; } #class_trooper a:hover{ background:url(images/classes/trooper.png) 0 -137px no-repeat; } #class_smuggler a{ position:absolute; z-index:10; top:-17px; left:-22px; background:url(images/classes/smuggler.png) 0 5px no-repeat; } #class_smuggler a:hover{ background:url(images/classes/smuggler.png) 0 -135px no-repeat; } #class_jediknight a{ position:absolute; z-index:10; top:-17px; left:-22px; background:url(images/classes/jediknight.png) 25px 0 no-repeat; } #class_jediknight a:hover{ background:url(images/classes/jediknight.png) 25px -135px no-repeat; } #class_consular a{ position:absolute; z-index:10; top:-17px; left:-30px; background:url(images/classes/jediconsular.png) 10px 0 no-repeat; } #class_consular a:hover{ background:url(images/classes/jediconsular.png) 10px -135px no-repeat; } #class_sith a{ position:absolute; z-index:10; top:-15px; left:-21px; background:url(images/classes/sithwarrior.png) 1px 5px no-repeat; } #class_sith a:hover{ background:url(images/classes/sithwarrior.png) 0 -135px no-repeat; } #class_hunter a{ position:absolute; z-index:10; top:-15px; background: url(images/classes/hunter.png) 3px 0 no-repeat; } #class_hunter a:hover{ background:url(images/classes/hunter.png) 3px -135px no-repeat; } #class_agent a{ position:absolute; z-index:10; top:-15px; left:-26px; background: url(images/classes/agent.png) 0 0 no-repeat; } #class_agent a:hover{ background:url(images/classes/agent.png) 0 -135px no-repeat; } #class_inquisitor a{ position:absolute; z-index:10; top:-17px; left:-21px; background: url(images/classes/sithinquisitor.png) 0 0 no-repeat; } #class_inquisitor a:hover{ background:url(images/classes/sithinquisitor.png) 0 -135px no-repeat; } /* SIDEBAR*/ #aside{ float:left; display:inline; width:280px; } .aside_article{ width:100%; margin:0 0 20px !important; } .aside_header{ width:100%; height:48px; padding:4px 0 0 !important; background: url(images/aside_top.gif) center top no-repeat; } .aside_header h3{ display:block; padding:4px 15px 0; font:normal 12px Arial, Helvetica, sans-serif; color:#3d5689; text-transform:uppercase; text-align:left; } .aside_header h3 a{ color:#3d5689; } .aside_header h3 a:hover{ color:#c8b03a; } .aside_section{ width:240px; padding:0 20px; background:url(images/aside_bg.gif) center top repeat-y; } .aside_section p{ padding:0 2px !important; font:normal 11px Arial, Helvetica, sans-serif; text-align:justify; } .aside_section .rssSummary{ padding:0 2px !important; font:normal 11px Arial, Helvetica, sans-serif; text-align:justify; } .aside_section a{ color:#c8b03a; } .aside_section #imagewidget img{ border:1px solid #263f70; } .aside_section #imagewidget a:hover{ background:none; } .aside_section ul{ list-style:none; } .aside_section ul li{ display:list-item; overflow:auto; border-bottom:1px solid #263f70; font:normal 11px Arial, Helvetica, sans-serif; padding:5px 0 !important; margin:0 !important; text-align:justify; } .aside_section a{ padding:0 2px !important; color:#39a7d9; } .aside_section a:hover{ color:#000; background:#39a7d9; } .aside_section ul li a{ display:block; } #search{ width:168px; height:24px; margin:20px 0; background:url(images/search.gif) left top no-repeat; padding:8px 0 0 112px !important; } #search input{ float:left; display:inline; width:95px; height:16px; padding:2px 0 0 35px !important; background:url(images/searchinput.gif) left top no-repeat; border:none; color:#08aeb9; font-size:10px; } #search input:hover,#search input:focus{ background:url(images/searchinput.gif) left bottom no-repeat; } #search button{ float:left; display:inline; width:31px; height:18px; background:url(images/searchbutton.gif) left top no-repeat; border:none; color:#08aeb9; cursor:pointer; } #search button:hover,#search button:focus{ background:url(images/searchbutton.gif) left bottom no-repeat; } .aside_footer{ width:100%; height:28px; padding:0 !important; margin:0 !important; background:url(images/aside_bottom.gif) center top no-repeat; } #footer{ width:100%; height:150px; clear:both; padding:0; background:url(images/footer.gif) center top no-repeat; } #footer p{ padding:0 0 0 15px; font:normal 10px Arial, Helvetica, sans-serif; color:#686f81; } #footer a{ color:#888c95; } #footer a:hover{ color:#efefef; } #copyright{ float:left; display:inline; width:540px; height:95px; line-height:13px !important; padding:15px 0 0; text-align:justify; } #icons{ float:left; display:inline; width:380px; height:30px; padding:20px; } #icons a{ margin:0 0 0 3px; } #glaskugel{ float:right; width:33px; height:33px; background:url(images/glaskugel.gif) top center no-repeat; } #glaskugel:hover{ float:right; width:33px; height:33px; background:url(images/glaskugel.gif) bottom center no-repeat; } #sith{ float:right; width:33px; height:33px; background:url(images/sith.gif) top center no-repeat; } #sith:hover{ float:right; width:33px; height:33px; background:url(images/sith.gif) bottom center no-repeat; } #jedi{ float:right; width:33px; height:33px; background:url(images/jedi.gif) top center no-repeat; } #jedi:hover{ float:right; width:33px; height:33px; background:url(images/jedi.gif) bottom center no-repeat; } #twt{ float:right; width:33px; height:33px; background:url(images/twitter.gif) top center no-repeat; } #twt:hover{ float:right; width:33px; height:33px; background:url(images/twitter.gif) bottom center no-repeat; } #firefox{ float:right; width:33px; height:33px; background:url(images/firefox.gif) top center no-repeat; } #firefox:hover{ float:right; width:33px; height:33px; background:url(images/firefox.gif) bottom center no-repeat; } #totalgaming{ float:right; width:33px; height:33px; background:url(images/totalgaming.gif) top center no-repeat; } #totalgaming:hover{ float:right; width:33px; height:33px; background:url(images/totalgaming.gif) bottom center no-repeat; } #partners{ float:left; display:inline; width:380px; text-align:right; padding:0 20px; font-size:10px; } #impress{ float:left; display:inline; width:380px; text-align:right; padding:0 20px; font-size:10px; } #logos{ float:left; display:inline; width:420px; margin:10px 0 0; } #lucasarts{ float:right; display:inline; overflow:hidden; width:61px; height:40px; margin:0 20px 0 0; background:url(images/lucasarts.gif) center center no-repeat; } #bioware{ float:right; display:inline; overflow:hidden; width:84px; height:40px; margin:0 20px 0 0; background:url(images/bioware.gif) center center no-repeat; } /* PANELS */ /* REGISTRATION */ p.error{ float:none; width:560px; margin:0 40px 15px !important; padding:10px; border:1px solid #900; background:#600; font-weight:bold; } p.alert{ float:none; width:560px; margin:0 40px 15px !important; padding:10px; border:1px solid #263f70; background:#141937; font-weight:bold; } .formcontainer{} .formcontainer legend{ font:bold 13px Arial, Helvetica, sans-serif; padding:0 40px; margin:0 0 10px; color:#0ca6b3; } .formcontainer p{ clear:both; display:block; overflow:hidden; margin:0 0 10px; } .formcontainer label{ float:left; display:inline; width:150px; height:19px; } .formcontainer input{ float:left; display:inline; width:410px; height:15px; padding:2px 10px; background:#efefef; border:none; background:url(images/reginput.gif) left top no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#adc6cd; } .formcontainer input:hover, .registration input:focus{ background:url(images/reginput.gif) left bottom no-repeat; } .formcontainer textarea{ float:left; display:inline; width:410px; height:60px; padding:10px; border:none; background:url(images/regtextarea_bg.jpg) left top no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#adc6cd; } .formcontainer textarea:hover, .registration textarea:focus{ background:url(images/regtextarea_bg.jpg) left bottom no-repeat; } .formcontainer textarea.big{ float:left; display:inline; width:408px; height:200px; padding:10px; border:1px solid #3c4a65; background:#141c33; font:normal 14px Arial, Helvetica, sans-serif; color:#adc6cd; line-height:130%; } .formcontainer textarea.big:hover{ background:#0d1730; } .formcontainer .button{ float:left display:inline; width:120px; height:18px; margin:0 155px; color:#003; border:0; padding:0; background:url(images/button.gif) center top no-repeat; text-transform:uppercase; } .formcontainer .button:hover, .registration .button:focus{ background:url(images/button.gif) center bottom no-repeat; cursor:pointer; } .formcontainer .error{ float:none !important; color:#bba437; font-weight:bold; } .formcontainer #indicator{ font-size:11px; color:#bba437; } /* LOGIN */ #loginfield{ display:none; width:100%; height:110px; background:#1a2643 url(images/loginbg.jpg) center top no-repeat; } #loginfield #regtext{ float:left; display:inline; width:730px; background:none; } #loginfield #loginform{ float:left; display:inline; overflow:hidden; width:230px; height:95px; padding:15px 0 0; background:none; text-align:center; } #loginfield h4{ padding:15px 10px 10px; text-transform:uppercase; color:#f9db45; font:normal 14px Arial, Helvetica, sans-serif; } #loginfield p{ padding:0 10px 10px; color:#0ca6b3; } #loginfield a{ color:#c8b03a; } #loginfield a:hover{ color:#00f8fb; } #loginfield fieldset{ padding:0 !important; } #loginfield label{ float:left; display:inline; width:100px; height:19px; color:#f9db45; text-align:right; } #loginfield input{ float:left; display:inline; width:118px; height:16px; margin:0 0 10px; padding:3px 0 0 2px; background:url(images/input.gif) center top no-repeat; color:#789cbc; border:none; font-size:10px } #loginfield input:hover,#loginfield input:focus{ background:url(images/input.gif) center bottom no-repeat; } #loginfield button{ float:right; width:120px; height:18px; margin:0 10px 0 0; color:#003; border:0; padding:0; background:url(images/button.gif) center top no-repeat; text-transform:uppercase; } #loginfield button:hover,#loginfield button:focus{ background:url(images/button.gif) center bottom no-repeat; cursor:pointer; } #login{ width:100%; height:39px; margin:0 0 10px; overflow:hidden; } #login a{ float:right; width:141px; height:39px; background:url(images/login.gif) left top no-repeat; } #login a:hover{ background:url(images/login.gif) left bottom no-repeat; } #logged{ text-align:right; padding:10px 30px; } #logged p, #logged a{font:bold 11px Arial, Helvetica, sans-serif; color:#c7b039; } #logged a:hover{ color:#adc6cd; } /* COMMENT */ #commentbox{ overflow:hidden; padding:15px 0 0; text-align:center; } #commentbox h3{ padding:30px 40px 15px; font:normal 16px Arial, Helvetica, sans-serif; text-align:left; color:#c7b039; text-transform:uppercase; background:url(images/laser.png) center top no-repeat; } .comment{ overflow:hidden; width:580px; margin:10px auto 0; } .comment dd{ clear:both; display:block; width:100%; margin:0 0 10px; } .comment_avatar{ float:left; display:inline; width:80px; height:62px; text-align:left; background:url(images/line.gif) left center repeat-x; } .comment_avatar img{ border:1px solid #263f70; } .comment_text{ float:left; display:inline; overflow:hidden; width:500px; } .comment_title{ font:bold 14px Arial, Helvetica, sans-serif; height:26px; text-align:left; padding:5px 0 0; } .comment_title em{ float:right; margin:0 5px 0; font:normal 10px Arial, Helvetica, sans-serif; } .comment_title .url{ color:#39a7d9 !important; } .comment_title .url:hover{ background:none !important; } .comment_message{ border:1px solid #263f70; } .comment_message p{ padding:8px; text-align:left; font:normal 12px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; } .comment-edit-link{ padding:0 2px; float:right; font:normal 9px "Lucida Sans Unicode", "Lucida Grande", Arial, sans-serif; } .comment_admin .comment_avatar{ float:right; display:inline; overflow:hidden; width:80px; height:62px; text-align:right; background:url(images/line.gif) left center repeat-x; } .comment_admin .comment_avatar img{ border:1px solid #263f70; float:right; } .comment_admin .comment_title{ font:bold 14px Arial, Helvetica, sans-serif; height:26px; text-align:right; padding:5px 0 0; color:#3e98c3; } .comment_admin .comment_title em{ float:left; font:normal 10px Arial, Helvetica, sans-serif; } .comment_admin .comment_title a{ color:#39a7d9; } .comment_admin .comment_title a:hover{ background:none !important; } .comment_admin .comment_message{ color:#3e98c3; background:#011419 url(images/commentholo.gif) left top repeat; } .comment_coworker .comment_avatar{ float:right; display:inline; overflow:hidden; width:80px; height:62px; text-align:right; background:url(images/line.gif) left center repeat-x; } .comment_coworker .comment_avatar img{ border:1px solid #263f70; float:right; } .comment_coworker .comment_title{ font:bold 14px Arial, Helvetica, sans-serif; height:26px; text-align:right; padding:5px 0 0; color:#3e98c3; } .comment_coworker .comment_title em{ float:left; font:normal 10px Arial, Helvetica, sans-serif; } .comment_coworker .comment_title a{ color:#39a7d9; } .comment_coworker .comment_title a:hover{ background:none !important; } .comment_coworker .comment_message{ color:#3e98c3; background:#011419 url(images/commentholo2.gif) left top repeat; } #commentform{ width:100%; clear:both; } #commentform h4{ padding:15px 40px 10px; text-align:left; text-transform:uppercase; color:#f9db45; font:normal 12px Arial, Helvetica, sans-serif; } #commentform textarea{ width:559px; height:78px; padding:10px; border:none; background:url(images/commentbox.jpg) left top no-repeat; font:normal 11px Arial, Helvetica, sans-serif; color:#adc6cd; } #commentform textarea:hover,#commentform textarea:focus{ background:url(images/commentbox.gif) left bottom no-repeat; } #commentform button{ width:120px; height:18px; margin:10px 0 0; color:#003; border:0; padding:0; background:url(images/button.gif) center top no-repeat; text-transform:uppercase; } #commentform button:hover,#commentform button:focus{ background:url(images/button.gif) center bottom no-repeat; cursor:pointer; } /* IE HAX */ * html .article_section h2 { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/laser.png'); } * html #logo { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/logo.png'); } * html .navleft a{ background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/left.png'); } * html .navright a{ background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/right.png'); } /* PARALLAX */ * html #para_sith { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/parallax/default/sith.png'); } * html #para_jedi { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/parallax/default/jedi.png'); } * html #para_cliffs { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/parallax/default/cliffs.png'); } * html .planet { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/planets/tython.png'); } * html .planet { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/planets/korriban.png'); } * html .planet { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/planets/hutta.png'); } * html .planet { background:none; filter:Progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='images/planets/ord_mantell.png'); }