daily pastebin goal
51%
SHARE
TWEET

etoa dark

a guest Jun 13th, 2018 72 Never
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
  1. /*
  2. * EtoA Discovery Design by Greaser
  3. */
  4.  
  5. @import url('../../../web/css/game.css');
  6.  
  7. body {
  8.     background-repeat: no-repeat;
  9.     background-attachment: fixed;
  10.     background-position: left top;
  11.     color: white;
  12.     margin:0px;
  13.     font-family:verdana, sans-serif, arial;
  14.     font-size: 10pt;
  15.     border:none;
  16. }
  17.  
  18. img {
  19.     border:none;
  20. }
  21.  
  22. a   {
  23.     color: white;
  24.     text-decoration:underline;
  25.     background:none;
  26. }
  27.  
  28. a:hover {
  29.     color: #ffffff;
  30.     text-decoration:none;
  31.     background:none;
  32. }
  33.  
  34. h1  {
  35.     font-size:11pt;
  36.     text-align:center;
  37.     margin-top:7px;
  38.     margin-bottom:8px;
  39. }
  40.  
  41. h1:before   {
  42.     content:":: ";
  43. }
  44.  
  45. h1:after    {
  46.     content:" ::";
  47. }
  48.  
  49. h2  {
  50.     font-size:10pt;
  51.     text-align:center;
  52.     margin-top:7px;
  53.     margin-bottom:5px;
  54. }
  55.  
  56. h2:before   {
  57.     content:": ";
  58. }
  59.  
  60. h2:after    {
  61.     content:" :";
  62. }
  63.  
  64. table   {
  65.     border-collapse:collapse;
  66.     border:none;
  67. }
  68.  
  69. /* Wenn sich der cursor in einem text feld befindet... */
  70. /* Internet Explorer unterst�tzt diese funktion nicht!!!*/
  71. input:focus,textarea:focus, select:focus {
  72.     border:1px solid #ff0;
  73.   background:#002;
  74.   color:#fff;
  75. }
  76.  
  77. /*Definiert die Buttons bei "bauhof" oder "forschung", hintergrund sollte der selbe wie tbldata sein*/
  78. button  {
  79.     background:#000000 url('images/cellpic3.gif');
  80.     border:none;
  81.     cursor:pointer;
  82. }
  83.  
  84. /* Definiert die verschieden button typen im normal zustand */
  85. /* Internet Explorer unterst�tzt diese funktion nicht!!!*/
  86. input[type="submit"],input[type="reset"],input[type="button"]   {
  87.     background:#000000 url('images/button1.jpg');
  88.     color:#fff;
  89.     font-weight:bold;
  90. }
  91.  
  92. input[type="submit"]:focus,input[type="reset"]:focus,input[type="button"]:focus {
  93.     background:#000000 url('images/button1.jpg');
  94.     color:#fff;
  95.     font-weight:bold;
  96.     border:1px solid #ff0;
  97. }
  98.  
  99. /* Definiert die verschieden button typen im hover zustand */
  100. /* Internet Explorer unterst�tzt diese funktion nicht!!!*/
  101. input:hover[type="submit"],input:hover[type="reset"],input:hover[type="button"] {
  102.     background:#000000 url('images/button2.jpg');
  103.     color:#fff;
  104.     font-weight:bold;
  105. }
  106.  
  107. /* Definiert die verschieden button typen im normal zustand */
  108. /* Internet Explorer unterst�tzt diese funktion nicht!!!*/
  109. input[type="submit"][disabled="disabled"],
  110. input[type="reset"][disabled="disabled"],
  111. input[type="button"][disabled="disabled"],
  112. input[type="submit"][disabled="disabled"]:hover,
  113. input[type="reset"][disabled="disabled"]:hover,
  114. input[type="button"][disabled="disabled"]:hover
  115. {
  116.     background:#444;
  117.     color:#fff;
  118.     font-weight:bold;
  119. }
  120.  
  121.  
  122. input,select,textarea   {
  123.     border:solid #fff 1px;
  124.     font-family:arial;
  125.     font-size:10pt;
  126.     background:#000;
  127.     color:#fff
  128. }
  129.  
  130. #layoutbox  {
  131.     width:80%;
  132.     margin:0px auto;
  133.     background:#6e7591;
  134.     font-size:10pt;
  135.     vertical-align:top;
  136.     border:1px solid #fff;
  137. }
  138.  
  139. #chat_color {
  140.     width: 60px;
  141. }
  142.  
  143. #topbar {
  144.     text-align:right;
  145.     padding-right:10px;
  146.     background:#424962;
  147.     height:19px;
  148.     border:1px solid #fff;
  149. }
  150.  
  151. #topbar a {
  152.     text-decoration:none;
  153.     font-weight:bold;
  154. }
  155.  
  156. #topbar a:hover {
  157.     text-decoration:none;
  158.     color:#aaa;
  159.     font-weight:bold;
  160. }
  161.  
  162. #logo   {
  163.     background:#000 url('../../images/logo.jpg') no-repeat;
  164.     width:175px;
  165.     height:72px;
  166.     border:1px solid #fff;
  167. }
  168.  
  169. #banner {
  170.     text-align:center;
  171.     background:#000 url('../../images/banner.jpg') no-repeat;
  172.     height:72px;
  173.     border:1px solid #fff;
  174. }
  175.  
  176. #selectbar  {
  177.     background:#222;
  178.     width:175px;
  179. }
  180.  
  181. #selectbar select {
  182.     width:175px;
  183.     background:#222;
  184.     color:#fff;
  185. }
  186.  
  187.  
  188. #middlebar  {
  189.     background:#6e7591;
  190.     height:21px;
  191.     border:1px solid #fff;
  192.     border-right:none;
  193.     padding-left:15px;
  194. }
  195.  
  196. #clockbar   {
  197.     background:#6e7591;
  198.     width:350px;
  199.     padding-left:8px;
  200.     border:1px solid #fff;
  201.     height:21px;
  202.     border-left:none;
  203.     text-align:right;
  204. }
  205.  
  206. #content    {
  207.     background:#9198ab;
  208.     background:#606578;
  209.     height:450px;
  210.     vertical-align:top;
  211.     padding:4px 10px 10px 10px;
  212.     border:1px solid #fff;
  213.     text-align:center;
  214. }
  215.  
  216. #copy   {
  217.     background:#646b84;
  218.     border:1px solid #fff;
  219.     padding-left:8px;
  220. }
  221.  
  222. #bottombar  {
  223.     padding-top:4px;
  224.     padding-right:4px;
  225.     text-align:right;
  226.     background:#646b84;
  227.     height:25px;
  228.     vertical-align:top;
  229. }
  230.  
  231. #menu1  {
  232.     padding:0px 0px 40px 0px;
  233.     background:#6e7591;
  234.     width:175px;
  235.     vertical-align:top;
  236.     border:1px solid #fff;
  237. }
  238.  
  239. #menu1 div {
  240.     font-weight:bold;
  241.     background:#000;
  242.     color:#fff;
  243.     text-decoration:none;
  244.     width:175px;
  245.     padding: 2px 2px 2px 8px;
  246.     margin: 0px auto;
  247.     border-bottom:solid 1px #e6e6e6;
  248.     border-top:none;
  249.     height:16px;
  250. }
  251.  
  252. #menu1 a {
  253.     display: block;
  254.     background:#626b84;
  255.     color:#eee;
  256.     text-decoration:none;
  257.     width:175px;
  258.     padding: 2px 2px 2px 8px;
  259.     margin: 0px auto;
  260.     border-bottom:solid 1px #e6e6e6;
  261. }
  262.  
  263. #menu1 a:hover {
  264.     background-color:silver;
  265.     color: #445543;
  266.     text-decoration:none;
  267.     border-bottom:solid 1px #e6e6e6;
  268. }
  269.  
  270.  
  271. .tbltitle, table.tb th {
  272.     font-size:10pt;
  273.     font-weight:bold;
  274.     border:1px solid #fff;
  275.     background:#000000 url('images/cellpic4.gif');
  276.     padding:2px;
  277.     text-align:left;
  278. }
  279.  
  280. .tbldata, table.tb td {
  281.     font-size:8pt;
  282.     color:#fff;
  283.     border:1px solid #fff;
  284.     background:#000000 url('images/cellpic3.gif');
  285.     padding:3px;
  286.     text-align:left;
  287. }
  288.  
  289. /* Ressourcen Speicher voll / Bewohner -> farbe wenn geb�ude baut */
  290. /* rest muss gleich wie .tbldata sein! */
  291. .tbldata2 {
  292.     font-size:8pt;
  293.     color:red;
  294.     border:1px solid #ffffff;
  295.     background:#000000 url('images/cellpic3.gif');
  296.     padding:3px;
  297.     vertical-align:top;
  298.     text-align:left;
  299. }
  300.  
  301. /* Energie wenn sie Positiv ist (standart ist hellgr�n) */
  302. /* rest muss gleich wie .tbldata sein! */
  303. .tbldata3 {
  304.     font-size:8pt;
  305.     color:#0f0;
  306.     border:1px solid #ffffff;
  307.     background:#000000 url('images/cellpic3.gif');
  308.     padding:3px;
  309.     vertical-align:top;
  310.     text-align:left;
  311. }
  312.  
  313. /* Tabellenfelder mit Warntext (Standart ist orange) */
  314. /* rest muss gleich wie .tbldata sein! */
  315. .tbldata4 {
  316.     font-size:8pt;
  317.     color:#f90;
  318.     border:1px solid #ffffff;
  319.     background:#000000 url('images/cellpic3.gif');
  320.     padding:3px;
  321.     vertical-align:top;
  322.     text-align:left;
  323. }
  324.  
  325.  
  326. .tblblack, .tb td.tblblack, .tb th.tblblack {
  327.     font-size:8pt;
  328.     color:#fff;
  329.     border:1px solid #fff;
  330.     background:#000;
  331. }
  332.  
  333. /* Allgemeine Tabellen definition welche gestreckt ist (infobox) */
  334. .tbl, table.tb  {
  335.     width:100%;
  336.     margin:15px auto;
  337. }
  338.  
  339. .tbl caption, table.tb  caption {
  340.     border:1px solid #fff;
  341.     border-bottom: none;
  342.     font-size:10pt;
  343.     font-weight:bold;
  344.     background:#000 url(images/cellpic.gif);
  345.     padding:4px;
  346.     text-align:center;
  347. }
  348.  
  349. .tblc   {
  350.     margin:0px auto;
  351.     border:1px solid #ffffff;
  352. }
  353.  
  354. div.infoboxtitle    {
  355.     font-size:10pt;
  356.     font-weight:bold;
  357.     border:1px solid #fff;
  358.     background:#000 url(images/cellpic.gif);
  359.     padding:4px;
  360.     text-align:center;
  361. }
  362.  
  363. td.infoboxtitle, .tb td.infoboxtitle, .tb th.infoboxtitle   {
  364.     font-size:10pt;
  365.     font-weight:bold;
  366.     background:#000 url(images/cellpic.gif);
  367.     padding:4px;
  368.     text-align:center;
  369. }
  370.  
  371. div.infoboxcontent {
  372.     font-size:8pt;
  373.     color:#fff;
  374.     border: none;
  375.     border-left:1px solid #fff;
  376.     border-right:1px solid #fff;
  377.     border-bottom:1px solid #fff;
  378.     background:#000 url(images/cellpic3.gif);
  379.     padding:4px;
  380.     text-align:left;
  381. }
  382.  
  383. .statsTab   {
  384.     /*width:120px;*/
  385.     height:20px;
  386.     border:1px solid #fff;
  387.     margin:0px;
  388.     padding:0px;
  389. }
  390.  
  391.  
  392. table.statsNav  {
  393.     width:99%;
  394.     border:1px solid #fff;
  395.     margin:0px auto;
  396. }
  397.  
  398. td.statsNav {
  399.     background:#000000 url(images/tabulator.gif);
  400. }
  401.  
  402. /*
  403. * Galaxy and secotr maps
  404. */
  405.  
  406. #galaxy_map_nav {
  407.   text-align:center;
  408.   vertical-align:middle;  
  409. }
  410.  
  411. #galaxy_map_container {
  412.   background:black url('../../../images/main_bg.jpg');
  413.   text-align:center;
  414.   padding:0;
  415. }
  416.  
  417. #sector_map_nav {
  418.   text-align:center;
  419.   vertical-align:middle;  
  420. }
  421.  
  422. #sector_map_container {
  423.   background:black url('../../../images/main_bg.jpg');
  424.   padding:0;
  425.   margin:0;
  426. }
  427.  
  428. #sector_map_table {
  429.   margin:5px auto;
  430. }
  431.  
  432. #sector_map_table .sector_map_neighbour_nav {
  433.   text-align:center;
  434.   vertical-align:middle;
  435.   border:none;
  436.   background:transparent;
  437.   padding:0;
  438.   margin:0;
  439. }
  440.  
  441. #sector_map_table .sector_map_cell {
  442.   padding:0;
  443.   margin:0;
  444.   line-height:0;
  445.   background:black;
  446.   border:none;
  447. }
  448.  
  449. #sector_map_table .sector_map_cell img.cell_number_spacer {
  450.   width:40px;
  451.   height:35px;
  452. }
  453.  
  454. #sector_map_table .sector_map_cell img.cell_number_vertical {
  455.   margin-right:5px;
  456.   margin-left:5px;
  457.   width:30px;
  458.   height:40px;
  459.   border-bottom:1px dashed #555;
  460. }
  461.  
  462. #sector_map_table .sector_map_cell img.cell_number_horizontal {
  463.   margin-top:5px;
  464.   margin-bottom:5px;
  465.   width:40px;
  466.   height:25px;  
  467.   border-left:1px dashed #555;
  468. }
  469.  
  470. #sector_map_table .sector_map_cell a {
  471.   border:none;
  472.   text-decoration:none;
  473.   display:inline-block;
  474.   border-left:1px dashed #555;
  475.   border-bottom:1px dashed #555;
  476.   margin:0;
  477.   padding:0;
  478.   line-height:0;
  479.   width:40px;
  480.   height:40px;
  481.   vertical-align:top;
  482. }
  483.  
  484. #sector_map_table .sector_map_cell a img {
  485.   width:40px;
  486.   height:40px;
  487. }
  488.  
  489. #sector_map_table .sector_map_cell a img.hovered, #sector_map_table .sector_map_cell a img:hover {
  490.   background:url('../../../images/map/hovercell.png');
  491. }
  492.  
  493. #sector_map_table .sector_map_cell a img.selected {
  494.   background:url('../../../images/map/selectedcell.png');
  495. }
  496.  
  497. #sector_map_table .sector_map_cell a img.owned {
  498.   background:url('../../../images/map/owncell.png');
  499. }
  500.  
  501.  
  502.  
  503. /* Übersicht -> planetenliste */
  504. /* \"Courier New\", Courier, mono; */
  505.  
  506. .PlaniTextLinks {
  507.     color: #FFFFFF;
  508.     font-family: "Arial", Courier, mono;
  509.     font-size: 11px;
  510.     text-align: right;
  511.     vertical-align: middle;
  512. }
  513. .PlaniTextRechts {
  514.     color: #FFFFFF;
  515.     font-family: "Arial", Courier, mono;
  516.     font-size: 11px;
  517.     text-align: left;
  518.     vertical-align: middle;
  519. }
  520. .PlaniTextOben {
  521.     color: #FFFFFF;
  522.     font-family: "Arial", Courier, mono;
  523.     font-size: 11px;
  524.     text-align: center;
  525.     vertical-align: bottom;
  526. }
  527.  
  528. .PlaniTextCenter {
  529.     color: #FFFFFF;
  530.     font-family: Arial, Helvetica, sans-serif;
  531.     font-size: 14px;
  532.     text-align: left;
  533.     vertical-align: baseline;
  534.     font-weight: lighter;
  535. }
  536. .PlaniTextCenterPlanetname {
  537.     color: #FFFFFF;
  538.     font-family: "SF Chaerilidae",sans-serif;
  539.     font-size: 20px;
  540.     text-align: center;
  541.     vertical-align: baseline;
  542.     font-weight: lighter;
  543. }
  544. .PlaniTextCenterBeschreibung {
  545.     color: #FFFFFF;
  546.     font-family: Arial, Helvetica, sans-serif;
  547.     font-size: 14px;
  548.     text-align: right;
  549.     vertical-align: baseline;
  550.     font-weight: lighter;
  551. }
  552. .PlaniTextCenterRessourcen {
  553.     color: #FFFFFF;
  554.     font-family: "SF Chaerilidae",sans-serif;
  555.     font-size: 16px;
  556.     text-align: center;
  557.     vertical-align: baseline;
  558.     font-weight: lighter;
  559. }
  560. .PlaniTextCenterStore {
  561.     color: red;
  562.     font-family: Arial, Helvetica, sans-serif;
  563.     font-size: 14px;
  564.     text-align: left;
  565.     vertical-align: baseline;
  566.     font-weight: lighter;
  567. }
  568. .PlaniTextCenterPower {
  569.     color: #0f0;
  570.     font-family: Arial, Helvetica, sans-serif;
  571.     font-size: 14px;
  572.     text-align: left;
  573.     vertical-align: baseline;
  574.     font-weight: lighter;
  575. }
  576.  
  577.  
  578.  
  579.  
  580. /* Definition des ganzen Layouts */
  581.  
  582. div.Menueleiste-09_ {
  583.     position:absolute;
  584.     left:6px;
  585.     top:73px;
  586.     width:10px;
  587.     height:145px;
  588. }
  589.  
  590. div.Menueleiste-17_ {
  591.     position:absolute;
  592.     left:16px;
  593.     top:141px;
  594.     width:71px;
  595.     height:6px;
  596. }
  597.  
  598. div.platzhalter-planeten_ {
  599.     position:absolute;
  600.     left:28px;
  601.     top:147px;
  602.     width:218px;
  603.     height:23px;
  604.     background-color:#000000;
  605.     text-align:left;
  606.     vertical-align:middle;
  607. }
  608.  
  609. div.pb-dropdownplanets_ {
  610.     position:absolute;
  611.     left:53px;
  612.     top:170px;
  613.     width:34px;
  614.     height:35px;
  615. }
  616.  
  617. div.Menueleiste-28_ {
  618.     position:absolute;
  619.     left:0px;
  620.     top:218px;
  621.     width:14px;
  622.     height:437px;
  623. }
  624.  
  625. div.Menueleiste-29_ {
  626.     position:absolute;
  627.     left:14px;
  628.     top:218px;
  629.     width:30px;
  630.     height:48px;
  631. }
  632.  
  633. div.Menueleiste-31_ {
  634.     position:absolute;
  635.     left:263px;
  636.     top:218px;
  637.     width:15px;
  638.     height:550px;
  639. }
  640.  
  641. div.Menueleiste-37_ {
  642.     position:absolute;
  643.     left:14px;
  644.     top:266px;
  645.     width:30px;
  646.     height:36px;
  647. }
  648.  
  649. div.Menueleiste-40_ {
  650.     position:absolute;
  651.     left:14px;
  652.     top:302px;
  653.     width:30px;
  654.     height:176px;
  655. }
  656.  
  657. div.Menueleiste-49_ {
  658.     position:absolute;
  659.     left:14px;
  660.     top:478px;
  661.     width:30px;
  662.     height:30px;
  663. }
  664.  
  665. div.Menueleiste-54_ {
  666.     position:absolute;
  667.     left:44px;
  668.     top:533px;
  669.     width:164px;
  670.     height:2px;
  671. }
  672.  
  673. div.Menueleiste-60_ {
  674.     position:absolute;
  675.     left:0px;
  676.     top:655px;
  677.     width:16px;
  678.     height:71px;
  679. }
  680.  
  681. div.Menueleiste-69_ {
  682.     position:absolute;
  683.     left:16px;
  684.     top:749px;
  685.     width:75px;
  686.     height:19px;
  687. }
  688.  
  689. div.Menueleiste-70_ {
  690.     position:absolute;
  691.     left:188px;
  692.     top:749px;
  693.     width:75px;
  694.     height:19px;
  695. }
  696. .Stil1 {color: #FFFFFF}
  697. body {
  698.     background-color: #000000;
  699. }
  700. .Stil2 {font-family:verdana, sans-serif, arial;}
  701. .Stil3 {font-size: 36px}
  702.  
  703.  
  704. body {
  705.     background-attachment: fixed;
  706. }
  707.  
  708. /* .Stil4 {font-size: 9px} */
  709. .Stil6 {
  710.     font-size: 13px;
  711.     font-family:verdana, sans-serif, arial;
  712. }
  713.  
  714.  
  715. #planetDropDown {
  716.     background:#000;
  717.     color:#fff;
  718.     width:195px;
  719.     position:absolute;
  720.     z-index:0;
  721.     top:175px;
  722.     left:28px;
  723.     visibility:hidden;
  724.     border:1px solid #fff;
  725. }
  726.  
  727. #planetDropDown a {
  728.     color:#fff;
  729.     background:#0D0D41 url('images/button1.jpg');
  730.     display:block;
  731.     width:175px;
  732.     text-align:left;
  733.     padding:2px 10px 2px 10px;
  734.     text-decoration:none;
  735.     font-family:arial;
  736.     font-size:9pt;
  737.  
  738. }
  739.  
  740. #planetDropDown a.active {
  741.     font-weight: bold;
  742. }
  743.  
  744. #planetDropDown a:hover {
  745.     color:#fff;
  746.     background:#0806a3 url('images/button2.jpg');
  747.     display:block;
  748.     width:175px;
  749.     text-align:left;
  750.     padding:2px 10px 2px 10px;
  751.     text-decoration:none;
  752.     font-family:arial;
  753.     font-size:9pt;
  754. }
  755.  
  756. div.platzhalter-serverzeit_ {
  757.     font-family: "SF Chaerilidae",sans-serif;
  758.     font-size: 10px;
  759.     font-style: normal;
  760.     line-height: normal;
  761.     font-weight: normal;
  762.     font-variant: normal;
  763.     text-transform: none;
  764.     color: #FFFFFF;
  765.     position:absolute;
  766.     left:140px;
  767.     top:101px;
  768.     width:62px;
  769.     height:18px;
  770.     background-color:#000000;
  771.     background-position: left center;
  772.     text-align:center;
  773.     vertical-align:middle;
  774. }
  775.  
  776. div.PlanetName {
  777.     position:absolute;
  778.     left:34px;
  779.     top:149px;
  780.     width:218px;
  781.     height:23px;
  782.     font-family: "SF Chaerilidae",sans-serif;
  783.     font-size: 12px;
  784.     font-style: normal;
  785.     line-height: normal;
  786.     font-weight: normal;
  787.     font-variant: normal;
  788.     color: #FFFFFF;
  789.     background-color: #000000;
  790.     background-position: left center;
  791.     text-align:left;
  792.     vertical-align:middle;
  793. }
  794.  
  795. div.Left_Panel {
  796.     position:absolute;
  797.     left:0px;
  798.     top:0px;
  799.     width:279px;
  800.     height:787px;
  801. }
  802.  
  803. div.Spielbereich_ {
  804.     position:absolute;
  805.     left:290px;
  806.     top:64px;
  807.     width:714px;
  808.     height:704px;
  809.     text-align:center;
  810. }
  811.  
  812. #contentwrap {
  813.     padding: 20px;
  814. }
  815.  
  816. div.Toppanel {
  817.     position:absolute;
  818.     left:0px;
  819.     top:0px;
  820.     width:984px;
  821.     height:62px;
  822. }
  823.  
  824. div.EtoA-Logo_ {
  825.     position:absolute;
  826.     left:0px;
  827.     top:0px;
  828.     width:289px;
  829.     height:62px;
  830. }
  831.  
  832.  
  833.  
  834.  
  835.  
  836.  
  837.  
  838.  
  839.  
  840.  
  841. div.TopPanel-02_ {
  842.     position:absolute;
  843.     left:289px;
  844.     top:0px;
  845.     width:156px;
  846.     height:42px;
  847. }
  848.  
  849. div.TopPanel-03_ {
  850.     position:absolute;
  851.     left:445px;
  852.     top:0px;
  853.     width:178px;
  854.     height:42px;
  855. }
  856.  
  857. div.TopPanel-04_ {
  858.     position:absolute;
  859.     left:623px;
  860.     top:0px;
  861.     width:179px;
  862.     height:42px;
  863. }
  864.  
  865. div.TopPanel-05_ {
  866.     position:absolute;
  867.     left:802px;
  868.     top:0px;
  869.     width:182px;
  870.     height:42px;
  871. }
  872.  
  873. div.TopPanel-06_ {
  874.     position:absolute;
  875.     left:289px;
  876.     top:42px;
  877.     width:156px;
  878.     height:22px;
  879. }
  880.  
  881. div.TopPanel-07_ {
  882.     position:absolute;
  883.     left:445px;
  884.     top:42px;
  885.     width:178px;
  886.     height:22px;
  887. }
  888.  
  889. div.TopPanel-08_ {
  890.     position:absolute;
  891.     left:623px;
  892.     top:42px;
  893.     width:179px;
  894.     height:22px;
  895. }
  896.  
  897. div.TopPanel-09_ {
  898.     position:absolute;
  899.     left:802px;
  900.     top:42px;
  901.     width:182px;
  902.     height:22px;
  903. }
  904.  
  905.  
  906.  
  907.  
  908.  
  909.  
  910. div.Menueleiste-51_ {
  911.     position:absolute;
  912.     left:14px;
  913.     top:216px;
  914.     width:30px;
  915.     height:437px;
  916. }
  917.  
  918. div.Menueleiste-33_ {
  919.     position:absolute;
  920.     left:208px;
  921.     top:226px;
  922.     width:32px;
  923.     height:443px;
  924. }
  925.  
  926.  
  927.  
  928. div.Menueleiste-47_ {
  929.     position:absolute;
  930.     left:44px;
  931.     top:512px;
  932.     width:164px;
  933.     height:22px;
  934. }
  935.  
  936. /* Allgemeines */
  937.  
  938. div.nb-rathaus_ {
  939.     background:#000;
  940.     position:absolute;
  941.     left:44px;
  942.     top:237px;
  943.     width:164px;
  944.     height:21px;
  945. }
  946.  
  947. div.nb-raumkarte_ {
  948.     background:#000;
  949.     position:absolute;
  950.     left:44px;
  951.     top:258px;
  952.     width:164px;
  953.     height:21px;
  954. }
  955.  
  956. /* Planet */
  957.  
  958. div.nb-informationen_ {
  959.     background:#000;
  960.     position:absolute;
  961.     left:44px;
  962.     top:344px;
  963.     width:164px;
  964.     height:21px;
  965. }
  966.  
  967. div.nb-wirtschaft_ {
  968.     background:#000;
  969.     position:absolute;
  970.     left:44px;
  971.     top:365px;
  972.     width:164px;
  973.     height:21px;
  974. }
  975.  
  976.  
  977. div.nb-bev-lkerung_ {
  978.     background:#000;
  979.     position:absolute;
  980.     left:44px;
  981.     top:386px;
  982.     width:164px;
  983.     height:21px;
  984. }
  985.  
  986. div.nb-technikbuam_ {
  987.     background:#000;
  988.     position:absolute;
  989.     left:44px;
  990.     top:407px;
  991.     width:164px;
  992.     height:21px;
  993. }
  994.  
  995. div.nb-schiffshafen_ {
  996.     background:#000;
  997.     position:absolute;
  998.     left:44px;
  999.     top:428px;
  1000.     width:164px;
  1001.     height:21px;
  1002. }
  1003.  
  1004.  
  1005. div.nb-marktplatz_ {
  1006.     background:#000;
  1007.     position:absolute;
  1008.     left:44px;
  1009.     top:449px;
  1010.     width:164px;
  1011.     height:21px;
  1012. }
  1013.  
  1014.  
  1015. div.nb-kryptocenter_ {
  1016.     background:#000;
  1017.     position:absolute;
  1018.     left:44px;
  1019.     top:470px;
  1020.     width:164px;
  1021.     height:21px;
  1022. }
  1023.  
  1024. div.nb-bunker_ {
  1025.     background:#000;
  1026.     position:absolute;
  1027.     left:44px;
  1028.     top:491px;
  1029.     width:164px;
  1030.     height:21px;
  1031. }
  1032.  
  1033. /* Produktion */
  1034.  
  1035. div.nb-bauhof_ {
  1036.     background:#000;
  1037.     position:absolute;
  1038.     left:44px;
  1039.     top:532px;
  1040.     width:164px;
  1041.     height:21px;
  1042. }
  1043.  
  1044. div.nb-forschung_ {
  1045.     background:#000;
  1046.     position:absolute;
  1047.     left:44px;
  1048.     top:553px;
  1049.     width:164px;
  1050.     height:21px;
  1051. }
  1052.  
  1053. div.nb-schiffswerft_ {
  1054.     background:#000;
  1055.     position:absolute;
  1056.     left:44px;
  1057.     top:575px;
  1058.     width:164px;
  1059.     height:21px;
  1060. }
  1061.  
  1062. div.nb-verteidigung_ {
  1063.     background:#000;
  1064.     position:absolute;
  1065.     left:44px;
  1066.     top:596px;
  1067.     width:164px;
  1068.     height:21px;
  1069. }
  1070.  
  1071. div.nb-recycling_ {
  1072.     background:#000;
  1073.     position:absolute;
  1074.     left:44px;
  1075.     top:617px;
  1076.     width:164px;
  1077.     height:21px;
  1078. }
  1079.  
  1080. div.nb-raketen_ {
  1081.     background:#000;
  1082.     position:absolute;
  1083.     left:44px;
  1084.     top:638px;
  1085.     width:164px;
  1086.     height:21px;
  1087. }
  1088.  
  1089.  
  1090.  
  1091. /* Sonstiges */
  1092.  
  1093. div.Menueleiste-57_ {
  1094.     position:absolute;
  1095.     left:44px;
  1096.     top:659px;
  1097.     width:164px;
  1098.     height:21px;
  1099. }
  1100.  
  1101. div.nb-buddylist_ {
  1102.     background:#000;
  1103.     position:absolute;
  1104.     left:44px;
  1105.     top:680px;
  1106.     width:164px;
  1107.     height:21px;
  1108. }
  1109.  
  1110. /* Menu abschluss */
  1111.  
  1112. div.Menueleiste-59_ {
  1113.     position:absolute;
  1114.     left:44px;
  1115.     top:701px;
  1116.     width:164px;
  1117.     height:14px;
  1118. }
  1119.  
  1120.  
  1121. div.Menueleiste-62_ {
  1122.     position:absolute;
  1123.     left:91px;
  1124.     top:715px;
  1125.     width:117px;
  1126.     height:16px;
  1127. }
  1128.  
  1129. div.alert_ {
  1130.     position:absolute;
  1131.     left:91px;
  1132.     top:726px;
  1133.     width:97px;
  1134.     height:41px;
  1135. }
  1136.  
  1137. div.pb-post_ {
  1138.     position:absolute;
  1139.     left:0px;
  1140.     top:704px;
  1141.     width:49px;
  1142.     height:71px;
  1143. }
  1144. div.pb-report_ {
  1145.     position:absolute;
  1146.     left:49px;
  1147.     top:704px;
  1148.     width:42px;
  1149.     height:71px;
  1150. }
  1151.  
  1152. div.pb-notes_ {
  1153.     position:absolute;
  1154.     left:188px;
  1155.     top:721px;
  1156.     width:52px;
  1157.     height:64px;
  1158. }
  1159.  
  1160. div.Menueleiste-66_ {
  1161.     position:absolute;
  1162.     left:91px;
  1163.     top:761px;
  1164.     width:97px;
  1165.     height:56px;
  1166. }
  1167.  
  1168. div.Menueleiste-68_ {
  1169.     position:absolute;
  1170.     left:16px;
  1171.     top:775px;
  1172.     width:75px;
  1173.     height:23px;
  1174. }
  1175.  
  1176.  
  1177. div.Menueleiste-63_ {
  1178.     position:absolute;
  1179.     left:240px;
  1180.     top:706px;
  1181.     width:23px;
  1182.     height:94px;
  1183. }
  1184.  
  1185.  
  1186.  
  1187. div.Menueleiste-41_ {
  1188.     position:absolute;
  1189.     left:44px;
  1190.     top:321px;
  1191.     width:164px;
  1192.     height:23px;
  1193. }
  1194.  
  1195. div.nb-allianz_ {
  1196.     background:#000;
  1197.     position:absolute;
  1198.     left:44px;
  1199.     top:216px;
  1200.     width:164px;
  1201.     height:21px;
  1202. }
  1203.  
  1204. div.nb-favoriten_ {
  1205.     background:#000;
  1206.     position:absolute;
  1207.     left:44px;
  1208.     top:300px;
  1209.     width:164px;
  1210.     height:21px;
  1211. }
  1212.  
  1213. div.nb-flotten_ {
  1214.     background:#000;
  1215.     position:absolute;
  1216.     left:44px;
  1217.     top:279px;
  1218.     width:164px;
  1219.     height:21px;
  1220. }
  1221.  
  1222. div.Menueleiste-26_ {
  1223.     position:absolute;
  1224.     left:208px;
  1225.     top:200px;
  1226.     width:43px;
  1227.     height:26px;
  1228. }
  1229.  
  1230. div.Menueleiste-25_ {
  1231.     position:absolute;
  1232.     left:251px;
  1233.     top:168px;
  1234.     width:12px;
  1235.     height:58px;
  1236. }
  1237.  
  1238. div.Menueleiste-23_ {
  1239.     position:absolute;
  1240.     left:87px;
  1241.     top:168px;
  1242.     width:121px;
  1243.     height:48px;
  1244. }
  1245.  
  1246. div.pb-planetdropdown_ {
  1247.     position:absolute;
  1248.     left:208px;
  1249.     top:168px;
  1250.     width:43px;
  1251.     height:32px;
  1252. }
  1253.  
  1254. div.Menueleiste-27_ {
  1255.     position:absolute;
  1256.     left:16px;
  1257.     top:202px;
  1258.     width:71px;
  1259.     height:13px;
  1260. }
  1261.  
  1262. div.Menueleiste_ {
  1263.     position:absolute;
  1264.     left:263px;
  1265.     top:62px;
  1266.     width:15px;
  1267.     height:154px;
  1268. }
  1269.  
  1270. div.pb-nextplanet_ {
  1271.     position:absolute;
  1272.     left:53px;
  1273.     top:168px;
  1274.     width:34px;
  1275.     height:35px;
  1276. }
  1277.  
  1278. div.pb-previousplanet_ {
  1279.     position:absolute;
  1280.     left:16px;
  1281.     top:168px;
  1282.     width:37px;
  1283.     height:35px;
  1284. }
  1285.  
  1286. div.Menueleiste-20_ {
  1287.     position:absolute;
  1288.     left:246px;
  1289.     top:145px;
  1290.     width:17px;
  1291.     height:23px;
  1292. }
  1293.  
  1294. div.Menueleiste-18_ {
  1295.     position:absolute;
  1296.     left:16px;
  1297.     top:145px;
  1298.     width:12px;
  1299.     height:23px;
  1300. }
  1301.  
  1302. div.Menueleiste-16_ {
  1303.     position:absolute;
  1304.     left:207px;
  1305.     top:122px;
  1306.     width:56px;
  1307.     height:23px;
  1308. }
  1309.  
  1310. div.Menueleiste-15_ {
  1311.     position:absolute;
  1312.     left:140px;
  1313.     top:118px;
  1314.     width:62px;
  1315.     height:27px;
  1316. }
  1317.  
  1318. div.pb-info_ {
  1319.     position:absolute;
  1320.     left:207px;
  1321.     top:62px;
  1322.     width:56px;
  1323.     height:60px;
  1324. }
  1325.  
  1326. div.Menueleiste-12_ {
  1327.     position:absolute;
  1328.     left:87px;
  1329.     top:100px;
  1330.     width:53px;
  1331.     height:45px;
  1332. }
  1333.  
  1334. div.Menueleiste-14_ {
  1335.     position:absolute;
  1336.     left:202px;
  1337.     top:100px;
  1338.     width:5px;
  1339.     height:45px;
  1340. }
  1341.  
  1342. div.Menueleiste-11_ {
  1343.     position:absolute;
  1344.     left:87px;
  1345.     top:71px;
  1346.     width:120px;
  1347.     height:29px;
  1348. }
  1349.  
  1350. div.sp-pb-overview_ {
  1351.     position:absolute;
  1352.     left:16px;
  1353.     top:71px;
  1354.     width:71px;
  1355.     height:74px;
  1356. }
  1357.  
  1358. div.Menueleiste-08_ {
  1359.     position:absolute;
  1360.     left:0px;
  1361.     top:71px;
  1362.     width:6px;
  1363.     height:145px;
  1364. }
  1365.  
  1366. div.Menueleiste-03_ {
  1367.     position:absolute;
  1368.     left:0px;
  1369.     top:62px;
  1370.     width:207px;
  1371.     height:9px;
  1372. }
  1373.  
  1374. div.test_grafik_ {
  1375.     position:absolute;
  1376.     left:99px;
  1377.     top:651px;
  1378.     width:97px;
  1379.     height:41px;
  1380. }
  1381.  
  1382. hr  {
  1383.     height:1px;
  1384.     border:1px solid #111;
  1385. }
  1386.  
  1387.  
  1388.  
  1389. table.tab   {
  1390.     margin:0px auto;
  1391.     border:1px solid #000;
  1392.     border-collapse:collapse;
  1393. }
  1394.  
  1395.  
  1396. td.havenTab {
  1397.     width:200px;
  1398.     height:30px;
  1399.     border:1px solid #000;
  1400.     margin:0px;
  1401.     padding:0px;
  1402.     background:#ddf;
  1403.     color:#222;
  1404.     font-weight:bold;
  1405.     text-align:center;
  1406.     text-decoration:none;
  1407. }
  1408.  
  1409. td.havenTab:hover   {
  1410.     background:#889;
  1411.     color:#000;
  1412.     text-decoration:none;
  1413. }
  1414.  
  1415. #havenBox, #havenInfoBox    {
  1416.     border:1px solid #000;
  1417.     width:600px;
  1418.     margin:0px auto;
  1419. }
  1420.  
  1421.  
  1422. /* Xajax Suchliste z.b. bei Usereingabe in Nachrichten*/
  1423. .citybox  {
  1424.   position:absolute;
  1425.   z-index:10;
  1426.   border:1px #ccc solid;
  1427.   border-top:none;
  1428.   border-bottom:none;
  1429.   background:#223;
  1430.   padding:0px;
  1431.   display:none;
  1432. }
  1433.  
  1434. .citybox ul  {
  1435.   padding:0 10px 0 10px;
  1436.   margin:0;
  1437. }
  1438.  
  1439. .citybox li  {
  1440.   list-style:none;
  1441.   padding-left:0;
  1442. }
  1443.  
  1444. .citybox a  {
  1445.   text-decoration:none;
  1446.   color:#aaa;
  1447.   display:block;
  1448.   padding:5px;
  1449.   border-bottom:1px solid #fff;
  1450. }
  1451. .citybox a:hover {
  1452.   color:#fff;
  1453.   background:#575763;
  1454. }
  1455.  
  1456. .boxLayout  {
  1457.      margin:15px auto;
  1458.      width: 100%;
  1459. }
  1460.  
  1461. .boxLayout.success .infoboxtitle {
  1462.     color: #0f0;
  1463. }
  1464.  
  1465. .boxLayout.information .infoboxtitle {
  1466.     color: #0ff;
  1467. }
  1468.  
  1469. .boxLayout.error .infoboxtitle {
  1470.     color: #f00;
  1471. }
  1472.  
  1473. /* Resource */
  1474. #resbox {
  1475.     margin-bottom:20px;
  1476.     width:650px;
  1477.     border:1px solid #fff;
  1478. }
  1479.  
  1480. #resboxheader   {
  1481.     background:url('images/cellpic.gif') no-repeat;
  1482.     height:21px;
  1483.     color:#fff;
  1484.     font-weight:bold;
  1485.     padding-left:20px;
  1486.     padding-top:5px;
  1487.     border-bottom:1px solid #fff;
  1488. }
  1489.  
  1490. #resboxcontent  {
  1491.     padding:5px;
  1492.     background:#333 url('images/cellpic3.gif') repeat;
  1493. }
  1494.  
  1495. .buildOverviewObjectContainer {
  1496.     width:120px;
  1497.     height:120px;
  1498.     text-align:center;
  1499.     padding:0px;
  1500.     margin-bottom:-1px;
  1501.     border-right:1px solid;
  1502.     border-bottom:1px solid;
  1503.     float:left;
  1504.     background-repeat:no-repeat;
  1505.     position:relative;
  1506.     overflow:hidden;
  1507. }
  1508.  
  1509. .buildOverviewObjectTitle   {
  1510.     font-weight:normal;
  1511.     position:absolute;
  1512.     background:url('images/transheader1.png') top right no-repeat;
  1513.     margin-top:1px;
  1514.     padding:3px 15px 3px 3px;
  1515.     font-size:8pt;
  1516.     float:left;
  1517.     z-index: 10;
  1518. }
  1519.  
  1520. .buildOverviewObjectSubTitle {
  1521.     display:none;
  1522.     float:left;
  1523. }
  1524.  
  1525. .buildOverviewLink {
  1526.     display:block;
  1527.     width:120px;
  1528.     height:120px;
  1529.     padding:0px;
  1530.     margin:0px;
  1531.     border:none;
  1532. }
  1533.  
  1534. .buildOverviewObjectLevel   {
  1535.     text-align:right;
  1536.     font-size:20pt;
  1537.     font-weight:bold;
  1538.     background:url('images/transfooter1.png') no-repeat;
  1539.     position:absolute;
  1540.     right:0px;
  1541.     bottom:0px;
  1542.     width:60px;
  1543.     padding:3px;
  1544.     padding-right:5px;
  1545.     float:left;
  1546. }
  1547.  
  1548. .buildOverviewObjectImage {
  1549.     display:none;
  1550.     float:left;
  1551. }
  1552.  
  1553. .buildOverviewObjectNone, .tb td.buildOverviewObjectNone {
  1554.     border:none;
  1555.  
  1556. }
  1557.  
  1558. .planetOverviewName {
  1559.     position:absolute;
  1560.     left:20px;
  1561.     top:15px;
  1562.     font-size:18pt;
  1563. }
  1564.  
  1565. .planetOverviewName a {
  1566.     text-decoration: none;
  1567. }
  1568.    
  1569. .planetOverviewList {
  1570.     position:absolute;
  1571.     left:20px;
  1572.     bottom:20px;
  1573.     font-size:9pt;
  1574. }
  1575.  
  1576. .planetOverviewItem {
  1577.     float:left;
  1578.     width:120px;
  1579.     font-size:9pt;
  1580.     font-weight:bold;
  1581.     height:17px;
  1582. }
  1583.  
  1584. /* Tab Menu */
  1585. .tabMenu    {
  1586.     display:table;
  1587.     margin:10px auto 0px auto;
  1588.     border-left:1px solid #fff;
  1589. }
  1590.  
  1591. .tabMenu    a   {
  1592.     display:block;
  1593.     float:left;
  1594.     height:21px;
  1595.     color:#fff;
  1596.     text-decoration:none;
  1597.     padding:7px 10px 3px 10px;
  1598.     background:url('images/tab1.png') top right no-repeat;
  1599.     border-bottom:1px solid #fff;
  1600.     border-top:1px solid #fff;
  1601. }
  1602.  
  1603. .tabMenu    a:hover {
  1604.     display:block;
  1605.     float:left;
  1606.     height:21px;
  1607.     color:#ddd;
  1608.     padding:7px 10px 3px 10px;
  1609.     background:url('images/tab2.png') top right no-repeat;
  1610. }
  1611.  
  1612. .tabMenu    a.tabEnabled    {
  1613.     display:block;
  1614.     float:left;
  1615.     color:#ddd;
  1616.     height:21px;
  1617.     padding:7px 10px 3px 10px;
  1618.     background:url('images/tab2.png') top right no-repeat;
  1619. }
  1620.  
  1621. .tabMenu a.tabLast  {
  1622.     border-right:1px solid #fff;
  1623. }
  1624.  
  1625. /* Pulldown Menu */
  1626.  
  1627. /* Get rid of the margin, padding and bullets in the unordered lists */
  1628. #pmenu {
  1629.     padding:0;
  1630.     margin:10px auto 0px auto;
  1631.     list-style-type: none;
  1632.     display:table;
  1633.     border:1px solid #fff;
  1634. }
  1635.  
  1636. #pmenu ul {
  1637.     padding:0;
  1638.     margin:0;
  1639.     list-style-type: none;
  1640.     display:block;
  1641. }
  1642.  
  1643. /* Hide the sub levels */
  1644. #pmenu li ul {
  1645.     display:none;
  1646. }
  1647.  
  1648. /* Set up the link size, color and borders */
  1649. #pmenu li a, #pmenu li a:visited {
  1650.     display:block;
  1651.     font-size:12px;
  1652.     color:#fff;
  1653.     padding:3px 10px 0px 10px;
  1654.     height:28px;
  1655.     line-height:24px;
  1656.     text-decoration:none;
  1657.     text-indent:5px;
  1658.     border:none;
  1659.     text-align:center;
  1660. }
  1661.  
  1662. /* Set up the sub level borders */
  1663. #pmenu li ul li a, #pmenu li ul li a:visited {
  1664.     border:1px solid #fff;
  1665.     width:110px;
  1666.     text-align:left;
  1667.     border-top:none;
  1668. }
  1669. #pmenu li a.enclose, #pmenu li a.enclose:visited {border-width:1px;}
  1670.  
  1671. /* Set up the list items */
  1672. #pmenu li {
  1673.     float:left;
  1674.     background:#000 url('images/tab1.png') top right no-repeat;
  1675. }
  1676. #pmenu li.tc {display:table-cell;}
  1677.  
  1678. /* For Non-IE browsers and IE7 */
  1679. #pmenu li:hover {position:relative;}
  1680. /* Make the hovered list color persist */
  1681. #pmenu li:hover > a {background:#000 url('images/tab2.png') repeat-x; color:#fff;}
  1682. /* For Non-IE and IE7 make the sublevels visible on list hover. This is all it needs */
  1683. #pmenu li:hover > ul {display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent; width:120px;}
  1684. /* Position the first sub level beneath the top level liinks */
  1685. #pmenu > li:hover > ul {left:-30px; top:22px;}
  1686.  
  1687. /* get rid of the table */
  1688. #pmenu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
  1689.  
  1690. /* For IE5.5 and IE6 give the hovered links a position relative and a change of background and foreground color. This is needed to trigger IE to show the sub levels */
  1691. * html #pmenu li a:hover {position:relative; background:#223; color:#c00;}
  1692.  
  1693. /* For accessibility of the top level menu when tabbing */
  1694. #pmenu li a:active, #pmenu li a:focus {background:#000 url('images/tab2.png') repeat-x; color:#fff;}
  1695.  
  1696. /* Set up the pointers for the sub level indication */
  1697. #pmenu li.fly {}
  1698. #pmenu li.drop {}
  1699.  
  1700.  
  1701. /* This lot is for IE5.5 and IE6 ONLY and is necessary to make the sublevels appear */
  1702.  
  1703. /* change the drop down levels from display:none; to visibility:hidden; */
  1704. * html #pmenu li ul {visibility:hidden; display:block; position:absolute; top:-11px; left:80px; padding:10px 30px 30px 30px; background:transparent;}
  1705.  
  1706. /* keep the third level+ hidden when you hover on first level link */
  1707. #pmenu li a:hover ul ul{
  1708. visibility:hidden;
  1709. }
  1710. /* keep the fourth level+ hidden when you hover on second level link */
  1711. #pmenu li a:hover ul a:hover ul ul{
  1712. visibility:hidden;
  1713. }
  1714. /* keep the fifth level hidden when you hover on third level link */
  1715. #pmenu li a:hover ul a:hover ul a:hover ul ul{
  1716. visibility:hidden;
  1717. }
  1718. /* keep the sixth level hidden when you hover on fourth level link */
  1719. #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul ul {
  1720. visibility:hidden;
  1721. }
  1722.  
  1723. /* make the second level visible when hover on first level link and position it */
  1724. #pmenu li a:hover ul {
  1725. visibility:visible; left:-30px; top:14px;
  1726. }
  1727.  
  1728. /* make the third level visible when you hover over second level link and position it and all further levels */
  1729. #pmenu li a:hover ul a:hover ul{
  1730. visibility:visible; top:-11px; left:80px;
  1731. }
  1732. /* make the fourth level visible when you hover over third level link */
  1733. #pmenu li a:hover ul a:hover ul a:hover ul {
  1734. visibility:visible;
  1735. }
  1736. /* make the fifth level visible when you hover over fourth level link */
  1737. #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul {
  1738. visibility:visible;
  1739. }
  1740. /* make the sixth level visible when you hover over fifth level link */
  1741. #pmenu li a:hover ul a:hover ul a:hover ul a:hover ul a:hover ul {
  1742. visibility:visible;
  1743. }
  1744.  
  1745.  
  1746. /* Techtree */
  1747.  
  1748. .techtreeItemContainer  {
  1749.     margin:0px auto 10px auto;
  1750.     display:table;
  1751.     text-align:center;
  1752.     max-width:580px;
  1753. }
  1754.  
  1755. .techtreeMainItem   {
  1756.     position:relative;
  1757.     width:120px;
  1758.     height:120px;
  1759.     border:1px solid #fff;
  1760.     margin:10px auto;
  1761. }
  1762.  
  1763. .techtreeItem   {
  1764.     margin:10px;
  1765.     position:relative;
  1766.     float:left;
  1767.     width:120px;
  1768.     height:120px;
  1769.     border:1px solid black;
  1770. }
  1771. .techtreeItemLevel  {
  1772.     position:absolute;
  1773.     top:0px;
  1774.     background:url('images/transheader1.png') top right;
  1775.     color:#fff;
  1776.     padding:3px 15px 3px 3px ;
  1777. }
  1778. .techtreeItemName   {
  1779.     position:absolute;
  1780.     bottom:0px;
  1781.     font-size:8pt;
  1782.     padding:5px;
  1783.     background:url('images/trans1.png');
  1784.     color:#fff;
  1785.     width:110px;
  1786. }
  1787.  
  1788. /* Statistics */
  1789.  
  1790. #statsHeaderContainer   {
  1791.     margin-bottom:10px;
  1792. }
  1793.  
  1794. #statsSearchContainer   {
  1795.     text-align:left;
  1796.     float:left;
  1797. }
  1798.  
  1799. #statsNav1, #statsNav2  {
  1800.     text-align:right;
  1801.     float:right;
  1802. }
  1803.  
  1804. #statsNav1 input, #statsNav2 input  {
  1805.     margin-right:5px;
  1806. }
  1807.  
  1808. #statsTable {
  1809.     margin:0px;
  1810.     padding:0px;
  1811.     margin-bottom:10px;
  1812. }
  1813.  
  1814. .loadingMsg {
  1815.     padding:20px;
  1816.     background:url('images/loading.gif') top center no-repeat;
  1817.     text-align:center;
  1818. }
  1819.  
  1820. #layoutframe {
  1821.     position:relative;
  1822.     margin:0;
  1823.     padding:0;
  1824. }
  1825.  
  1826. #chatframe {
  1827.     position:fixed;
  1828.     top:0;
  1829.     right:0;
  1830.     bottom:0;
  1831.     width:230px;
  1832.     background:rgba(0,0,0,0.6);
  1833.     z-index:100;
  1834.     border-left:1px solid #777;
  1835. }
  1836.  
  1837. /**
  1838. * Fleet bookmarks
  1839. */
  1840. #bookmarkShiplistInputTable td.thumb {
  1841.   width:40px;
  1842.   background:#000;
  1843. }
  1844.  
  1845. #bookmarkShiplistInputTable td.thumb img {
  1846.   width:40px;
  1847.   height:40px;
  1848.   border:0;
  1849.   vertical-align:top;
  1850. }
  1851.  
  1852. #bookmarkShiplistInputTable td.count {
  1853.   width:90px;
  1854. }
  1855.  
  1856. #bookmarkShiplistInputTable td.actions {
  1857.   width:30px;
  1858.   text-align:center;
  1859. }
  1860.  
  1861. /*
  1862. * Tutorial
  1863. */
  1864. #tutorialContainer {
  1865.     position: absolute;
  1866.     right: 10px;
  1867.     top: 60px;
  1868.     z-index:500;
  1869. }
  1870.  
  1871. .tutorialBox {
  1872.     width: 450px;
  1873.     text-align: left;
  1874.     border: 1px solid #fff;
  1875.     background: url("images/cellpic3.gif") repeat scroll 0 0 #60606B;
  1876.     box-shadow: 0px 0px 20px 3px #000;
  1877.     margin-bottom: 5px;
  1878. }
  1879.  
  1880. .tutorialTitle {
  1881.     font-weight:bold;
  1882.     border-bottom: 1px solid #fff;
  1883.     background: url("images/cellpic4.gif") repeat scroll 0 0 #2C2C31;
  1884.     padding: 2px 5px;
  1885. }
  1886.  
  1887. .tutorialContent {
  1888.     padding: 2px 5px;
  1889. }
  1890.  
  1891. .tutorialFooter {
  1892.     border-top: 1px solid #fff;
  1893.     background: url("images/cellpic4.gif") repeat scroll 0 0 #2C2C31;
  1894.     padding: 2px 5px;
  1895. }
  1896.  
  1897. /*
  1898. * Three column list (alliance page)
  1899. */
  1900.  
  1901. .threeColumnList {
  1902.     -webkit-column-count: 3; /* Chrome, Safari, Opera */
  1903.     -moz-column-count: 3; /* Firefox */
  1904.     column-count: 3;
  1905. }
  1906.  
  1907. .allianceManagementLinks a {
  1908.     padding: 3px;
  1909.     display: inline-block;
  1910. }
RAW Paste Data
We use cookies for various purposes including analytics. By continuing to use Pastebin, you agree to our use of cookies as described in the Cookies Policy. OK, I Understand
 
Top