API tools faq
paste
Advertisement
Guest User

Website CSS

a guest
Aug 19th, 2015
20
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 18.01 KB | None | 0 0
raw download clone embed print report
  1. /* HTML5 RESET STYLESHEET
  2. ----------------------------------------------------------*/
  3.  
  4. html, body, div, span, object, iframe,
  5. h1, h2, h3, h4, h5, h6, p, blockquote, pre,
  6. abbr, address, cite, code,
  7. del, dfn, em, img, ins, kbd, q, samp,
  8. small, strong, sub, sup, var,
  9. b, i,
  10. dl, dt, dd, ol, ul, li,
  11. fieldset, form, label, legend,
  12. table, caption, tbody, tfoot, thead, tr, th, td,
  13. article, aside, canvas, details, figcaption, figure,
  14. footer, header, menu, nav, section, summary,
  15. time, mark, audio, video {
  16.     margin:0;
  17.     padding:0;
  18.     border:0;
  19.     outline:0;
  20.     font-size:100%;
  21.  
  22.     background:transparent;
  23. }
  24.  
  25. body {
  26.     line-height:1;
  27. }
  28.  
  29. article,aside,details,figcaption,figure,
  30. footer,header,menu,nav,section {
  31.     display:block;
  32. }
  33.  
  34. nav ul {
  35.     list-style:none;
  36. }
  37.  
  38. blockquote, q {
  39.     quotes:none;
  40. }
  41.  
  42. blockquote:before, blockquote:after,
  43. q:before, q:after {
  44.     content:'';
  45.     content:none;
  46. }
  47.  
  48. a {
  49.     margin:0;
  50.     padding:0;
  51.     font-size:100%;
  52.     vertical-align:baseline;
  53.     background:transparent;
  54. }
  55.  
  56. /* change colours to suit your needs */
  57. ins {
  58.     background-color:#ff9;
  59.     color:#000;
  60.     text-decoration:none;
  61. }
  62.  
  63. /* change colours to suit your needs */
  64. mark {
  65.     background-color:#ff9;
  66.     color:#000;
  67.     font-style:italic;
  68.     font-weight:bold;
  69. }
  70.  
  71. del {
  72.     text-decoration: line-through;
  73. }
  74.  
  75. abbr[title], dfn[title] {
  76.     border-bottom:1px dotted;
  77.     cursor:help;
  78. }
  79.  
  80. table {
  81.     border-collapse:collapse;
  82.     border-spacing:0;
  83. }
  84.  
  85. /* change border colour to suit your needs */
  86. hr {
  87.     display:block;
  88.     height:1px;
  89.     border:0;  
  90.     border-top:1px solid #cccccc;
  91.     margin:1em 0;
  92.     padding:0;
  93. }
  94.  
  95. input, select {
  96.     vertical-align:middle;
  97. }
  98.  
  99.  
  100.  
  101. /* GENERAL
  102. ----------------------------------------------------------*/
  103.  
  104. body {
  105.     margin: 0;
  106.     padding: 0;
  107.     background-color: #333333;
  108.     font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
  109.     font-size: 13px;
  110.     color: #666666;
  111.     min-width: 1000px;
  112. }
  113.  
  114. p {
  115.     padding: 5px 10px;
  116. }
  117.  
  118. .clear {
  119.     clear: both;
  120. }
  121.  
  122.  
  123. /* HEADER WRAPPER DIV
  124. ----------------------------------------------------------*/
  125.  
  126. #header-wrapper {
  127.     background-image: url('images/header-repeat-2.png');
  128.     background-repeat: repeat-x;
  129.     background-color: #359AFF;
  130. }
  131.  
  132.  
  133.  
  134. /* OVERALL HEADER
  135. ----------------------------------------------------------*/
  136.  
  137. #header {
  138.     padding: 10px 20px;
  139.     height: 140px;
  140.     background-image: url('images/header-big.png'); /* header-big-2.png */
  141.     background-repeat: no-repeat;
  142. }
  143.  
  144. #header div.hgroup {
  145.     float: left;
  146. }
  147.  
  148. #header h1 {
  149.     width: 300px;
  150. }
  151.  
  152. #header h1 .hidden {
  153.     display: none;
  154. }
  155.  
  156. #header h2 {
  157.     font-weight: normal;
  158.     padding-top: 5px;
  159.     width: 300px;
  160.    
  161.     font-size: 1em;
  162.     color: #333333;
  163. }
  164.  
  165. #header aside {
  166.     text-align: right;
  167. }
  168.  
  169. #header aside p {
  170.     padding-right: 0;
  171.     font-family: "Verdana", "Arial", "Helvetica", sans-serif;
  172.     color: black;
  173.     font-size: 11px;
  174.     line-height: normal;
  175.     height: 39px;
  176. }
  177.  
  178. #header aside a {
  179.     color: #666666;
  180.     text-decoration: underline;
  181. }
  182.  
  183. #header aside a:hover {
  184.     text-decoration: none;
  185. }
  186.  
  187. #header aside form {
  188.     padding-top: 15px;
  189. }
  190.  
  191. #header nav {
  192.     clear: both;
  193. }
  194.  
  195. #header ul {
  196.     list-style: none;
  197.     margin: 0;
  198.     padding: 0;
  199.     overflow: hidden;
  200. }
  201.  
  202. #header li {
  203.     display: inline;
  204. }
  205.  
  206. #header li a {
  207.     float: left;
  208.     color: #eeeeee;
  209.     font-weight: bold;
  210.     text-decoration: none;
  211.     margin: 11px 30px 11px 0px;
  212. }
  213.  
  214. #header li a:hover {
  215.     color: white;
  216.     text-decoration: underline;
  217. }
  218.  
  219. #header li.current a {
  220.     color: burlywood;
  221. }
  222.  
  223.  
  224.  
  225. /* MAIN WRAPPER DIV
  226. ----------------------------------------------------------*/
  227.  
  228. #main-wrapper {
  229.     background-color: #359AFF; /* #99CCFF; */
  230.     padding-bottom: 50px;
  231.     overflow: auto;
  232.     background-image: url('images/main-footer.gif');
  233.     background-repeat: repeat-y;
  234.     width: 100%;
  235.     border-bottom: 3px yellow solid;
  236.     border-bottom-left-radius: 30px;
  237.     border-bottom-right-radius: 30px;
  238. }
  239.  
  240.  
  241.  
  242. /* SIDE COLUMN
  243. ----------------------------------------------------------*/
  244.  
  245. #sidebar {
  246.     float: left;
  247.     width: 200px;
  248.     background-color: #0180fe;
  249.     border-right: 3px solid yellow;
  250.     padding-top: 20px;
  251.     padding-bottom: 20px;
  252. }
  253.  
  254. #sidebar nav {
  255.     margin: 2px;
  256. }
  257.  
  258. #sidebar header {
  259.     color: white;
  260.     padding-left: 5px;
  261.     padding-bottom: 7px;
  262. }
  263.  
  264. #sidebar nav header {
  265.     padding: 0;
  266. }
  267.  
  268. #sidebar h4 {
  269.     padding: 8px 10px;
  270.     border: none;
  271.     background-color: #5dadfe;
  272.     border-top: 1px solid white;
  273.     border-bottom: 1px solid white;
  274.     color: yellow;
  275. }
  276.  
  277. /*#sidebar h2 {
  278.     padding: 24px 0 3px 20px;
  279.     border-bottom: 1px solid #e7e7e7;
  280.     letter-spacing: -1px;
  281.     font-size: 1.2em;
  282.     font-weight: bold;
  283. }*/
  284.  
  285. #sidebar ul {
  286.     padding-left: 0;
  287.     padding-top: 1px;
  288.     margin: 0;
  289. }
  290.  
  291. #sidebar li {
  292.     margin: 0 1px 1px 1px;
  293.     border-left: 6px solid #3262ff;
  294.     border-right: 3px solid #6f97fd;
  295.     background-color: #359aff;
  296.     color: white;
  297. }
  298.  
  299. #sidebar a {
  300.     display: block;
  301.     padding: 8px 10px;
  302.     text-decoration: none;
  303.     color: white;
  304. }
  305.  
  306. #sidebar a:hover {
  307.     background-color: #5DADFE;
  308. }
  309.  
  310. #sidebar nav.breadcrumbs {
  311.     margin: 0;
  312. }
  313.  
  314. #sidebar nav.breadcrumbs a {
  315.     display: inline;
  316.     padding: 0;
  317. }
  318.  
  319. #sidebar nav.breadcrumbs a:hover {
  320.     text-decoration: underline;
  321.     background: none;
  322. }
  323.  
  324. #sidebar img.nav-icon {
  325.     vertical-align: middle;
  326.     float: right;
  327. }
  328.  
  329.  
  330.  
  331. /* PAGE CONTENT
  332. ----------------------------------------------------------*/
  333.  
  334. #content {
  335.     padding: 20px;
  336.     /*padding-top: 0;*/
  337.     overflow: auto;
  338.     height: 100%;
  339. }
  340.  
  341. #content section {
  342.     /*overflow: auto;*/
  343. }
  344.  
  345. #content h1 {
  346.     color: yellow;
  347.     font-size: 2em;
  348.     font-family: Verdana;
  349.     /*font-smooth: always;*/
  350.     padding-bottom: 15px;
  351. }
  352.  
  353. #content h2 {
  354.     color: yellow;
  355.     font-size: 1.3em;
  356.     font-family: Verdana;
  357.     /*font-smooth: always;*/
  358.     padding-bottom: 5px;
  359. }
  360.  
  361. #content h3 {
  362.     color: yellow;
  363.     font-size: 1em;
  364.     font-family: Verdana;
  365.     /*font-smooth: always;*/
  366.     padding-bottom: 5px;
  367.     padding-left: 10px;
  368. }
  369.  
  370. #content p {
  371.     color: #0000A0;
  372.     padding: 0 10px 15px 10px;
  373.     line-height: 1.2em;
  374.     font-size: 1.1em;
  375. }
  376.  
  377. #content ul, #content ol {
  378.     margin-left: 20px;
  379. }
  380.  
  381. #content li {
  382.     color: #0000A0;
  383.     padding: 0 10px 15px 0px;
  384.     line-height: 17px;
  385.     font-size: 14px;
  386. }
  387.  
  388. #content aside.right {
  389.     float: right;
  390.     clear: right;
  391. }
  392.  
  393. #content aside.left {
  394.     float: left;
  395.     clear: left;
  396. }
  397.  
  398. #content aside.horizontal ul li {
  399.     display: inline-block;
  400. }
  401.  
  402. #content aside ul {
  403.     list-style: none;
  404. }
  405.  
  406. #content aside li.imageWithCaption {
  407.     padding: 0 10px 0 0;
  408. }
  409.  
  410. #content aside li.imageCaption {
  411.   font-size: 0.9em;
  412.   font-style: italic;
  413.   text-align: center;
  414. }
  415.  
  416. /* START - Image caption tables. */
  417. #content aside ul.imageCaptionList {
  418.     margin: 0;
  419. }
  420.  
  421. #content aside ul.imageCaptionList li {
  422.     padding: 0;
  423. }
  424.  
  425. #content aside ul.imageCaptionList li.imageWithoutCaption {
  426.     padding-left: 20px;
  427.     padding-right: 10px;
  428.     padding-top: 0;
  429.     padding-bottom: 15px;
  430. }
  431.  
  432. #content aside table.imageCaptionTable {
  433.     /* Cancel out normal table style. */
  434.     border: none;
  435.     margin: 0;
  436.     font-size: 1em;
  437.    
  438.     /* Custom style. */
  439.     margin-left: 20px;
  440.     margin-right: 10px;
  441. }
  442.  
  443. #content aside table.imageCaptionTable img.diagram {
  444.     margin: 0;
  445. }
  446.  
  447. #content aside table.imageCaptionTable td {
  448.     /* Cancel out normal table style. */
  449.     height: auto;
  450.     border: 0;
  451.     padding: 0;
  452. }
  453.  
  454. #content aside table.imageCaptionTable caption {
  455.     /* Cancel out normal table style. */
  456.     background: none;
  457.     padding: 0;
  458.     border: 0;
  459.     color: rgb(0, 0, 160);
  460.    
  461.     /* Custom style. */
  462.     caption-side: bottom;
  463.   font-size: 12px;
  464.   font-style: italic;
  465.   text-align: center;
  466.   padding-left: 5px;
  467.   padding-right: 5px;
  468.   padding-bottom: 15px;
  469. }
  470. /* END - Image caption tables. */
  471.  
  472. #content a.thumb {
  473.     text-decoration: none;
  474. }
  475.  
  476. #content aside.related-content {
  477.     background-color: #0180fe;
  478.     padding: 5px;
  479.     opacity: 0.5;
  480.     border: 3px yellow solid;
  481.     border-radius: 10px;
  482.     width: 600px;
  483. }
  484.  
  485. #content aside.related-content:hover {
  486.     opacity: 1;
  487. }
  488.  
  489. #content aside.related-content h3 {
  490.     padding: 8px 10px;
  491.     border: none;
  492.     background-color: #5dadfe;
  493.     border-top: 1px solid white;
  494.     border-bottom: 1px solid white;
  495.     color: yellow;
  496. }
  497.  
  498. #content aside.related-content h2 {
  499.     padding: 24px 0 3px 20px;
  500.     border-bottom: 1px solid #e7e7e7;
  501.     letter-spacing: -1px;
  502.     font-size: 1.2em;
  503.     font-weight: bold;
  504. }
  505.  
  506. #content aside.related-content ul {
  507.     padding-left: 0;
  508.     padding-top: 1px;
  509.     margin: 0;
  510. }
  511.  
  512. #content aside.related-content li {
  513.     margin: 0 1px 1px 1px;
  514.     border-left: 6px solid #3262ff;
  515.     border-right: 3px solid #6f97fd;
  516.     background-color: #359aff;
  517.     padding: 0;
  518.     color: white;
  519. }
  520.  
  521. #content aside.related-content a {
  522.     display: block;
  523.     padding: 8px 10px;
  524.     text-decoration: none;
  525.     color: white;
  526. }
  527.  
  528. #content aside.related-content a:hover {
  529.     background-color: #5DADFE;
  530. }
  531.  
  532. #content aside.related-content img {
  533.     vertical-align: text-top;
  534.     margin-right: 10px;
  535. }
  536.  
  537. #content div.advanced-box {
  538.     box-shadow: /*2px 2px 5px #555,*/
  539.                             inset 0 2px 10px #555,
  540.                             2px 2px 5px #555;
  541.     border: 5px #f1b90e solid;
  542.     border-top-left-radius: 20px;
  543.     border-top-right-radius: 20px;
  544.     border-bottom: none;
  545.     padding-top: 10px;
  546.     padding-right: 10px;
  547.     padding-bottom: 5px;
  548.     margin: 20px;
  549.     margin: 0 10px 15px 10px;
  550.     min-height: 130px;
  551.     background-color: #418833;
  552.     background-image: url('images/chao-principal-corner.png'),
  553.                                         url('images/chao-principal-bg.gif');
  554.     background-position: 5px 100%, bottom;
  555.     background-repeat: no-repeat, repeat-x;
  556. }
  557.  
  558. /*#content div.advanced-box em {
  559.     font-style: normal;
  560.     text-decoration: underline;
  561.     font-weight: bold;
  562. }*/
  563.  
  564. #content div.advanced-box h4 {
  565.     color: white;
  566.     padding-left: 23px;
  567.     text-decoration: underline;
  568.     font-weight: bold;
  569.     font-size: 1.2em;
  570.     margin-bottom: 5px;
  571.     float: left;
  572. }
  573.  
  574. #content div.advanced-box p {
  575.     color: white;
  576.     padding-left: 120px;
  577.     font-size: 0.9em;
  578.     text-align: justify;
  579. }
  580.  
  581. span.neutral {
  582.     color: rgb(0, 0, 255);
  583. }
  584.  
  585. span.hero {
  586.     color: white;
  587. }
  588.  
  589. span.dark {
  590.     color: black;
  591. }
  592.  
  593. span.normal {
  594.     color: rgb(0, 255, 255);
  595. }
  596.  
  597. span.swim {
  598.     color: rgb(255, 255, 0);
  599. }
  600.  
  601. span.fly {
  602.     color: rgb(196, 47, 244);
  603. }
  604.  
  605. span.run {
  606.     color: rgb(0, 128, 0); /*rgb(0, 196, 64);*/
  607. }
  608.  
  609. span.power {
  610.     color: rgb(235, 31, 33);
  611. }
  612.  
  613.  
  614. /* OVERALL FOOTER
  615. ----------------------------------------------------------*/
  616.  
  617. #footer {
  618.     clear: both;
  619.     width: 880px;
  620.     margin-left: auto;
  621.     margin-right: auto;
  622.     /*padding: 10px 100px 30px 100px;*/
  623.     padding: 10px 0 30px 0;
  624.     text-align: justify;
  625. }
  626.  
  627. #footer span.right {
  628.     float: right;
  629. }
  630.  
  631. #footer a {
  632.     color: #666666;
  633.     text-decoration: underline;
  634. }
  635.  
  636. #footer a:hover {
  637.     text-decoration: none;
  638. }
  639.  
  640.  
  641.  
  642. /* SPLASH PAGE
  643. ----------------------------------------------------------*/
  644.  
  645. .game-logo-list {
  646.     margin-bottom: 30px;
  647. }
  648.  
  649. #content .game-logo-list li {
  650.     display: inline-block;
  651.     width: 320px;
  652.     height: 165px;
  653.     padding: 0;
  654.     margin: 10px;
  655.     border: 3px yellow solid;
  656.     border-radius: 20px;
  657.     background-color: transparent;
  658.     opacity: 0.75;
  659.     box-shadow: 2px 2px 5px #555;
  660. }
  661.  
  662. #content .game-logo-list li:hover {
  663.     background-color: rgba(255,255,255,0.25);
  664.     opacity: 1;
  665. }
  666.  
  667. .game-logo-list img {
  668.     vertical-align: middle;
  669. }
  670.  
  671. img.game-logo {
  672.     display: block;
  673.     margin-left: auto;
  674.     margin-right: auto;
  675.     width: 241px;
  676.     height: 130px;
  677. }
  678.  
  679. .game-logo-list a {
  680.     display: block;
  681.     width: 310px;
  682.     height: 135px;
  683.     padding: 5px;
  684.     color: #0000A0;
  685.     font-size: 0.8em;
  686.     text-decoration: none;
  687.     text-align: center;
  688. }
  689.  
  690. #content article.news-post {
  691.   font-family: Verdana;
  692.   color: white;
  693.   font-size: 10pt;
  694.   font-weight: normal;
  695.   border-left: 7px solid #0080FF;
  696.   border-bottom: 3px solid #0080FF;
  697.   padding: 1px 5px 5px 5px;
  698.   margin-bottom: 15px;
  699. }
  700.  
  701. #content article.news-post header {
  702.   font-family: Verdana;
  703.   color: white;
  704.   font-size: 10pt;
  705.   font-weight: bold;
  706. }
  707.  
  708. #content article.news-post h2 {
  709.   font-family: Verdana;
  710.   color: white;
  711.   font-weight: bold;
  712. }
  713.  
  714. #content article.news-post h2 a {
  715.   font-family: Verdana;
  716.   color: white;
  717.   font-weight: bold;
  718.   text-decoration: none;
  719. }
  720.  
  721. #content article.news-post h2 a:hover {
  722.   text-decoration: underline;
  723. }
  724.  
  725. #content article.news-post h2 {
  726.     font-size: 1.3em;
  727. }
  728.  
  729. #content article p.news-post-info {
  730.     color: white;
  731.     font-size: smaller;
  732.     font-style: normal;
  733. }
  734.  
  735. #content article p.news-post-info a {
  736.     color: white;
  737. }
  738.  
  739. #content article p.news-post-info a:hover {
  740.     text-decoration: none;
  741. }
  742.  
  743. #content article p.news-post-info cite {
  744.     font-style: normal;
  745. }
  746.  
  747. #content article.news-post footer {
  748.   font-family: Verdana;
  749.   color: white;
  750.   font-size: 10pt;
  751.   font-weight: normal;
  752.   text-align: center;
  753.   border: 1px solid #0080FF;
  754.   margin-left: 70%;
  755.   margin-bottom: -6px;
  756.   width: 200px;
  757.   display: block;
  758.   text-align: center;
  759.   padding: 0;
  760. }
  761.  
  762. #content article.news-post footer a {
  763.   color: white;
  764.   text-decoration: none;
  765.   display: block;
  766.   background-color: transparent;
  767. }
  768.  
  769. #content article.news-post footer a:hover {
  770.   color: white;
  771.   text-decoration: none;
  772.   background-color: #0080FF;
  773. }
  774.  
  775. #content footer.news-footer {
  776.     font-size: 1.1em;
  777.   border-left: 7px solid #0080FF;
  778.   border-bottom: 3px solid #0080FF;
  779.   padding: 1px 5px 5px 5px;
  780.     color: rgb(0, 0, 160);
  781. }
  782.  
  783. #content footer.news-footer a {
  784.     color: rgb(0, 0, 160);
  785.     text-decoration: underline;
  786. }
  787.  
  788. #content footer.news-footer a:hover {
  789.     color: rgb(0, 0, 160);
  790.     text-decoration: none;
  791. }
  792.  
  793.  
  794.  
  795. /* FORMS
  796. ----------------------------------------------------------*/
  797.  
  798. #content form {
  799.     color: #0000A0;
  800.     padding: 0 10px 15px 10px;
  801.     line-height: 1.2em;
  802.     font-size: 1.1em;
  803. }
  804.  
  805. #content label {
  806.     float: left;
  807.     clear: left;
  808.     width: 100px;
  809. }
  810.  
  811. #content input {
  812.     float: left;
  813.     width: 200px;
  814.     margin-bottom: 10px;
  815. }
  816.  
  817. #content select {
  818.     float: left;
  819.     width: 200px;
  820.     margin-bottom: 10px;
  821. }
  822.  
  823. #content textarea {
  824.     float: left;
  825.     width: 350px;
  826.     height: 150px;
  827.     margin-bottom: 10px;
  828. }
  829.  
  830. #content input.submit {
  831.     clear: left;
  832.     width: 100px;
  833.     margin-left: 100px;
  834.     margin-bottom: 10px;
  835. }
  836.  
  837. #content p.error {
  838.     color: red;
  839. }
  840.  
  841.  
  842.  
  843. /* IMAGES AND THUMBNAILS
  844. ----------------------------------------------------------*/
  845.  
  846. div.imageWithCaption {
  847.     float: left;
  848.     margin-bottom: 20px;
  849.     width: 200px;
  850.     text-align: center;
  851. }
  852.  
  853. div.imageCaption {
  854.   font-family: Verdana;
  855.   color: #0000A0;
  856.   font-size: 10pt;
  857.   font-weight: normal;
  858.   text-align: center;
  859.   margin-left: auto;
  860.   margin-right: auto;
  861. }
  862.  
  863. .shadow {
  864.     box-shadow: 2px 2px 5px #555;
  865. }
  866.  
  867. .diagram {
  868.     background: white;
  869.     border: 1px grey solid;
  870.     box-shadow: 2px 2px 5px #555;
  871.     padding: 10px;
  872.     display: inline-block;
  873.     margin: 10px;
  874.     margin: 0 10px 15px 10px;
  875. }
  876.  
  877. .thumb-info {
  878.     width: 150px;
  879.     float: left;
  880.     margin: 10px;
  881.     text-align: center;
  882. }
  883.  
  884. .thumb-info img {
  885.     box-shadow: 2px 2px 5px #555;
  886.     margin-bottom: 2px;
  887. }
  888.  
  889. .thumb-landscape {
  890.     width: 170px;
  891.     float: left;
  892.     margin: 10px;
  893.     text-align: center;
  894. }
  895.  
  896. .thumb-landscape img {
  897.     box-shadow: 2px 2px 5px #555;
  898. }
  899.  
  900. .thumb-portrait {
  901.     width: 120px;
  902.     float: left;
  903.     margin: 10px;
  904.     text-align: center;
  905. }
  906.  
  907. .thumb-portrait img {
  908.     box-shadow: 2px 2px 5px #555;
  909. }
  910.  
  911. .papercraft-thumb {
  912.     float: left;
  913.     margin: 10px;
  914.     text-align: center;
  915.     border: 1px #99CCFF solid;
  916.     width: 180px;
  917.     height: 220px;
  918.     border-radius: 10px;
  919. }
  920.  
  921. .papercraft-thumb a {
  922.     text-decoration: none;
  923. }
  924.  
  925.  
  926.  
  927. /* TABLES
  928. ----------------------------------------------------------*/
  929.  
  930. table {
  931.     /*font-family: Tahoma, Verdana, Arial;*/
  932.     border-collapse: collapse;
  933.     border-spacing: 1px;
  934.     border-left: 1px solid #1F2A34;
  935.     border-right: 1px solid #1F2A34;
  936.     border-left: 1px solid #ffff00;
  937.     border-right: 1px solid #ffff00;
  938.     margin: 0 10px 15px 10px;
  939.    
  940.     color: #0000A0;
  941.     line-height: 1.2em;
  942.     font-size: 1.1em;
  943. }
  944.  
  945. thead th {
  946.     /*background: url('http://www.fitodotnet.com/csstablegallery/mainNavBG.gif');*/
  947.     /*font-size: 14px;
  948.     color: #fff;*/
  949.     height: 30px;
  950.     text-align: center;
  951.     /*border-top: 5px solid black;
  952.     border-bottom: 5px solid black;
  953.     border-left: 1px solid #1F2A34;
  954.     border-right: 1px solid #1F2A34;*/
  955.    
  956.     background: #99CCFF;
  957.     /*color: #0000A0;*/
  958.     border-top: 3px solid yellow;
  959.     border-bottom: 3px solid yellow;
  960.     border-left: 1px solid yellow;
  961.     border-right: 1px solid yellow;
  962.     padding: 5px;
  963.    
  964.     text-align: center;
  965.     white-space: nowrap;
  966. }
  967.  
  968. tbody td {
  969.     /*font-size: 10px;*/
  970.         /*background: #2d3134;*/
  971.     /*color: #fff;*/
  972.     /*border: 1px solid #373B3E;*/
  973.     /*padding-left: 3px;*/
  974.     height: 40px;
  975.    
  976.     /*background: #359AFF;*/
  977.     border: 1px solid yellow;
  978.     /*color: #0000A0;*/
  979.     padding: 5px 10px 15px 10px;
  980.     padding: 5px 10px;
  981.     /*font-size: 1em;*/
  982.    
  983.     text-align: center;
  984.     white-space: nowrap;
  985. }
  986.  
  987. tbody.wrap td {
  988.     white-space: normal;
  989. }
  990.  
  991. thead th.short, tbody th.short, tbody td.short {
  992.     text-align: center;
  993.     white-space: nowrap;
  994. }
  995.  
  996. thead th.long, tbody th.long, tbody td.long {
  997.     text-align: left;
  998.     white-space: normal;
  999.     padding: 5px 10px;
  1000. }
  1001.  
  1002. tbody td.statUp {
  1003.     color: #00ff00;
  1004. }
  1005.  
  1006. tbody td.statDown {
  1007.     color: #ff0000;
  1008. }
  1009.  
  1010. tbody th {
  1011.     /*background: #373B3E;
  1012.     color: #fff;
  1013.     border: 1px solid #2d3134;*/
  1014.    
  1015.     /*text-align: left;
  1016.     padding-left: 4px;
  1017.     width: 120px;
  1018.    
  1019.     background: #359AFF;
  1020.     border: 1px solid yellow;
  1021.     /*color: #0000A0;*/
  1022.    
  1023.     text-align: center;
  1024.     white-space: nowrap;
  1025.     padding: 5px 10px;
  1026.     border: 1px solid yellow;
  1027. }
  1028.  
  1029. tbody th[scope=col], tbody th[scope=colgroup] {
  1030.     background: #99CCFF;
  1031.     border-top: 3px solid yellow;
  1032.     border-bottom: 3px solid yellow;
  1033.     border-left: 1px solid yellow;
  1034.     border-right: 1px solid yellow;
  1035.     padding: 5px;
  1036. }
  1037.  
  1038. table caption {
  1039.     background: #1F2A34;
  1040.     color: #fff;
  1041.     text-align: center;
  1042.     font-size: 24px;
  1043.     padding-top: 10px;
  1044.     padding-bottom: 10px;
  1045.     border-left: 1px solid #1F2A34;
  1046.     border-right: 1px solid #1F2A34;
  1047. }
  1048.  
  1049.  
  1050.  
  1051. /* CHAO GALLERY
  1052. ----------------------------------------------------------*/
  1053.  
  1054. #previewTool {
  1055.     border: 3px yellow solid;
  1056.     overflow: auto;
  1057.     display: inline-block;
  1058.     border-radius: 20px;
  1059. }
  1060.  
  1061. #previewImageContainer {
  1062.     float: left;
  1063.     height: 200px;
  1064.     padding: 10px;
  1065.     border-right: 3px yellow solid;
  1066. }
  1067.  
  1068. #previewImage {
  1069.     margin-top: 34px;
  1070. }
  1071.  
  1072. #previewTool form {
  1073.     float: left;
  1074.     padding: 10px;
  1075. }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement
Public Pastes
Advertisement
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
Not a member of Pastebin yet?
Sign Up, it unlocks many cool features!