API tools faq
paste
Advertisement
c0d3dsk1lls

PHPBB Admin.css Custom style. codedskills.net/forum

c0d3dsk1lls
Jul 24th, 2022 (edited)
71
0
Never
Add comment
Not a member of Pastebin yet? Sign Up, it unlocks many cool features!
CSS 50.05 KB | None | 0 0
raw download clone embed print report
  1.  
  2. /* Please join the coding community https://codedskills.net/forum
  3. /*message me if your looking to help develop.
  4. /*  Replace your adm/style/admin.css with this code.
  5. /* Make sure to delete orrename gradient2b.gif to something else, I suggest gradient2b-off.gif for the sake of organization.
  6. /*Also rename phpbb_logo.svg and phpbb_logo.png to phpbb_logo-off.svg and phpbb_logo-off.png.
  7. /*You can also use your own banner image, Just make sure its named phpbb_logo.svg But I preffer the banner image off.
  8.  
  9. /*Here is an image of this style. https://i.ibb.co/G9b5TpK/434345.png
  10.  
  11. /*IMPORTANT NOTE: MAKE SURE TO CLEAR YOUR BROWSER CACHE, AND ALSO PURGE CACHE IN THE ACP. FOR THIS TO TAKE EFFECT.
  12.  
  13.  
  14.  
  15.  
  16.  
  17.  
  18.  
  19.  
  20.  
  21. /*  phpBB 3.3 Admin Style Sheet
  22.     ------------------------------------------------------------------------
  23.     Original author:    subBlue ( http://www.subblue.com/ )
  24.     Copyright (c) phpBB Limited <https://www.phpbb.com>
  25.  
  26.     For full copyright and license information, please see
  27.     the docs/CREDITS.txt file.
  28.     ------------------------------------------------------------------------
  29. */
  30.  
  31. /* General markup styles
  32. ---------------------------------------- */
  33. * {
  34.     /* Reset browsers default margin, padding and font sizes */
  35.     margin: 0;
  36.     padding: 0;
  37.     font-size: 100%;
  38. }
  39.  
  40. abbr {
  41.     text-decoration: none;
  42. }
  43.  
  44. body, div, p, th, td, li, dd {
  45.     font-size: x-small;
  46.     voice-family: "\"}\"";
  47.     voice-family: inherit;
  48.     font-size: small;
  49. }
  50.  
  51. html>body, html>div, html>p, html>th, html>td, html>li, html>dd {
  52.     font-size: small;
  53. }
  54.  
  55. html {
  56.     color: #920909;
  57.     background: #000000;
  58.     /* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-ie browsers */
  59.     height: 100%;
  60.     margin-bottom: 1px;
  61.     word-wrap: break-word;
  62. }
  63.  
  64. body {
  65.     /* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
  66.     font-family: "monospace", Verdana, Helvetica, Arial, sans-serif;
  67.     color: #000000;
  68.     background: #000000;
  69.     font-size: 62.5%;   /* This sets the default font size to be equivalent to 10px */
  70.     margin: 10px 15px;
  71. }
  72.  
  73. code, samp {
  74.     font-size: 1.2em;
  75. }
  76.  
  77. img {
  78.     border: 0;
  79. }
  80.  
  81. h1 {
  82.     font-family: "monospace", Helvetica, sans-serif;
  83.     font-size: 1.70em;
  84.     font-weight: normal;
  85.     color: #bb0c0c;
  86. }
  87.  
  88. h2, caption {
  89.     font-family: "monospace", Helvetica, sans-serif;
  90.     font-size: 1.40em;
  91.     font-weight: normal;
  92.     color: #880000;
  93.     text-align: left;
  94.     margin-top: 25px;
  95. }
  96.  
  97. .rtl h2, .rtl caption {
  98.     text-align: right;
  99. }
  100.  
  101. h3, h4 {
  102.     font-family: "monospace", Helvetica, sans-serif;
  103.     font-size: 1.20em;
  104.     text-decoration: none;
  105.     line-height: 1.20em;
  106.     margin-top: 25px;
  107. }
  108.  
  109. p {
  110.     margin-bottom: 0.7em;
  111.     line-height: 1.40em;
  112.     font-size: 0.90em;
  113. }
  114.  
  115. ul {
  116.     list-style: disc;
  117.     margin: 0 0 1em 2em;
  118. }
  119.  
  120. .rtl ul {
  121.     margin: 0 2em 1em 0;
  122. }
  123.  
  124. hr {
  125.     border: 0 none;
  126.     border-top: 1px dashed #999999;
  127.     margin-bottom: 5px;
  128.     padding-bottom: 5px;
  129.     height: 1px;
  130. }
  131.  
  132. .centered-text {
  133.     text-align: center;
  134. }
  135.  
  136. .search-box {
  137.     float: left;
  138. }
  139.  
  140. .rtl .search-box {
  141.     float: right;
  142. }
  143.  
  144. .small {
  145.     font-size: 0.85em;
  146. }
  147.  
  148. .hidden {
  149.     display: none;
  150. }
  151.  
  152. @media only screen and (max-width: 800px), only screen and (max-device-width: 800px)
  153. {
  154.     body {
  155.         margin: 5px 5px 0;
  156.     }
  157. }
  158.  
  159. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  160. {
  161.     html, body {
  162.         height: auto;
  163.         margin: 0;
  164.         padding: 0;
  165.     }
  166. }
  167.  
  168.  
  169. /* General links  */
  170. a:link, a:visited {
  171.     color: #5f0000;
  172.     text-decoration: none;
  173. }
  174.  
  175. a:hover {
  176.     color: #4ce400;
  177.     text-decoration: underline;
  178. }
  179.  
  180. a:active {
  181.     color: #b50000;
  182.     text-decoration: none;
  183. }
  184.  
  185. .install-body p a {
  186.     font-weight: bold;
  187. }
  188.  
  189. a#maincontent, a#acl, a#assigned_to {
  190.     display: block;
  191. }
  192.  
  193. /* List items */
  194. ul, ol {
  195.     list-style-position: inside;
  196.     margin-left: 1em;
  197. }
  198.  
  199. li {
  200.     display: list-item;
  201.     list-style-type: inherit;
  202. }
  203.  
  204.  
  205. /* Main blocks
  206. ---------------------------------------- */
  207. #wrap {
  208.     padding: 0 0 15px 0;
  209.     min-width: 615px;
  210. }
  211.  
  212. #page-header {
  213.     text-align: right;
  214.     background: url("../images/phpbb_logo.svg") top left no-repeat;
  215.     height: 54px;
  216.     font-size: 0.85em;
  217.     margin-bottom: 10px;
  218. }
  219.  
  220. .rtl #page-header {
  221.     text-align: left;
  222.     background: url("../images/phpbb_logo.svg") top right no-repeat;
  223. }
  224.  
  225. #page-header h1 {
  226.     color: #36bc05;
  227.     font-family: "monospace",Helvetica,sans-serif;
  228.     font-size: 1.70em;
  229.     padding-top: 10px;
  230. }
  231.  
  232. #page-header p {
  233.     font-size: 1.00em;
  234. }
  235.  
  236. #page-header p#skip {
  237.     display: none;
  238. }
  239.  
  240. #page-body {
  241.     min-width: 650px;
  242. }
  243.  
  244. .copyright {
  245.     font-size: 0.75em;
  246.     text-align: center;
  247. }
  248.  
  249. #content {
  250.     padding: 30px 10px 10px;
  251.     position: relative;
  252. }
  253.  
  254. #content h1 {
  255.     color: #000000;
  256.     line-height: 1.2em;
  257.     margin-bottom: 0;
  258. }
  259.  
  260. #main {
  261.     float: right;
  262.     width: 100%;
  263.     margin: 0 0 0 -210px;
  264. }
  265.  
  266. .rtl #main {
  267.     float: left;
  268.     margin: 0 -210px 0 0;
  269. }
  270.  
  271. .main {
  272.     margin-left: 210px;
  273. }
  274.  
  275. .rtl .main {
  276.     margin-left: 0;
  277.     margin-right: 210px;
  278. }
  279.  
  280. #page-body.simple-page-body {
  281.     padding: 0;
  282.     padding-right: 10px;
  283.     min-width: 0;
  284. }
  285.  
  286. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  287. {
  288.     #wrap, #page-body, #page-body.simple-page-body {
  289.         padding: 0;
  290.         min-width: 300px;
  291.     }
  292.  
  293.     #page-header {
  294.         margin: 5px;
  295.         padding-left: 160px;
  296.         height: auto;
  297.         min-height: 54px;
  298.         overflow: hidden;
  299.     }
  300.  
  301.     .rtl #page-header {
  302.         padding-right: 160px;
  303.         padding-left: 0;
  304.     }
  305.  
  306.     #page-header h1 {
  307.         font-size: 1.2em;
  308.         white-space: nowrap;
  309.         overflow: hidden;
  310.         text-overflow: ellipsis;
  311.     }
  312.  
  313.     #page-header fieldset {
  314.         margin-top: 5px;
  315.     }
  316.  
  317.     #main, .rtl #main, .main, .rtl .main {
  318.         float: none;
  319.         width: auto;
  320.         margin: 0;
  321.     }
  322.  
  323.     #content {
  324.         background: #DCEBFE url("../images/innerbox_bg.gif") repeat-x top;
  325.         padding: 5px;
  326.     }
  327.  
  328.     #page-footer {
  329.         padding: 0 5px 5px;
  330.     }
  331. }
  332.  
  333. @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
  334. {
  335.     #page-header {
  336.         background-size: 76px 26.5px;
  337.         padding-left: 80px;
  338.         min-height: 30px;
  339.     }
  340.  
  341.     .rtl #page-header {
  342.         padding-right: 80px;
  343.     }
  344.  
  345.     #page-header h1 {
  346.         padding-top: 0;
  347.         font-size: 1.1em;
  348.     }
  349. }
  350.  
  351.  
  352. /* Tabbed menu
  353. ----------------------------------------*/
  354. #tabs {
  355.     font-family: monospace, Helvetica, sans-serif;
  356.     line-height: normal;
  357.     margin: 0 7px;
  358.     position: relative;
  359.     z-index: 2;
  360. }
  361.  
  362. #tabs > ul {
  363.     list-style: none;
  364.     margin: 0;
  365.     padding: 0;
  366. }
  367.  
  368. #tabs .tab {
  369.     display: inline-block;
  370.     float: left;
  371.     font-size: 0.85em;
  372.     font-weight: bold;
  373.     line-height: 14px;
  374. }
  375.  
  376. .rtl #tabs .tab {
  377.     float: right;
  378. }
  379.  
  380. #tabs .tab > a {
  381.     background: #000000;
  382.     background: -moz-linear-gradient(top, #000000 0%, #000000 100%);
  383.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #000000), color-stop(100%, #000000));
  384.     background: -webkit-linear-gradient(top, #000000 0%, #000000 100%);
  385.     background: -o-linear-gradient(top, #000000 0%, #000000 100%);
  386.     background: -ms-linear-gradient(top, #000000 0%, #000000 100%);
  387.     background: linear-gradient(to bottom, #000000 0%, #000000 100%);
  388.     border: 1px solid rgb(2, 193, 203);
  389.     border-bottom-width: 0;
  390.     border-radius: 5px 5px 0 0;
  391.     color: #e32200;
  392.     display: block;
  393.     font-weight: bold;
  394.     margin: 5px 5px 2px 0;
  395.     padding: 6px 9px 4px;
  396.     position: relative;
  397.     text-decoration: none;
  398.     text-transform: uppercase;
  399.     white-space: nowrap;
  400.     cursor: pointer;
  401. }
  402.  
  403. #tabs .tab > a:hover {
  404.     background: #000000;
  405.     border-color: #6fde00;
  406.     color: #61f400;
  407. }
  408.  
  409. #tabs .activetab > a,
  410. #tabs .activetab > a:hover {
  411.     background: #DCEBFE;
  412.     background: -moz-linear-gradient(top, #DCEBFE 0%, #DCDEE2 100%);
  413.     background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #DCEBFE), color-stop(100%, #DCDEE2));
  414.     background: -webkit-linear-gradient(top, #DCEBFE 0%, #DCDEE2 100%);
  415.     background: -o-linear-gradient(top, #DCEBFE 0%, #DCDEE2 100%);
  416.     background: -ms-linear-gradient(top, #DCEBFE 0%, #DCDEE2 100%);
  417.     background: linear-gradient(to bottom, #DCEBFE 0%, #DCDEE2 100%);
  418.     border-color: rgb(0, 240, 208);
  419.     border-bottom: 2px solid #DCDEE2;
  420.     box-shadow: 0 1px 1px #DCEBFE inset;
  421.     color: #000000;
  422.     margin: 0 1px 0 0;
  423.     padding: 7px 10px 4px;
  424. }
  425.  
  426. #tabs .activetab > a:hover {
  427.     color: #000000;
  428. }
  429.  
  430. /* Responsive tabs
  431. ----------------------------------------*/
  432. .responsive-tab {
  433.     position: relative;
  434. }
  435.  
  436. .responsive-tab > a.responsive-tab-link {
  437.     display: block;
  438.     font-size: 16px;
  439.     position: relative;
  440.     width: 16px;
  441.     line-height: 14px;
  442.     text-decoration: none;
  443.     padding-left: 9px !important;
  444.     padding-right: 9px !important;
  445. }
  446.  
  447. .responsive-tab .responsive-tab-link:before {
  448.     content: '';
  449.     position: absolute;
  450.     left: 10px;
  451.     top: 7px;
  452.     height: .125em;
  453.     width: 14px;
  454.     border-bottom: 0.125em solid #767676;
  455.     border-top: 0.375em double #767676;
  456. }
  457.  
  458. .responsive-tab .responsive-tab-link:hover:before {
  459.     border-color: #BC2A4D;
  460. }
  461.  
  462. .responsive-tab.activetab .responsive-tab-link:before {
  463.     border-color: #23649F;
  464. }
  465.  
  466. .responsive-tab.activetab .responsive-tab-link:hover:before {
  467.     border-color: #115098;
  468. }
  469.  
  470. #tabs .dropdown, #minitabs .dropdown {
  471.     top: 20px;
  472.     margin-right: -2px;
  473.     font-weight: normal;
  474. }
  475.  
  476. #tabs .dropdown-right .dropdown {
  477.     margin-left: -2px;
  478. }
  479.  
  480. #tabs .dropdown-contents {
  481.     list-style: none;
  482.     margin: 0;
  483. }
  484.  
  485. #tabs .dropdown li {
  486.     border-bottom: 1px dotted #DCEBFE;
  487. }
  488.  
  489. #tabs .dropdown li:last-child {
  490.     border-bottom: none;
  491. }
  492.  
  493. #tabs .dropdown a {
  494.     display: block;
  495.     padding: 4px 8px;
  496.     text-align: right;
  497. }
  498.  
  499. /* Main Panel
  500. ---------------------------------------- */
  501. #acp {
  502.     position: relative;
  503.     top: -2px;
  504.     margin: 0 0 2px;
  505.     padding: 3px 1px;
  506.     min-width: 550px;
  507.     background: #DCEBFE url("../images/innerbox_bg.gif") repeat-x top;
  508.     border: 1px #000000 solid;
  509.     border-radius: 5px;
  510.     box-shadow: #DCEBFE 0 0 0 1px inset;
  511. }
  512.  
  513. #acp:first-child {
  514.     top: 0;
  515. }
  516.  
  517. .panel {
  518.     background: #DCEBFE url("../images/innerbox_bg.gif") repeat-x top;
  519.     padding: 5px 0;
  520.     border-radius: 5px;
  521.     overflow: hidden;
  522. }
  523.  
  524. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  525. {
  526.     #acp {
  527.         min-width: 0;
  528.         min-height: 0;
  529.         border-radius: 0;
  530.         border-width: 1px 0;
  531.         background: #DCEBFE;
  532.         padding: 1px 0;
  533.         box-shadow: none;
  534.     }
  535. }
  536.  
  537. /* Sub-navigation Menu
  538. ---------------------------------------- */
  539.  
  540. /* Menu */
  541. #menu {
  542.     float: left;
  543.     width: 200px;
  544.     font-size: 1.00em;
  545.     padding: 0;
  546.     border-right: 1px solid #000000;
  547.     position: relative;
  548. }
  549.  
  550. .rtl #menu {
  551.     float: right;
  552.     border: none;
  553.     border-left: 1px solid #000000;
  554. }
  555.  
  556. #menu p {
  557.     font-size: 0.85em;
  558. }
  559.  
  560. #menu ul {
  561.     list-style: none;
  562.     margin: 0;
  563.     padding: 0;
  564.     word-wrap: normal;
  565. }
  566.  
  567. /* Default list state */
  568. #menu li, #menu .header {
  569.     padding: 0;
  570.     margin: 0;
  571.     font-size: 0.85em;
  572.     font-weight: bold;
  573.     display: block;
  574. }
  575.  
  576. /* Link styles for the sub-section links */
  577. #menu li span {
  578.     display: block;
  579.     padding: 3px 3px 3px 8px;
  580.     margin: 1px 0;
  581.     text-decoration: none;
  582.     font-weight: underline;
  583.     color: #000000;
  584. }
  585.  
  586. .rtl #menu li span {
  587.     padding: 3px 8px 3px 3px;
  588. }
  589.  
  590. #menu li a:hover, #menu li a:hover span {
  591.     text-decoration: none;
  592.     background-color: #000000;
  593.     color: #db0839;
  594. }
  595.  
  596. #menu li a:active, #menu li a:active span {
  597.     color: #32f6e6;
  598. }
  599.  
  600. #menu li#activemenu a span {
  601.     text-decoration: none;
  602.     font-weight: bold;
  603.     color: #000000;
  604.     background: transparent url("../images/arrow_right.gif") 0% 50% no-repeat;
  605. }
  606.  
  607. .rtl #menu li#activemenu a span {
  608.     background: transparent url("../images/arrow_left.gif") 100% 50% no-repeat;
  609. }
  610.  
  611. #menu li#activemenu a:hover span, #menu li#activemenu span {
  612.     text-decoration: none;
  613.     font-weight: bold;
  614.     color: #BC2A4D;
  615.     background: #DCEBFE url("../images/arrow_right.gif") 1% 50% no-repeat;
  616. }
  617.  
  618. .rtl #menu li#activemenu a:hover span, .rtl #menu li#activemenu span {
  619.     background: #DCEBFE url("../images/arrow_left.gif") 99% 50% no-repeat;
  620. }
  621.  
  622. #menu li a:active, #menu li a:active span, #menu li#activemenu a:active span {
  623.     color: #32f6f0;
  624. }
  625.  
  626. #menu li span.completed {
  627.     text-decoration: none;
  628.     padding: 3px 3px 3px 12px;
  629.     background: url("../images/arrow_down.gif") 1% 50% no-repeat;
  630. }
  631.  
  632. .rtl #menu li span.completed {
  633.     text-decoration: none;
  634.     padding: 3px 12px 3px 3px;
  635.     background: url("../images/arrow_down.gif") 99% 50% no-repeat;
  636. }
  637.  
  638. #menu .header {
  639.     font-family: monospace, Helvetica, sans-serif;
  640.     display: block;
  641.     font-weight: bold;
  642.     color: #000000;
  643.     border-bottom: 1px solid #327AA5;
  644.     padding: 4px 0 2px;
  645.     margin-top: 15px;
  646.     text-transform: uppercase;
  647.     font-size: 0.75em;
  648.     text-decoration: none;
  649.     cursor: inherit;
  650.     outline-style: none;
  651. }
  652.  
  653. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  654. {
  655.     #menu, .rtl #menu {
  656.         float: none;
  657.         width: auto;
  658.         border-width: 0;
  659.         max-width: 200px;
  660.         margin: 0 auto 10px;
  661.     }
  662.  
  663.     #menu p {
  664.         text-align: center;
  665.     }
  666.  
  667.     #menu .menu-block.active {
  668.         margin: 0 -5px;
  669.         padding: 0 5px 3px;
  670.         background: rgba(255, 255, 255, .5);
  671.         border-radius: 5px;
  672.     }
  673.  
  674.     #menu .menu-block.no-header.active {
  675.         padding-top: 3px;
  676.     }
  677.  
  678.     #menu .menu-block .header {
  679.         margin-top: 5px;
  680.         cursor: pointer;
  681.         border-bottom-width: 0;
  682.         position: relative;
  683.         text-decoration: underline;
  684.     }
  685.  
  686.     #menu .menu-block .header:focus, #menu .menu-block.active .header {
  687.         color: #D31141;
  688.         text-decoration: none;
  689.     }
  690.  
  691.     #menu .menu-block ul {
  692.         display: none;
  693.     }
  694.  
  695.     .nojs #menu .menu-block:hover ul, #menu .menu-block.active ul, #menu .menu-block.no-header ul {
  696.         display: block;
  697.     }
  698.  
  699.     #menu .menu-block li:last-child {
  700.         border-bottom: 1px solid #000000;
  701.     }
  702.  
  703.     #menu .menu-block:last-child li:last-child, #menu .menu-block.active li:last-child {
  704.         border-bottom-width: 0;
  705.     }
  706.  
  707.     #menu .menu-block li a span {
  708.         border-radius: 2px;
  709.     }
  710. }
  711.  
  712.  
  713. /* Table styles
  714. ---------------------------------------- */
  715.  
  716. table {
  717.     width: 100%;
  718.     border: 1px solid #3600e7;
  719.     background-color: #DCEBFE;
  720.     padding: 1px;
  721. }
  722.  
  723. th {
  724.     padding: 3px 4px;
  725.     color: #9d0505;
  726.     background: #000000 url("../images/gradient2b.gif") bottom left repeat-x;
  727.     border-top: 1px solid #4720f6;
  728.     border-bottom: 1px solid #000000;
  729.     text-align: left;
  730.     font-size: 0.75em;
  731.     text-transform: uppercase;
  732. }
  733.  
  734. td {
  735.     text-align: left;
  736.     font-size: 0.85em;
  737.     padding: 4px;
  738.     line-height: 1.20em;
  739. }
  740.  
  741. .rtl th, .rtl td {
  742.     text-align: right;
  743. }
  744.  
  745. .table1 {
  746.     clear: both;
  747.     border-spacing: 1px;
  748.     border-collapse: separate;
  749. }
  750.  
  751. .table2 {
  752.     display: inline-block;
  753.     border-spacing: 1px;
  754.     border-collapse: separate;
  755. }
  756.  
  757. .lside {
  758.     display: flex;
  759.     align-items: stretch;
  760.     width: 100%;
  761. }
  762.  
  763. .tabled {
  764.     width: 1%;
  765. }
  766.  
  767. dt#color_palette_placeholder table {
  768.     margin-right: 5px;
  769.     width: 80px;
  770. }
  771.  
  772. #color_palette_placeholder td {
  773.     padding: 0;
  774. }
  775.  
  776. table.type2 {
  777.     border: none;
  778.     background: none;
  779.     padding: 0;
  780. }
  781.  
  782. table.type2 th {
  783.     background: none;
  784.     border-top: none;
  785.     text-align: center;
  786.     color: #000000;
  787.     padding: 2px 0;
  788. }
  789.  
  790. table.type2 td {
  791.     padding: 0;
  792.     font-size: 1em;
  793. }
  794.  
  795. table.type2 td.name {
  796.     padding: 2px;
  797.     vertical-align: middle;
  798. }
  799.  
  800. table.type3  {
  801.     float: right;
  802.     width: 300px;
  803.     border: none;
  804.     background-color: transparent;
  805.     padding: 0;
  806. }
  807.  
  808. .rtl table.type3 {
  809.     float: left;
  810. }
  811.  
  812. table.type3 thead th {
  813.     background-color: transparent;
  814.     border-top: none;
  815.     text-align: center;
  816.     color: #000000;
  817.     padding: 0 3px;
  818.     font-size: 0.85em;
  819.     font-weight: normal;
  820.     text-transform: none;
  821. }
  822.  
  823. table.type3 tbody th {
  824.     border-top: none;
  825.     text-align: left;
  826.     text-transform: none;
  827.     padding: 0;
  828.     border: none;
  829.     font-size: 0.90em;
  830.     font-weight: normal;
  831.     width: 100%;
  832. }
  833.  
  834. .rtl table.type3 tbody th {
  835.     text-align: right;
  836. }
  837.  
  838. table.type3 td {
  839.     text-align: center;
  840.     padding: 1px;
  841. }
  842.  
  843. th.name {
  844.     text-align: left;
  845.     width: auto;
  846. }
  847.  
  848. .rtl th.name {
  849.     text-align: right;
  850. }
  851.  
  852. td.name {
  853.     text-align: left;
  854.     font-weight: bold;
  855. }
  856.  
  857. .rtl td.name {
  858.     text-align: right;
  859. }
  860.  
  861. .entry {
  862.     text-align: left;
  863.     font-weight: normal;
  864. }
  865.  
  866. .rtl .entry {
  867.     text-align: right;
  868. }
  869.  
  870. .row1 {
  871.     background-color: #DCEBFE;
  872. }
  873.  
  874. table.zebra-table tbody tr:nth-child(odd) {
  875.     background-color: #f1f1f1;
  876. }
  877.  
  878. .row2 {
  879.     word-break: break-all;
  880.     background-color: #DCEBFE;
  881. }
  882.  
  883. table.zebra-table tbody tr:nth-child(even) {
  884.     background-color: #DCEBFE;
  885. }
  886.  
  887. .row3 { background-color: #DBDFE2; }
  888. .row4 { background-color: #E4E8EB; }
  889. .col1 { background-color: #DCEBFE; }
  890. .col2 { background-color: #DCEBFE; }
  891.  
  892. /* 4 row background colours for trees */
  893. .row1a { background-color: #DCEBFE; }
  894. .row1b { background-color: #F6F6F6; }
  895. .row2a { background-color: #E7EEF4; }
  896. .row2b { background-color: #E3EBF2; }
  897.  
  898. tr.row-highlight:hover td { background-color: #DBDFE2; }
  899.  
  900. .spacer {
  901.     background-color: #DBDFE2;
  902.     height: 1px;
  903.     line-height: 1px;
  904. }
  905.  
  906. /* Deactivated row */
  907. .row-inactive {
  908.     color: #999;
  909. }
  910. .row-inactive a, .row-inactive strong {
  911.     color: #888;
  912. }
  913. .row-inactive a:hover {
  914.     color: #BC2A4D;
  915. }
  916.  
  917. /* Specific tables */
  918. table.forums td.folder {
  919.     width: 27px;
  920.     text-align: center;
  921. }
  922.  
  923. table td.actions {
  924.     vertical-align: middle;
  925.     width: 100px;
  926.     text-align: center;
  927.     white-space: nowrap;
  928. }
  929.  
  930. table tr:first-child td.actions .up, table tr:last-child td.actions .down {
  931.     display: none;
  932. }
  933.  
  934. table tr:first-child td.actions .up-disabled, table tr:last-child td.actions .down-disabled {
  935.     display: inline !important;
  936. }
  937.  
  938. table.styles td.users, table td.mark {
  939.     text-align: center;
  940. }
  941.  
  942. table.fixed-width-table {
  943.     table-layout: fixed;
  944.     word-break: break-word;
  945. }
  946.  
  947. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  948. {
  949.     table.responsive, table.responsive tbody, table.responsive tr, table.responsive td {
  950.         display: block;
  951.     }
  952.  
  953.     table.responsive thead, table.responsive th, table.responsive colgroup {
  954.         display: none;
  955.     }
  956.  
  957.     table.responsive.show-header thead, table.responsive.show-header th:first-child, table.responsive caption {
  958.         display: block;
  959.         width: auto !important;
  960.         text-align: left !important;
  961.         margin: 0;
  962.     }
  963.  
  964.     table.responsive {
  965.         background: transparent none;
  966.         border-width: 0;
  967.         padding: 0;
  968.     }
  969.  
  970.     table.responsive caption {
  971.         padding: 3px 4px;
  972.         color: #DCEBFE;
  973.         background: #000000 url("../images/gradient2b.gif") bottom left repeat-x;
  974.         border-top: 1px solid #000000;
  975.         border-bottom: 1px solid #000000;
  976.         text-align: left;
  977.         font-size: 0.75em;
  978.         font-weight: bold;
  979.         text-transform: uppercase;
  980.     }
  981.  
  982.     table.responsive.show-header th:first-child span.rank-img, table.responsive.no-caption caption, table.responsive.no-header thead {
  983.         display: none;
  984.     }
  985.  
  986.     table.responsive tr {
  987.         margin: 2px 0;
  988.         border: 1px solid #CCCFD3;
  989.         background-color: #DCEBFE;
  990.         padding: 1px 1px 0;
  991.         overflow: hidden;
  992.     }
  993.  
  994.     table.responsive tr.row1 td { background-color: #DCEBFE; }
  995.     table.responsive tr.row2 td { background-color: #DCEBFE; }
  996.     table.responsive tr.row3 td { background-color: #DBDFE2; }
  997.     table.responsive tr.row4 td { background-color: #E4E8EB; }
  998.     table.responsive tr.col1 td { background-color: #DCEBFE; }
  999.     table.responsive tr.col2 td { background-color: #DCEBFE; }
  1000.     table.responsive tr.row1a td { background-color: #DCEBFE; }
  1001.     table.responsive tr.row1b td { background-color: #F6F6F6; }
  1002.     table.responsive tr.row2a td { background-color: #E7EEF4; }
  1003.     table.responsive tr.row2b td { background-color: #E3EBF2; }
  1004.  
  1005.     table.responsive td {
  1006.         width: auto !important;
  1007.         text-align: left !important;
  1008.         padding: 4px;
  1009.         margin-bottom: 1px;
  1010.     }
  1011.  
  1012.     .rtl table.responsive td {
  1013.         text-align: right !important;
  1014.     }
  1015.  
  1016.     table.responsive td.empty {
  1017.         display: none !important;
  1018.     }
  1019.  
  1020.     table.responsive td > dfn {
  1021.         display: inline-block !important;
  1022.     }
  1023.  
  1024.     table.responsive td > dfn:after {
  1025.         content: ':';
  1026.         padding-right: 5px;
  1027.     }
  1028.  
  1029.     table.responsive.two-columns td {
  1030.         width: 50% !important;
  1031.         float: left;
  1032.         -moz-box-sizing: border-box;
  1033.         box-sizing: border-box;
  1034.     }
  1035.  
  1036.     .rtl table.responsive.two-columns td {
  1037.         float: right;
  1038.     }
  1039.  
  1040.     table.responsive.two-columns td:nth-child(2n+1) {
  1041.         clear: left;
  1042.     }
  1043.  
  1044.     table.responsive span.rank-img {
  1045.         float: none;
  1046.         padding-right: 5px;
  1047.     }
  1048.  
  1049.     table.responsive#memberlist td:first-child input[type="checkbox"] {
  1050.         float: right;
  1051.     }
  1052.  
  1053.     /* Specific tables */
  1054.     table.responsive.forums td.folder {
  1055.         float: left;
  1056.         width: 27px;
  1057.         background: transparent;
  1058.     }
  1059.     .rtl table.responsive.forums td.folder {
  1060.         float: right;
  1061.     }
  1062.  
  1063.     table.responsive.forums td.forum-desc {
  1064.         margin-left: 35px;
  1065.         min-height: 27px;
  1066.         background: transparent;
  1067.     }
  1068.  
  1069.     .rtl table.responsive.forums td.forum-desc {
  1070.         margin-left: 0;
  1071.         margin-right: 35px;
  1072.     }
  1073.  
  1074.     table.responsive td.actions {
  1075.         clear: both;
  1076.         text-align: right !important;
  1077.     }
  1078.  
  1079.     .rtl table.responsive td.actions {
  1080.         text-align: left !important;
  1081.     }
  1082.  
  1083.     table.responsive.styles tr.responsive-style-row td:first-child {
  1084.         padding-left: 4px !important;
  1085.         padding-right: 4px !important;
  1086.     }
  1087.  
  1088.     table.responsive.styles td:first-child > dfn, table.responsive td.actions > dfn {
  1089.         display: none !important;
  1090.     }
  1091.  
  1092.     .horizontal-palette td:nth-child(2n), .vertical-palette tr:nth-child(2n) {
  1093.         display: none;
  1094.     }
  1095.  
  1096.     .colour-palette a {
  1097.         display: inline-block !important;
  1098.     }
  1099. }
  1100.  
  1101. /* General form styles
  1102. ----------------------------------------*/
  1103. fieldset {
  1104.     margin: 15px 0;
  1105.     padding: 10px;
  1106.     border-top: 1px solid #D7D7D7;
  1107.     border-right: 1px solid #CCCCCC;
  1108.     border-bottom: 1px solid #CCCCCC;
  1109.     border-left: 1px solid #D7D7D7;
  1110.     background-color: #DCEBFE;
  1111.     position: relative;
  1112.     border-radius: 3px;
  1113. }
  1114.  
  1115. fieldset h2 {
  1116.     margin-top: 0;
  1117. }
  1118.  
  1119. .rtl fieldset {
  1120.     border-top: 1px solid #D7D7D7;
  1121.     border-right: 1px solid #D7D7D7;
  1122.     border-bottom: 1px solid #CCCCCC;
  1123.     border-left: 1px solid #CCCCCC;
  1124. }
  1125.  
  1126. fieldset p {
  1127.     font-size: 0.85em;
  1128. }
  1129.  
  1130. legend {
  1131.     padding: 1px 0;
  1132.     font-family: monospace,arial,Verdana,Sans-serif;
  1133.     font-size: .9em;
  1134.     font-weight: bold;
  1135.     color: #000000;
  1136.     margin-top: -.4em;
  1137.     position: relative;
  1138.     text-transform: none;
  1139.     line-height: 1.2em;
  1140.     top: -.2em;
  1141.     vertical-align: middle;
  1142. }
  1143.  
  1144. input, textarea {
  1145.     font-family: monospace, Helvetica, Arial, sans-serif;
  1146.     font-size: 0.90em;
  1147.     font-weight: normal;
  1148.     vertical-align: middle;
  1149.     padding: 2px;
  1150.     color: #111111;
  1151.     border-left: 1px solid #AFAEAA;
  1152.     border-top: 1px solid #AFAEAA;
  1153.     border-right: 1px solid #D5D5C8;
  1154.     border-bottom: 1px solid #D5D5C8;
  1155.     background-color: #E3DFD8;
  1156. }
  1157.  
  1158. .rtl input, .rtl textarea {
  1159.     border-left: 1px solid #D5D5C8;
  1160.     border-top: 1px solid #AFAEAA;
  1161.     border-right: 1px solid #AFAEAA;
  1162.     border-bottom: 1px solid #D5D5C8;
  1163. }
  1164.  
  1165. input:hover, textarea:hover {
  1166.     border-left: 1px solid #AFAEAA;
  1167.     border-top: 1px solid #AFAEAA;
  1168.     border-right: 1px solid #AFAEAA;
  1169.     border-bottom: 1px solid #AFAEAA;
  1170.     background-color: #E9E9E2;
  1171. }
  1172.  
  1173. input.langvalue, textarea.langvalue {
  1174.     width: 90%;
  1175. }
  1176.  
  1177. input[type="number"] {
  1178.     width: 60px;
  1179.     -moz-padding-end: 0;
  1180. }
  1181.  
  1182. optgroup, select {
  1183.     background-color: #FAFAFA;
  1184.     border: 1px solid #666666;
  1185.     font-family: monospace, Helvetica, Arial, sans-serif;
  1186.     font-size: 0.85em;
  1187.     font-weight: normal;
  1188.     font-style: normal;
  1189.     cursor: pointer;
  1190.     padding: 1px;
  1191.     vertical-align: middle;
  1192.     width: auto;
  1193.     color: #000;
  1194. }
  1195.  
  1196. select:focus {
  1197.     outline-style: none;
  1198. }
  1199.  
  1200. optgroup {
  1201.     font-size: 1.00em;
  1202.     font-weight: bold;
  1203. }
  1204.  
  1205. optgroup.disabled-options {
  1206.     display: none;
  1207.     background-color: gray;
  1208. }
  1209.  
  1210. option {
  1211.     padding: 0 1em 0 0;
  1212.     color: #000;
  1213. }
  1214.  
  1215. option.disabled-option {
  1216.     color: graytext;
  1217. }
  1218.  
  1219. .rtl option {
  1220.     padding: 0 0 0 1em;
  1221. }
  1222.  
  1223. .sep {
  1224.     font-weight: bold;
  1225. }
  1226.  
  1227. .username-coloured {
  1228.     font-weight: bold;
  1229. }
  1230.  
  1231. textarea {
  1232.     font-family: monospace, Helvetica, Arial, sans-serif;
  1233.     font-size: 0.85em;
  1234.     width: 60%;
  1235.     padding: 2px;
  1236. }
  1237.  
  1238. label {
  1239.     cursor: pointer;
  1240.     font-size: 0.85em;
  1241.     padding: 0 5px 0 0;
  1242. }
  1243.  
  1244. .rtl label {
  1245.     padding: 0 0 0 5px;
  1246. }
  1247.  
  1248. label input {
  1249.     font-size: 1.00em;
  1250.     vertical-align: middle;
  1251. }
  1252.  
  1253. label img {
  1254.     vertical-align: middle;
  1255. }
  1256.  
  1257. fieldset.quick, p.quick {
  1258.     margin: 0 0 5px;
  1259.     padding: 5px 0 0;
  1260.     border: none;
  1261.     background-color: transparent;
  1262.     text-align: right;
  1263. }
  1264.  
  1265. .rtl fieldset.quick, .rtl p.quick {
  1266.     text-align: left;
  1267. }
  1268.  
  1269. fieldset.quick legend {
  1270.     display: none;
  1271. }
  1272.  
  1273. fieldset.tabulated {
  1274.     background: none;
  1275.     margin: 0;
  1276.     margin-top: 5px;
  1277.     padding: 0;
  1278.     border: 0;
  1279. }
  1280.  
  1281. fieldset.tabulated legend {
  1282.     display: none;
  1283. }
  1284.  
  1285. fieldset.nobg {
  1286.     margin: 15px 0 0 0;
  1287.     padding: 0;
  1288.     border: none;
  1289.     background-color: transparent;
  1290. }
  1291.  
  1292. fieldset.display-options {
  1293.     margin: 15px 0 2px 0;
  1294.     padding: 0 0 4px 0;
  1295.     border: none;
  1296.     background-color: transparent;
  1297.     text-align: center;
  1298.     font-size: 0.85em;
  1299. }
  1300.  
  1301. fieldset.display-options select, fieldset.display-options input, fieldset.display-options label {
  1302.     font-size: 1.00em;
  1303.     vertical-align: middle;
  1304. }
  1305.  
  1306. select option.disabled {
  1307.     background-color: #bbb;
  1308.     color: #DCEBFE;
  1309. }
  1310.  
  1311. /* Special case inputs */
  1312. select#board_timezone,
  1313. select#full_folder_action {
  1314.     width: 95%;
  1315. }
  1316.  
  1317. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  1318. {
  1319.     fieldset {
  1320.         padding: 5px;
  1321.     }
  1322.  
  1323.     fieldset.quick, p.quick {
  1324.         float: none !important;
  1325.         text-align: center;
  1326.     }
  1327.  
  1328.     fieldset.display-options {
  1329.         clear: both;
  1330.     }
  1331. }
  1332.  
  1333. /* Definition list layout for forms
  1334.     Other general def. list properties defined in prosilver_main.css
  1335. ---------------------------------------- */
  1336. dl {
  1337.     font-family: monospace, Helvetica, Arial, sans-serif;
  1338.     font-size: 1.00em;
  1339. }
  1340.  
  1341. dt {
  1342.     float: left;
  1343.     width: auto;
  1344. }
  1345.  
  1346. .rtl dt {
  1347.     float: right;
  1348. }
  1349.  
  1350. dd { color: #666666;}
  1351. dd + dd { padding-top: 5px;}
  1352. dt span { padding: 0 5px 0 0;}
  1353. .rtl dt span { padding: 0 0 0 5px;}
  1354.  
  1355. dt .explain { font-style: italic;}
  1356.  
  1357. dt label {
  1358.     font-size: 1.00em;
  1359.     text-align: left;
  1360.     font-weight: bold;
  1361.     color: #4A5A73;
  1362. }
  1363.  
  1364. .rtl dt label {
  1365.     text-align: right;
  1366. }
  1367.  
  1368. dd label {
  1369.     font-size: 1.00em;
  1370.     white-space: nowrap;
  1371.     margin: 0 10px 0 0;
  1372.     color: #4A5A73;
  1373. }
  1374.  
  1375. .rtl dd label {
  1376.     margin: 0 0 0 10px;
  1377. }
  1378.  
  1379. html>body dd label input { vertical-align: text-bottom;}    /* Tweak for Moz to align checkboxes/radio buttons nicely */
  1380.  
  1381. dd input {
  1382.     font-size: 1.00em;
  1383.     max-width: 100%;
  1384.     margin: 2px 0;
  1385. }
  1386.  
  1387. dd select {
  1388.     font-size: 100%;
  1389.     font-size: 1em;
  1390.     width: auto;
  1391.     max-width: 100%;
  1392.     margin: 2px 0;
  1393. }
  1394.  
  1395. dd textarea {
  1396.     font-size: 0.90em;
  1397.     width: 90%;
  1398. }
  1399.  
  1400. fieldset dl {
  1401.     margin-bottom: 10px;
  1402.     font-size: 0.85em;
  1403. }
  1404.  
  1405. fieldset dt {
  1406.     width: 45%;
  1407.     text-align: left;
  1408.     border: none;
  1409.     border-right: 1px solid #CCCCCC;
  1410.     padding-top: 3px;
  1411. }
  1412.  
  1413. .rtl fieldset dt {
  1414.     text-align: right;
  1415.     border: none;
  1416.     border-left: 1px solid #CCCCCC;
  1417. }
  1418.  
  1419. fieldset #color_palette_placeholder {
  1420.     padding-top: 0;
  1421. }
  1422.  
  1423. fieldset dd {
  1424.     margin: 0 0 0 45%;
  1425.     padding: 0 0 0 5px;
  1426.     border: none;
  1427.     border-left: 1px solid #CCCCCC;
  1428.     vertical-align: top;
  1429.     font-size: 1.00em;
  1430. }
  1431.  
  1432. .rtl fieldset dd {
  1433.     margin: 0 45% 0 0;
  1434.     padding: 0 5px 0 0;
  1435.     border: none;
  1436.     border-right: 1px solid #CCCCCC;
  1437. }
  1438.  
  1439. dd.full, .rtl dd.full {
  1440.     margin: 0;
  1441.     border: 0;
  1442.     padding: 0;
  1443.     padding-top: 3px;
  1444.     text-align: center;
  1445.     width: 95%;
  1446. }
  1447.  
  1448. /* Hover highlights for form rows */
  1449. fieldset dl:hover dt, fieldset dl:hover dd {
  1450.     border-color: #666666;
  1451. }
  1452.  
  1453. fieldset dl:hover dt label {
  1454.     color: #000000;
  1455. }
  1456.  
  1457. fieldset dl dd label:hover {
  1458.     color: #BC2A4D;
  1459. }
  1460.  
  1461. input:focus, textarea:focus {
  1462.     border: 1px solid #BC2A4D;
  1463.     background-color: #E9E9E2;
  1464.     color: #BC2A4D;
  1465.     outline-style: none;
  1466. }
  1467.  
  1468. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  1469. {
  1470.     fieldset dl {
  1471.         margin-bottom: 5px;
  1472.         padding-bottom: 5px;
  1473.         border-bottom: 1px solid #e8e8e8;
  1474.     }
  1475.  
  1476.     fieldset > dl:last-child, fieldset > form:last-child > dl:last-child {
  1477.         border-bottom-width: 0;
  1478.         margin-bottom: 0;
  1479.     }
  1480.  
  1481.     fieldset dt, .rtl fieldset dt, fieldset dd, .rtl fieldset dd {
  1482.         border-width: 0;
  1483.         margin-left: 0;
  1484.         margin-right: 0;
  1485.         float: none;
  1486.         width: auto;
  1487.     }
  1488.  
  1489.     fieldset .responsive-columns dt {
  1490.         float: left;
  1491.     }
  1492.  
  1493.     .ltr fieldset dd {
  1494.         padding-left: 20px;
  1495.     }
  1496.  
  1497.     .rtl fieldset dd {
  1498.         padding-right: 20px;
  1499.     }
  1500.  
  1501.     select, dd select, dd input {
  1502.         max-width: 300px;
  1503.     }
  1504.  
  1505.     input[type="number"], dd input[type="number"] {
  1506.         max-width: 70px;
  1507.     }
  1508. }
  1509.  
  1510. @media only screen and (max-width: 400px), only screen and (max-device-width: 400px)
  1511. {
  1512.     select, dd select, dd input {
  1513.         max-width: 240px;
  1514.     }
  1515. }
  1516.  
  1517. /* Submit button fieldset or paragraph
  1518. ---------------------------------------- */
  1519. fieldset.submit-buttons {
  1520.     text-align: center;
  1521.     border: none;
  1522.     background-color: transparent;
  1523.     margin: 0;
  1524.     padding: 4px;
  1525.     margin-top: -1px;
  1526. }
  1527.  
  1528. p.submit-buttons {
  1529.     text-align: center;
  1530.     margin: 0;
  1531.     padding: 4px;
  1532.     margin-top: 10px;
  1533. }
  1534.  
  1535. fieldset.submit-buttons input, p.submit-buttons input {
  1536.     padding: 3px 2px;
  1537. }
  1538.  
  1539. fieldset.submit-buttons legend {
  1540.     display: none;
  1541. }
  1542.  
  1543. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  1544. {
  1545.     p.submit-buttons {
  1546.         margin-top: 0;
  1547.     }
  1548. }
  1549.  
  1550. /* Input field styles
  1551. ---------------------------------------- */
  1552.  
  1553. input.radio, input.checkbox, input.permissions-checkbox {
  1554.     width: auto !important;
  1555.     background-color: transparent;
  1556.     border: none;
  1557.     cursor: pointer;
  1558. }
  1559.  
  1560. input.full,
  1561. textarea.full {
  1562.     width: 99%;
  1563. }
  1564.  
  1565. input.medium { width: 50%;}
  1566. input.narrow { width: 25%;}
  1567. input.tiny { width: 10%;}
  1568. input.autowidth { width: auto !important;}
  1569. .box2 .inputbox { background-color: #E9E9E9;}
  1570.  
  1571. /* Form button styles
  1572. ---------------------------------------- */
  1573. a.button1, input.button1,
  1574. a.button2, input.button2 {
  1575.     width: auto !important;
  1576.     padding: 1px 3px 0 3px;
  1577.     font-family: "monospace", Verdana, Helvetica, Arial, sans-serif;
  1578.     color: #000;
  1579.     font-size: 0.85em;
  1580.     background: #EFEFEF url("../images/bg_button.gif") repeat-x top;
  1581.     cursor: pointer;
  1582. }
  1583.  
  1584. a.button1, input.button1 {
  1585.     font-weight: bold;
  1586.     border: 1px solid #666666;
  1587. }
  1588.  
  1589. /* Alternative button */
  1590. a.button2, input.button2 {
  1591.     border: 1px solid #666666;
  1592. }
  1593.  
  1594. /* <a> button in the style of the form buttons */
  1595. a.button1, a.button1:link, a.button1:visited, a.button1:active,
  1596. a.button2, a.button2:link, a.button2:visited, a.button2:active {
  1597.     text-decoration: none;
  1598.     color: #000000;
  1599.     padding: 4px 8px;
  1600. }
  1601.  
  1602. /* Hover states */
  1603. a.button1:hover, input.button1:hover,
  1604. a.button2:hover, input.button2:hover {
  1605.     border: 1px solid #BC2A4D;
  1606.     background: #EFEFEF url("../images/bg_button.gif") repeat bottom;
  1607.     color: #BC2A4D;
  1608. }
  1609.  
  1610. input.disabled {
  1611.     font-weight: normal;
  1612.     color: #666666;
  1613. }
  1614.  
  1615. /* Focus states */
  1616. input.button1:focus, input.button2:focus {
  1617.     outline-style: none;
  1618. }
  1619.  
  1620. /* jQuery popups
  1621. ---------------------------------------- */
  1622. .phpbb_alert {
  1623.     background-color: #DCEBFE;
  1624.     border: 1px solid #999999;
  1625.     position: fixed;
  1626.     display: none;
  1627.     top: 150px;
  1628.     left: 0;
  1629.     right: 0;
  1630.     width: 620px;
  1631.     margin: 0 auto;
  1632.     z-index: 50;
  1633.     padding: 25px;
  1634.     padding: 0 25px 20px 25px;
  1635. }
  1636.  
  1637. .phpbb_alert .alert_close {
  1638.     display: block;
  1639.     float: right;
  1640.     width: 16px;
  1641.     height: 16px;
  1642.     overflow: hidden;
  1643.     text-decoration: none !important;
  1644.     background: transparent url("../images/alert_close.png") 0 0 no-repeat;
  1645.     margin-top: -7px;
  1646.     margin-right: -31px;
  1647. }
  1648. .phpbb_alert .alert_close:hover {
  1649.     background-position: 0 -16px;
  1650. }
  1651.  
  1652.  
  1653. .phpbb_alert p {
  1654.     margin: 8px 0;
  1655.     padding-bottom: 8px;
  1656. }
  1657.  
  1658. .phpbb_alert label {
  1659.     display: block;
  1660.     margin: 8px 0;
  1661.     padding-bottom: 8px;
  1662. }
  1663.  
  1664. .phpbb_alert div.alert_text > p,
  1665. .phpbb_alert div.alert_text > label,
  1666. .phpbb_alert div.alert_text > select,
  1667. .phpbb_alert div.alert_text > textarea,
  1668. .phpbb_alert div.alert_text > input {
  1669.     font-size: 0.9em;
  1670. }
  1671.  
  1672. #darkenwrapper {
  1673.     display: none;
  1674.     position: relative;
  1675.     z-index: 44;
  1676. }
  1677.  
  1678. #darken {
  1679.     position: fixed;
  1680.     left: 0;
  1681.     top: 0;
  1682.     width: 100%;
  1683.     height: 100%;
  1684.     background-color: #000000;
  1685.     opacity: 0.5;
  1686.     z-index: 45;
  1687. }
  1688.  
  1689. @media only screen and (max-height: 500px), only screen and (max-device-width: 500px)
  1690. {
  1691.     .phpbb_alert {
  1692.         top: 25px;
  1693.     }
  1694. }
  1695.  
  1696. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  1697. {
  1698.     .phpbb_alert {
  1699.         width: auto;
  1700.         margin: 0 25px;
  1701.     }
  1702. }
  1703.  
  1704. #loading_indicator {
  1705.     background: #000000 url("../images/loading.gif") center center no-repeat;
  1706.     border-radius: 5px;
  1707.     display: none;
  1708.     opacity: 0.8;
  1709.     margin-top: -50px;
  1710.     margin-left: -50px;
  1711.     height: 50px;
  1712.     width: 50px;
  1713.     position: fixed;
  1714.     left: 50%;
  1715.     top: 50%;
  1716.     z-index: 51;
  1717. }
  1718.  
  1719. /* Pagination
  1720. ---------------------------------------- */
  1721. .pagination {
  1722.     font-size: .85em;
  1723.     height: 1%; /* IE tweak (holly hack) */
  1724.     width: auto;
  1725.     text-align: right;
  1726.     margin: 5px 0;
  1727. }
  1728.  
  1729. .top-pagination {
  1730.     float: right;
  1731.     margin: 15px 0 5px 0;
  1732. }
  1733.  
  1734. .rtl .pagination {
  1735.     text-align: left;
  1736.     float: left;
  1737. }
  1738.  
  1739. li.pagination {
  1740.     margin-top: 0;
  1741. }
  1742.  
  1743. .pagination img {
  1744.     vertical-align: middle;
  1745. }
  1746.  
  1747. .pagination ul {
  1748.     display: inline-block;
  1749.     *display: inline; /* IE7 inline-block hack */
  1750.     *zoom: 1;
  1751.     margin-left: 0;
  1752.     margin-bottom: 0;
  1753. }
  1754.  
  1755. li.pagination ul {
  1756.     margin-top: -2px;
  1757.     vertical-align: middle;
  1758. }
  1759.  
  1760. .pagination ul li, dl .pagination ul li, dl.icon .pagination ul li {
  1761.     display: inline;
  1762.     padding: 0;
  1763.     font-size: 100%;
  1764.     line-height: normal;
  1765. }
  1766.  
  1767. .pagination li a, .pagnation li span, li .pagination li a, li .pagnation li span, .pagination li.active span, .pagination li.ellipsis span {
  1768.     font-weight: normal;
  1769.     text-decoration: none;
  1770.     padding: 0 2px;
  1771.     border: 1px solid transparent;
  1772.     font-size: 0.9em;
  1773.     line-height: 1.5em;
  1774. }
  1775.  
  1776. .pagination li a, .pagination li a:link, .pagination li a:visited {
  1777.     color: #5C758C;
  1778.     background-color: #ECEDEE;
  1779.     border-color: #B4BAC0;
  1780. }
  1781.  
  1782. .pagination li.ellipsis  span {
  1783.     background-color: transparent;
  1784.     color: #000000;
  1785. }
  1786.  
  1787. .pagination li.active span {
  1788.     color: #DCEBFE;
  1789.     background-color: #000000;
  1790.     border-color: #000000;
  1791. }
  1792.  
  1793. .pagination li a:hover, .pagination .active a:hover {
  1794.     color: #DCEBFE;
  1795.     background-color: #000000;
  1796.     border-color: #000000;
  1797. }
  1798.  
  1799. .pagination li a:active, .pagination li.active a:active {
  1800.     color: #5C758C;
  1801.     background-color: #ECEDEE;
  1802.     border-color: #B4BAC0;
  1803. }
  1804.  
  1805. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  1806. {
  1807.     .pagination, .rtl .pagination {
  1808.         float: none;
  1809.         text-align: center;
  1810.         margin: 5px 0;
  1811.     }
  1812.  
  1813.     .pagination li a, .pagination li span {
  1814.         display: inline-block;
  1815.         min-width: 10px;
  1816.     }
  1817. }
  1818.  
  1819. /* Action Highlighting
  1820. ---------------------------------------- */
  1821. .successbox, .errorbox, .warningbox {
  1822.     padding: 8px;
  1823.     margin: 10px 0;
  1824.     color: #DCEBFE;
  1825.     text-align: center;
  1826.     clear: both;
  1827. }
  1828.  
  1829. .success {
  1830.     color: #228822;
  1831. }
  1832.  
  1833. .error {
  1834.     color: #BC2A4D;
  1835. }
  1836.  
  1837. .successbox {
  1838.     background-color: #228822;
  1839. }
  1840.  
  1841. .errorbox {
  1842.     background-color: #BC2A4D;
  1843. }
  1844.  
  1845. .warningbox {
  1846.     background-color: #fca600;
  1847. }
  1848.  
  1849. .successbox h3, .errorbox h3 {
  1850.     color: #DCEBFE;
  1851.     margin: 0 0 0.5em;
  1852.     font-size: 1.10em;
  1853.     font-family: "monospace",Verdana,Helvetica,Arial,sans-serif;
  1854. }
  1855.  
  1856. .successbox p, .errorbox p {
  1857.     color: #DCEBFE;
  1858.     font-size: 0.85em;
  1859.     margin-bottom: 0;
  1860. }
  1861.  
  1862. .errorbox a:link, .errorbox a:active, .errorbox a:visited,
  1863. .successbox a:link, .successbox a:active, .successbox a:visited {
  1864.     color: #DBD7D1;
  1865.     text-decoration: underline;
  1866.     font-weight: bold;
  1867. }
  1868.  
  1869. .errorbox a:hover, .successbox a:hover {
  1870.     color: #DCEBFE;
  1871.     text-decoration: none;
  1872.     font-weight: bold;
  1873. }
  1874.  
  1875. #log-container {
  1876.     display: none;
  1877.     max-height: 300px;
  1878.     padding: 8px;
  1879.     margin: 10px 0;
  1880.     clear: both;
  1881.     overflow-y: auto;
  1882.     background-color: #DCEBFE;
  1883. }
  1884.  
  1885. #log-container.show_log_container {
  1886.     display: block;
  1887.     border: 1px solid #DBD7D1;
  1888. }
  1889.  
  1890. .log {
  1891.     font-size: 0.8em;
  1892. }
  1893.  
  1894. .notice {
  1895.     background-color: #000000;
  1896. }
  1897.  
  1898. .download-box {
  1899.     margin: 10px 0 10px 0;
  1900. }
  1901.  
  1902. /* Special cases for the error page */
  1903. #errorpage #page-header a {
  1904.     font-weight: bold;
  1905.     line-height: 6em;
  1906. }
  1907.  
  1908. #errorpage #content {
  1909.     padding-top: 10px;
  1910. }
  1911.  
  1912. #errorpage #content h1 {
  1913.     color: #DF075C;
  1914. }
  1915.  
  1916. #errorpage #content h2 {
  1917.     margin-top: 20px;
  1918.     margin-bottom: 5px;
  1919.     border-bottom: 1px solid #CCCCCC;
  1920.     padding-bottom: 5px;
  1921.     color: #333333;
  1922. }
  1923.  
  1924. /* Tooltip for permission roles */
  1925. .tooltip {
  1926.     width: 200px;
  1927.     color: #000;
  1928.     text-align: center;
  1929.     border: 1px solid #AAA;
  1930. }
  1931.  
  1932. .tooltip span.top {
  1933.     background: #EFEFEF;
  1934.     font-weight: bold;
  1935.     padding: 2px;
  1936. }
  1937.  
  1938. .tooltip span.bottom {
  1939.     padding: 5px;
  1940.     color: #000000;
  1941.     background: #DCEBFE;
  1942. }
  1943.  
  1944. /*
  1945.  Format Buttons for signature editor
  1946. */
  1947. #format-buttons {
  1948.     margin: 15px 0 2px 0;
  1949. }
  1950.  
  1951. #format-buttons input, #format-buttons select {
  1952.     vertical-align: middle;
  1953. }
  1954.  
  1955. .row, fieldset dl {
  1956.     overflow: hidden;
  1957. }
  1958.  
  1959. /* Syntax Highlighting
  1960. ---------------------------------------- */
  1961. .sourcenum {
  1962.     color: gray;
  1963.     font-family: monospace, 'Courier New', monospace;
  1964.     font-size: 1.25em;
  1965.     font-weight: bold;
  1966.     line-height: 1.20em;
  1967.     text-align: right;
  1968.     padding: 0;
  1969. }
  1970.  
  1971. .rtl .sourcenum {
  1972.     text-align: left;
  1973. }
  1974.  
  1975. .source {
  1976.     font-family: monospace, 'Courier New', monospace;
  1977.     font-size: 1.25em;
  1978.     line-height: 1.20em;
  1979.     padding: 0;
  1980. }
  1981.  
  1982. .syntaxbg {
  1983.     color: #DCEBFE;
  1984. }
  1985.  
  1986. .syntaxcomment {
  1987.     color: #FF8000;
  1988. }
  1989.  
  1990. .syntaxdefault {
  1991.     color: #0000BB;
  1992. }
  1993.  
  1994. .syntaxhtml {
  1995.     color: #000000;
  1996. }
  1997.  
  1998. .syntaxkeyword {
  1999.     color: #007700;
  2000. }
  2001.  
  2002. .syntaxstring {
  2003.     color: #DD0000;
  2004. }
  2005.  
  2006. /* Permission interface
  2007. ---------------------------------------- */
  2008.  
  2009. .column1, .column2 {
  2010.     width: 48%;
  2011.     float: left;
  2012. }
  2013.  
  2014. .ltr .column2, .rtl .column1 {
  2015.     float: right;
  2016. }
  2017.  
  2018. fieldset.permissions legend {
  2019.     text-transform: none;
  2020. }
  2021.  
  2022. fieldset.permissions legend input{
  2023.     height: 1.1em;
  2024. }
  2025.  
  2026. /* Permission sections */
  2027. fieldset.permissions .permissions-simple {
  2028.     text-align: left;
  2029.     padding-top: 3px;
  2030. }
  2031.  
  2032. .rtl fieldset.permissions .permissions-simple {
  2033.     text-align: right;
  2034. }
  2035.  
  2036. fieldset.permissions .permissions-advanced {
  2037.     padding: 10px 0 0 5px;
  2038.     vertical-align: top;
  2039.     clear: right;
  2040. }
  2041.  
  2042. .rtl fieldset.permissions .permissions-advanced {
  2043.     padding: 10px 5px 0 0;
  2044.     clear: left;
  2045. }
  2046.  
  2047. fieldset.permissions .permissions-switch {
  2048.     float: right;
  2049. }
  2050.  
  2051. .rtl fieldset.permissions .permissions-switch {
  2052.     float: left;
  2053. }
  2054.  
  2055. fieldset.permissions .padding {
  2056. }
  2057.  
  2058. .permissions-switch {
  2059.     margin-top: -6px;
  2060.     font-size: .9em;
  2061. }
  2062.  
  2063. .permissions-switch a {
  2064.     text-decoration: underline;
  2065. }
  2066.  
  2067. .permissions-reset {
  2068.     padding-bottom: 10px;
  2069. }
  2070.  
  2071. .permissions-reset a {
  2072.     font-size: .85em;
  2073. }
  2074.  
  2075. /* Tabbed menu */
  2076. .permissions-category {
  2077.     line-height: normal;
  2078.     margin: 0 0 -1px 7px;
  2079.     min-width: 570px;
  2080.     font-size: 0.85em;
  2081. }
  2082.  
  2083. .rtl .permissions-category {
  2084.     margin: 0 7px -1px 0;
  2085. }
  2086.  
  2087. .permissions-category ul {
  2088.     display: flex;
  2089.     flex-wrap: wrap;
  2090.     margin: 0;
  2091.     padding: 0;
  2092.     list-style: none;
  2093. }
  2094.  
  2095. .permissions-category li {
  2096.     display: inline;
  2097.     margin: 0;
  2098.     padding: 0;
  2099.     font-size: 1em;
  2100.     font-weight: bold;
  2101. }
  2102.  
  2103. .permissions-category a {
  2104.     float: left;
  2105.     background: url("../images/bg_tabs_alt1.gif") no-repeat 0% -35px;
  2106.     margin: 0 1px 0 0;
  2107.     padding: 0 0 0 6px;
  2108.     text-decoration: none;
  2109.     position: relative;
  2110. }
  2111.  
  2112. .rtl .permissions-category a {
  2113.     float: right;
  2114. }
  2115.  
  2116. .permissions-category a span.tabbg {
  2117.     float: left;
  2118.     display: block;
  2119.     background: url("../images/bg_tabs_alt2.gif") no-repeat 100% -35px;
  2120.     padding: 7px 12px 6px 6px;
  2121.     color: #536482;
  2122.     white-space: nowrap;
  2123. }
  2124.  
  2125. .rtl .permissions-category a span.tabbg {
  2126.     float: right;
  2127. }
  2128.  
  2129. /* Commented Backslash Hack hides rule from IE5-Mac \*/
  2130. .permissions-category a span.tabbg, .rtl .permissions-category a span.tabbg { float: none;}
  2131. /* End hack */
  2132.  
  2133. .permissions-category a:hover span.tabbg {
  2134.     color: #DD6900;
  2135. }
  2136.  
  2137. .permissions-category .activetab a {
  2138.     background-position: 0 0;
  2139. }
  2140.  
  2141. .permissions-category .activetab a span.tabbg {
  2142.     background-position: 100% 0;
  2143.     color: #333333;
  2144. }
  2145.  
  2146. .permissions-category a:hover {
  2147.     background-position: 0 -70px;
  2148. }
  2149.  
  2150. .permissions-category a:hover span.tabbg {
  2151.     background-position: 100% -70px;
  2152. }
  2153.  
  2154. .permissions-category .activetab a:hover span.tabbg {
  2155.     color: #333333;
  2156.     background-position: 100% 0;
  2157. }
  2158.  
  2159. .permissions-category .activetab a:hover {
  2160.     background-position: 0 0;
  2161. }
  2162.  
  2163. .permissions-category a span.colour {
  2164.     border: 1px solid #536482;
  2165.     display: block;
  2166.     float: left;
  2167.     width: 10px;
  2168.     height: 10px;
  2169.     margin: 0 5px 0 0;
  2170. }
  2171.  
  2172. /* Most browsers will have to live with a left aligned icon in RTL mode, as (currently) only Firefox 3.0 Alpha 3 renders it correctly without destroying it
  2173. .rtl .permissions-category a span.colour {
  2174.     float: right;
  2175.     margin: 0 0 0 5px;
  2176. }
  2177. */
  2178.  
  2179. .permissions-category .activetab span.colour {
  2180.     border-color: #333333;
  2181. }
  2182.  
  2183. .permissions-category a:hover span.colour {
  2184.     border-color: #DD6900;
  2185. }
  2186.  
  2187. .permissions-category .activetab a:hover span.colour {
  2188.     border-color: #333333;
  2189. }
  2190.  
  2191. /* Permission preset colours */
  2192. .permissions-preset-yes span.colour,
  2193. .yes {
  2194.     background-color: #86F786;
  2195. }
  2196.  
  2197. .permissions-preset-custom span.colour {
  2198.     background-color: #B2BBDD;
  2199. }
  2200.  
  2201. .permissions-preset-never span.colour {
  2202.     background-color: #DD0000;
  2203. }
  2204.  
  2205. .permissions-preset-no span.colour,
  2206. .never {
  2207.     background-color: #EFB0B2;
  2208. }
  2209.  
  2210. /* Permission panel
  2211. ---------------------------------------- */
  2212. .permissions-panel {
  2213.     float: left;
  2214.     background-color: #CADCEB;
  2215.     width: 100%;
  2216.     border-radius: 5px;
  2217.     overflow: hidden;
  2218.     padding: 5px 0;
  2219. }
  2220.  
  2221. .rtl .permissions-panel {
  2222.     float: right;
  2223. }
  2224.  
  2225. /* Permission table
  2226. ---------------------------------------- */
  2227. .permissions-panel .tablewrap {
  2228.     margin: 0 10px;
  2229. }
  2230.  
  2231. .permissions-panel table {
  2232.     width: 100%;
  2233. }
  2234.  
  2235. .permissions-panel th {
  2236.     text-transform: none;
  2237. }
  2238.  
  2239. .permissions-panel th.value {
  2240.     text-align: center;
  2241. }
  2242.  
  2243. .permissions-panel th.name {
  2244.     text-align: left;
  2245.     width: auto;
  2246.     text-transform: none;
  2247. }
  2248.  
  2249. .rtl .permissions-panel th.name {
  2250.     text-align: right;
  2251. }
  2252.  
  2253. .permissions-panel th.permissions-name {
  2254.     border: none;
  2255.     color: #536482;
  2256.     font-weight: normal;
  2257. }
  2258.  
  2259. .permissions-panel th.permissions-name a.trace {
  2260.     display: inline;
  2261. }
  2262.  
  2263. .permissions-panel th.row3 {
  2264.     background-image: none;
  2265.     background-color: #D1D7DC;
  2266.     color: #536482;
  2267.     border: none;
  2268. }
  2269.  
  2270. .permissions-panel th.row4 {
  2271.     background-image: none;
  2272.     background-color: #E4E8EB;
  2273.     color: #536482;
  2274.     border: none;
  2275. }
  2276.  
  2277. .permissions-panel th a:link, .permissions-panel th a:hover, .permissions-panel th a:visited {
  2278.     display: block;
  2279.     color: #DCEBFE;
  2280.     text-decoration: underline;
  2281. }
  2282.  
  2283. .permissions-panel td.permissions-yes label:hover {
  2284.     background-color: #86F786;
  2285. }
  2286.  
  2287. .permissions-panel td.permissions-no label:hover {
  2288.     background-color: #EFB0B2;
  2289. }
  2290.  
  2291. .permissions-panel td.permissions-never label:hover {
  2292.     background-color: #DD0000;
  2293. }
  2294.  
  2295. .permissions-panel td {
  2296.     padding: 0;
  2297.     text-align: center;
  2298.     width: 10%;
  2299. }
  2300.  
  2301. .permissions-panel td label {
  2302.     display: block;
  2303.     margin: 0;
  2304.     padding: 0;
  2305. }
  2306.  
  2307. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  2308. {
  2309.     .column1, .column2 {
  2310.         float: none !important;
  2311.         width: auto;
  2312.     }
  2313.  
  2314.     .permissions-simple {
  2315.         clear: both;
  2316.     }
  2317.  
  2318.     .permissions-simple td, .permissions-simple dd {
  2319.         width: auto !important;
  2320.         margin-left: 0 !important;
  2321.         margin-right: 0 !important;
  2322.     }
  2323.  
  2324.     .permissions-simple dd {
  2325.         margin-top: 5px;
  2326.     }
  2327.  
  2328.     .permissions-panel .tablewrap {
  2329.         margin: 0 5px;
  2330.     }
  2331.  
  2332.     .permissions-category {
  2333.         min-width: 0;
  2334.         margin: 0 !important;
  2335.     }
  2336.  
  2337.     .permissions-category ul {
  2338.         display: block;
  2339.     }
  2340.  
  2341.     .permissions-category a, .permissions-category a span.tabbg {
  2342.         display: block;
  2343.         float: none !important;
  2344.         background: transparent none;
  2345.     }
  2346.  
  2347.     .permissions-category a {
  2348.         background: #d9e5ee;
  2349.         margin: 5px 0;
  2350.         padding: 0 !important;
  2351.         border-radius: 3px;
  2352.         text-decoration: underline;
  2353.     }
  2354.  
  2355.     .permissions-category .activetab a {
  2356.         background-color: #dd6900;
  2357.         color: #DCEBFE;
  2358.     }
  2359.  
  2360.     .permissions-category a span.tabbg {
  2361.         color: inherit !important;
  2362.         padding-top: 6px !important;
  2363.         padding-bottom: 6px !important;
  2364.     }
  2365.  
  2366.     .permissions-category .activetab span.colour {
  2367.         border-color: #DCEBFE;
  2368.     }
  2369. }
  2370.  
  2371. /* Avatars gallery
  2372. ---------------------------------------- */
  2373. #gallery {
  2374.     display: block;
  2375.     margin: 0 -5px;
  2376.     padding: 0;
  2377.     overflow: hidden;
  2378. }
  2379.  
  2380. #gallery li {
  2381.     display: block;
  2382.     float: left;
  2383.     border: 1px solid #ccc;
  2384.     border-radius: 2px;
  2385.     background: #DCEBFE;
  2386.     padding: 5px;
  2387.     margin: 5px;
  2388. }
  2389.  
  2390. #gallery li:hover {
  2391.     background-color: #eee;
  2392. }
  2393.  
  2394. #gallery li label {
  2395.     display: block;
  2396.     text-align: center;
  2397.     padding: 0;
  2398. }
  2399.  
  2400. /* Dropdown menu
  2401. ----------------------------------------*/
  2402. .dropdown {
  2403.     position: absolute;
  2404.     left: 0;
  2405.     top: 22px;
  2406.     z-index: 2;
  2407.     border: 1px solid transparent;
  2408.     border-radius: 5px;
  2409.     padding: 9px 0 0;
  2410. }
  2411.  
  2412. .dropdown-up .dropdown {
  2413.     top: auto;
  2414.     bottom: 18px;
  2415.     padding: 0 0 9px;
  2416. }
  2417.  
  2418. .dropdown-left .dropdown {
  2419.     left: auto;
  2420.     right: 0;
  2421. }
  2422.  
  2423. .dropdown .pointer, .dropdown .pointer-inner {
  2424.     position: absolute;
  2425.     width: 0;
  2426.     height: 0;
  2427.     border-top-width: 0;
  2428.     border-bottom: 10px solid transparent;
  2429.     border-left: 10px dashed transparent;
  2430.     border-right: 10px dashed transparent;
  2431.     -webkit-transform: rotate(360deg); /* better anti-aliasing in webkit */
  2432.     display: block;
  2433. }
  2434.  
  2435. .dropdown-up .pointer, .dropdown-up .pointer-inner {
  2436.     border-bottom-width: 0;
  2437.     border-top: 10px solid transparent;
  2438. }
  2439.  
  2440. .dropdown .pointer {
  2441.     right: auto;
  2442.     left: 10px;
  2443.     top: 0;
  2444.     z-index: 3;
  2445. }
  2446.  
  2447. .dropdown-up .pointer {
  2448.     bottom: 0;
  2449.     top: auto;
  2450. }
  2451.  
  2452. .dropdown-left .dropdown .pointer {
  2453.     left: auto;
  2454.     right: 10px;
  2455. }
  2456.  
  2457. .dropdown .pointer-inner {
  2458.     top: auto;
  2459.     bottom: -11px;
  2460.     left: -10px;
  2461. }
  2462.  
  2463. .dropdown-up .pointer-inner {
  2464.     bottom: auto;
  2465.     top: -11px;
  2466. }
  2467.  
  2468. .dropdown .pointer {
  2469.     border-color: #B9B9B9 transparent;
  2470. }
  2471.  
  2472. .dropdown .pointer-inner {
  2473.     border-color: #DCEBFE transparent;
  2474. }
  2475.  
  2476. .dropdown .dropdown-contents {
  2477.     z-index: 2;
  2478.     overflow: hidden;
  2479.     overflow-y: auto;
  2480.     background: #DCEBFE;
  2481.     border: 1px solid #b9b9b9;
  2482.     border-radius: 5px;
  2483.     padding: 5px;
  2484.     position: relative;
  2485.     min-width: 40px;
  2486.     max-height: 200px;
  2487.     box-shadow: 1px 3px 5px rgba(0, 0, 0, 0.2);
  2488.     -webkit-box-sizing: border-box;
  2489.     -moz-box-sizing: border-box;
  2490.     box-sizing: border-box;
  2491. }
  2492.  
  2493. .dropdown-up .dropdown-contents {
  2494.     box-shadow: 1px 0 5px rgba(0, 0, 0, 0.2);
  2495. }
  2496.  
  2497. .dropdown li {
  2498.     float: none;
  2499.     margin: 0;
  2500.     white-space: nowrap;
  2501.     text-align: left;
  2502. }
  2503.  
  2504. .rtl .dropdown li {
  2505.     text-align: right;
  2506. }
  2507. .wrap .dropdown li, .dropdown.wrap li {
  2508.     white-space: normal;
  2509. }
  2510.  
  2511. .dropdown li:before, .dropdown li:after {
  2512.     display: none !important;
  2513. }
  2514.  
  2515. .roles-options > .dropdown {
  2516.     left: auto;
  2517.     top: 3.2em;
  2518.     width: 250px;
  2519. }
  2520.  
  2521. .rtl .roles-options > .dropdown {
  2522.     right: auto;
  2523. }
  2524.  
  2525. .roles-options {
  2526.     -webkit-user-select: none;
  2527.     -moz-user-select: none;
  2528.     -ms-user-select: none;
  2529.     -o-user-select: none;
  2530.     user-select: none;
  2531.     width: 250px;
  2532. }
  2533.  
  2534. .roles-options > span {
  2535.     border: 1px solid #DEDEDE;
  2536.     border-radius: 3px;
  2537.     padding: 4px;
  2538.     width: 250px;
  2539.     display: none;
  2540.     background: url('../images/arrow_down.gif') no-repeat 245px .7em;
  2541. }
  2542.  
  2543. .rtl .roles-options > span {
  2544.     background: url('../images/arrow_down.gif') no-repeat 7px .7em;
  2545. }
  2546.  
  2547. .roles-options li {
  2548.     list-style: none;
  2549. }
  2550.  
  2551. .roles-highlight {
  2552.     background-color: #000000;
  2553.     color: #DCEBFE;
  2554. }
  2555.  
  2556.  
  2557. /* Classes for additional tasks
  2558. ---------------------------------------- */
  2559.  
  2560. .current-ext {
  2561.     color: #228822;
  2562. }
  2563.  
  2564. .outdated-ext {
  2565.     color: #BC2A4D;
  2566. }
  2567.  
  2568. .phpinfo {
  2569.     overflow: auto;
  2570.     width: 99%;
  2571.     direction: ltr;
  2572. }
  2573.  
  2574. .phpinfo td, .phpinfo th, .phpinfo h2, .phpinfo h1 {
  2575.     text-align: left;
  2576. }
  2577.  
  2578. .requirements_not_met {
  2579.     padding: 5px;
  2580.     background-color: #BC2A4D;
  2581. }
  2582.  
  2583. .requirements_not_met dt label, .requirements_not_met dd p {
  2584.     color: #DCEBFE;
  2585.     font-size: 1.4em;
  2586. }
  2587.  
  2588. @media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
  2589. {
  2590.     .responsive-hide { display: none !important; }
  2591.     .responsive-show { display: block !important; }
  2592.     .responsive-show-inline { display: inline !important; }
  2593.     .responsive-show-inline-block { display: inline-block !important; }
  2594. }
  2595.  
  2596. .clearfix {
  2597.     overflow: hidden;
  2598. }
  2599.  
  2600. .pagination:after,
  2601. #page-header:after,
  2602. #page-body:after,
  2603. #tabs:after,
  2604. #tabs > ul:after,
  2605. #tabs li:after,
  2606. #acp:after,
  2607. #content:after {
  2608.     content: '';
  2609.     clear: both;
  2610.     display: block;
  2611. }
  2612.  
  2613. #progress-bar {
  2614.     position: relative;
  2615.     width: 90%;
  2616.     text-align: center;
  2617.     height: 25px;
  2618.     margin: 20px auto;
  2619.     border: 1px solid #cecece;
  2620. }
  2621.  
  2622. #progress-bar #progress-bar-text {
  2623.     position: absolute;
  2624.     top: 0;
  2625.     width: 100%;
  2626.     color: #000;
  2627. }
  2628.  
  2629. #progress-bar #progress-bar-filler {
  2630.     display: block;
  2631.     position: relative;
  2632.     top: 0;
  2633.     left: 0;
  2634.     background-color: #000000;
  2635.     width: 0;
  2636.     height: 25px;
  2637.     overflow: hidden;
  2638.     color: #DCEBFE;
  2639. }
  2640.  
  2641. #progress-bar p {
  2642.     line-height: 25px;
  2643.     font-weight: bold;
  2644. }
  2645.  
  2646. .send-stats-row {
  2647.     margin: 15px 0;
  2648. }
  2649.  
  2650. .send-stats-row:before {
  2651.     display: table;
  2652.     content: " ";
  2653. }
  2654.  
  2655. .send-stats-tile {
  2656.     position: relative;
  2657.     padding: 14px;
  2658.     margin-bottom: 20px;
  2659.     background-color: #eff0f2;
  2660.     border-radius: 6px;
  2661.     box-shadow: rgba(0,0,0,0.3) 1px 1px 5px;
  2662. }
  2663.  
  2664. .send-stats-tile h2 {
  2665.     margin-top: 0;
  2666.     text-align: center;
  2667.     padding-bottom: 1em;
  2668. }
  2669.  
  2670. .send-stats-tile i {
  2671.     padding-right: 0.3em;
  2672. }
  2673.  
  2674. .icon {
  2675.     font-family: FontAwesome;
  2676.     font-style: normal;
  2677. }
  2678.  
  2679. .send-stats-data-row {
  2680.     background: #DCEBFE;
  2681.     border-radius: 6px;
  2682.     border: #DEDEDE 1px solid;
  2683.     padding: 10px;
  2684.     border-top-width: 0;
  2685.     border-top-right-radius: 0;
  2686.     border-top-left-radius: 0;
  2687. }
  2688.  
  2689. .send-stats-data-hidden .configlist {
  2690.     display: none;
  2691. }
  2692.  
  2693. .send-stats-data-only-row {
  2694.     border-radius: 6px !important;
  2695.     border-bottom-width: 1px !important;
  2696. }
  2697.  
  2698. .send-stats-data-hidden {
  2699.     padding: 0;
  2700.     border: none;
  2701. }
  2702.  
  2703. .send-stats-row > .send-stats-data-row:first-child {
  2704.     background-color: #dcf7d9;
  2705.     border-bottom-width: 0;
  2706.     border-top-right-radius: 6px;
  2707.     border-top-left-radius: 6px;
  2708.     border-top-width: 1px;
  2709.     border-bottom-left-radius: 0;
  2710.     border-bottom-right-radius: 0;
  2711. }
  2712.  
  2713. .send-stats-settings dt, .send-stats-settings dd {
  2714.     min-width: 25px;
  2715. }
  2716.  
  2717. .send-stats-settings dd {
  2718.     line-height: 1.5em;
  2719. }
  2720.  
  2721. .send-stats-settings input {
  2722.     display: none;
  2723. }
  2724.  
  2725. .send-stats-settings input[type=checkbox] + label:before {
  2726.     content: "\f096";
  2727.     font-family: FontAwesome;
  2728.     font-size: 1.5em;
  2729. }
  2730.  
  2731. .send-stats-settings input[type=checkbox]:checked + label:before {
  2732.     content: "\f14a";
  2733.     color: #3c763d;
  2734. }
  2735.  
  2736. .send-stats-data-row a:hover span {
  2737.     text-decoration: underline;
  2738. }
  2739.  
  2740. .send-stats-data-row a {
  2741.     text-decoration: none;
  2742.     cursor: default;
  2743. }
  2744.  
  2745. .send-stats-data-row i {
  2746.     padding-left: 6px;
  2747. }
  2748.  
  2749. .configlist {
  2750.     word-wrap: break-word;
  2751.     word-break: break-all;
  2752. }
  2753.  
  2754. /* stylelint-disable declaration-property-unit-whitelist */
  2755. .emoji {
  2756.     min-height: 18px;
  2757.     min-width: 18px;
  2758.     height: 1em;
  2759.     width: 1em;
  2760. }
  2761.  
  2762. .acp-icon {
  2763.     font-size: 1.5em;
  2764. }
  2765. /* stylelint-enable declaration-property-unit-whitelist */
  2766.  
  2767. .acp-icon-move-up,
  2768. .acp-icon-move-down {
  2769.     color: #000000;
  2770. }
  2771.  
  2772. .acp-icon-settings {
  2773.     color: #62c046;
  2774. }
  2775.  
  2776. .acp-icon-delete {
  2777.     color: #d74558;
  2778. }
  2779.  
  2780. .acp-icon-resync {
  2781.     color: #f69934;
  2782. }
  2783.  
  2784. .acp-icon-disabled {
  2785.     color: #d0d0d0;
  2786. }
  2787.  
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!