CSS 4
Theme.css Guest on 18th October 2020 05:26:08 AM
  1. /* text color */
  2. body, h3, dt, .throw, .content, label, LEGEND {
  3.         color:#777;
  4. }
  5.  
  6. INPUT, select, textarea { color:#999; background-color: #444; }
  7. option[disabled] { background-color: #999; color: #444; }
  8. input[type="radio"], input[type="checkbox"] { background-color: transparent; }
  9.  
  10.  
  11. .showInfo { color:#666; }
  12. .showInfo:hover { color:#999; }
  13.  
  14. h2 { color: #ccc; }
  15.  
  16. .header_notes {
  17.   background: transparent url(../default/icon/note.png) no-repeat right top;
  18.   border: none;
  19.   min-height: 48px;
  20.   padding: 15px 60px 0 0;
  21.   right: 0;
  22.   width: 550px;
  23. }
  24. html, body { min-height: 100%; height: 100%;}
  25.  
  26. body {
  27.         background-color:#444;
  28. }
  29.  
  30. /* #the_page { margin: 0; padding: 0; z-index: 1; top:0px; */
  31. /* padding-top: 0; min-height: 100%; width:100%; position:absolute; left:0px; } */
  32. h3, .row2, .content { background-color: #222; }
  33. .throw, .row1 { background-color:#111; }
  34. .throw em { font-style: normal; color: #ff3363; }
  35.  
  36. #menubar li:hover {
  37.   background-color: transparent;
  38. }
  39.  
  40. #content {
  41.   background-color: #444444;
  42. }
  43.  
  44. h1 {
  45.   background-color: #565656;
  46.   color: #c1c1c1;
  47. }
  48.  
  49. #tabsheet {
  50.   background-color:#565656;
  51. }
  52.  
  53. .tabsheet li.selected_tab {
  54.   background-color: #444;
  55. }
  56. .tabsheet li.selected_tab a {
  57.   color: #c1c1c1;
  58. }
  59. .tabsheet a {
  60.   color: #7e7e7e;
  61.   font-weight: normal;
  62. }
  63.  
  64. .tabsheet li:hover a {
  65.   color: #c1c1c1;
  66. }
  67.  
  68. .content h3 { font-size:20px; letter-spacing:-0.4px; margin:0 20px 12px 0; text-align:center; background:none; border: 0; }
  69. .content h3 ~ h3{ margin-top: 40px; }
  70. .content h4 { font-size:14px; text-align:left; padding:3px; margin: 2px;}
  71.  
  72. .content dl, dd { margin:5px; }
  73.  
  74.  
  75. UL.thumbnails span.wrap2:hover { background-color#7CBA0F; color:#666; }
  76. UL.thumbnails span.wrap2 {
  77.         background-color:#333;
  78. }
  79.  
  80. /* .throw, */ td h3 {
  81.  background-image: url(images/fillet.png); background-repeat: repeat-x; }
  82. /* borders */
  83. fieldset { border: 2px solid #333; }
  84.  
  85. INPUT, SELECT, TEXTAREA {
  86.         border: 1px solid #666;
  87. }
  88. input:focus, select:focus, textarea:focus {
  89.         background-color: #444;
  90.         color: #999;
  91. }
  92.  
  93. TEXTAREA { cursor:text; font-size: 13px; }
  94. .tagSelection label { padding-right:12px; }
  95. .tagSelection LI.tagSelected {background-color:#aaa;}
  96. .tagSelected LABEL {color:#000;}
  97. ul.thumbnails input { color:#999; font-size:10px; margin:0; background-color:#444; text-align: center;}
  98. INPUT[type="submit"]:hover , INPUT[type="reset"]:hover  { cursor: pointer; }
  99. INPUT.bigbutton:hover { background-color: #222;  color:#f33; border: 0; }
  100. .throw  { font-size: 120%; line-height: 26px; padding-top: 10px; font-weight: bold; color: #ff3363; }
  101. label { cursor:pointer }
  102. .categoryLi, .menuLi { background: #333 }
  103. .menuLi_hidden { background: #333 !important; }
  104. a.Piwigo {
  105.   font-family: verdana, arial, helvetica, sans-serif !important;
  106.   font-size: 11px; font-weight: normal; letter-spacing: 0;
  107.   color : #F33; text-decoration: none; border: 0; }
  108. a.Piwigo:hover  span.Piwigo  {
  109.   border-bottom: 1px solid #FF3363;
  110. }
  111.  
  112. .categoryUl>li:not(.virtual_cat) {
  113.   background:url(images/stripe-cat.png);
  114. }
  115.  
  116. /* RADU - I comment this because it makes FF form controls activation very slow)
  117. *, *:focus, *:active, input:active, a:active, input:focus, a:focus { outline: none; -moz-outline-width: 0px; }
  118. */
  119.  
  120. a { color:#bbb; }
  121. a:hover, a:active { color: #f70; cursor: pointer; }
  122. .content .navigationBar {color:#666;}
  123. ul.actions, .content form#waiting  {text-align:center;}
  124.  
  125. #adminHome A, #menubar li A, #menubar dt {
  126.   color: #8d8d8d;
  127. }
  128.  
  129. /* jQuery tooltips */
  130. .ui-tooltip {
  131.         color: #eee;
  132.         background-color: #000;
  133. }
  134. .cluetip-outer { border-color: #666; color: #666; background-color: #222; }
  135. .cluetip-title { color: #ff3363; background-color: #111; }
  136. /* jQuery ui resizable */
  137. .ui-resizable { position: relative; }
  138. .ui-wrapper { border: 0; }
  139. .ui-wrapper input, .ui-wrapper textarea { border: 0; }
  140.  
  141. /* Global handle styles */
  142. .ui-resizable-handle { position: absolute; display: none; font-size: 0.1px; }
  143. .ui-resizable .ui-resizable-handle { display: block; }
  144. body .ui-resizable-disabled .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
  145. body .ui-resizable-autohide .ui-resizable-handle { display: none; } /* use 'body' to make it more specific (css order) */
  146. .ui-resizable-n { cursor: n-resize; height: 6px; width: 100%; top: 0px; left: 0px; background: transparent url(images/resizable-n.gif) no-repeat scroll center top; }
  147. .ui-resizable-s { cursor: s-resize; height: 6px; width: 100%; bottom: 0px; left: 0px; background: transparent url(images/resizable-s.gif) no-repeat scroll center top; }
  148. .ui-resizable-e { cursor: e-resize; width: 6px; right: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-e.gif) no-repeat scroll right center; }
  149. .ui-resizable-w { cursor: w-resize; width: 6px; left: 0px; top: 0px; height: 100%; background: transparent url(images/resizable-w.gif) no-repeat scroll right center; }
  150. .ui-resizable-se { cursor: se-resize; width: 9px; height: 9px; right: 0px; bottom: 0px; background: transparent url(images/resizable-se.gif); }
  151. .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: 0px; bottom: 0px; background: transparent url(images/resizable-sw.gif); }
  152. .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: 0px; top: 0px; background: transparent url(images/resizable-nw.gif); }
  153. .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: 0px; top: 0px; background: transparent url(images/resizable-ne.gif); }
  154.  
  155. #ui-datepicker-div {background-color: #555; border:2px solid #333;}
  156. #ui-datepicker-div .ui-datepicker-title {color:white;}
  157. #ui-datepicker-div .ui-icon-circle-triangle-w {background: transparent url(icon/prev.png) no-repeat;}
  158. #ui-datepicker-div .ui-icon-circle-triangle-e {background: transparent url(icon/next.png) no-repeat;}
  159. #ui-datepicker-div A.ui-datepicker-prev:hover,
  160. #ui-datepicker-div A.ui-datepicker-next:hover
  161. {
  162.   background-color:#eee;border:1px solid #aaa;
  163. }
  164. .ui-datepicker th {color:#ccc;}
  165. .ui-state-disabled {color:#aaa;}
  166. .ui-timepicker-div, .ui-timepicker-div dt {color:#ccc;}
  167.  
  168. .ui-slider { background:#444;border-radius:2px;border:1px solid #666; }
  169. .ui-slider .ui-slider-handle { border:1px solid #f36;background:#222;border-radius:0.6em; }
  170. .ui-slider .ui-slider-range { background:#666;border-radius:2px; }
  171.  
  172. #ui-datepicker-div .ui-datepicker-control, #ui-datepicker-div  a { background-color: #111; color: #f70 !important;}
  173. #ui-datepicker-div .ui-datepicker-days-row { background-color: #444;}
  174. #ui-datepicker-div .ui-datepicker-week-end-cell, #ui-datepicker-div .ui-datepicker-week-end-cell  a { background-color: #222; color: #f33; border-color: #444; border-top-color: #222; border-left-color: #222;}
  175. #ui-datepicker-div .ui-datepicker-title-row { background-color: #111;}
  176. #ui-datepicker-div .ui-datepicker-title-row .ui-datepicker-week-end-cell a { color: #f33;}
  177. #ui-datepicker-div  a:hover { color: #ff3333 !important; border: 0; background-color: #111 !important;}
  178. #ui-datepicker-div .ui-datepicker-header select { background-color:#444; color:#999; font-weight:normal;}
  179. #ui-datepicker-div .ui-datepicker-links { background-color:#222;}
  180. #ui-datepicker-div .ui-datepicker-header { background-color:#444;}
  181. #ui-datepicker-div .ui-datepicker-current-day { background-color: #111 !important; border-color: #444; border-top-color: #111; border-left-color: #111;}
  182. #ui-datepicker-div .ui-datepicker-days-cell { background-color:#444; border:1px solid #222; border-top-color: #444; border-left-color: #444;}
  183. INPUT[type="text"].large  { width: 317px; }
  184.  
  185. .buttonLike, input[type="button"], input[type="submit"], input[type="reset"] {
  186.   color: #3c3c3c;
  187.         background-color: #ffa744;
  188. }
  189.  
  190. .buttonLike:hover, input[type="button"]:hover, input[type="submit"]:hover, input[type="reset"]:hover {
  191.         color:#000;
  192.         text-decoration: none;
  193.   background-color:#f70;
  194.   color:#000;
  195.   cursor:pointer;
  196. }
  197.  
  198. .buttonLike:disabled, input[type="button"]:disabled, input[type="submit"]:disabled, input[type="reset"]:disabled {
  199.         color:#555;
  200.         border-color:#666;
  201.   cursor:not-allowed;
  202.   background-color: #666;
  203. }
  204.  
  205. .bigbutton { background:transparent url(images/quickLocalSync_inactiv.png) no-repeat scroll left top; display: block;
  206. color:#111; font-size:28px; height:161px; margin: 0 20px 0 auto; padding:0 18px 0; text-align:center; width:625px;
  207. position:relative;  z-index: 50;}
  208. .bigtext { display:block; font-weight:bold; left:225px; position:relative; top:35px; width:320px;  z-index: 55; cursor:pointer; }
  209. .bigbutton:hover { background:transparent url(images/quickLocalSync_hover.png) no-repeat scroll left top; color: #000; }
  210. .bigbutton input { background:transparent url(images/transparent.gif) repeat scroll left top; border:0;
  211. display:block; height:85px; left:225px; position:relative; top:-42px; width:313px; z-index:99; padding:0;
  212. color:transparent;}
  213. .bigbutton input:hover { cursor:pointer; background:transparent url(images/transparent.gif) repeat scroll left top; border:0; padding:0;color:transparent;}
  214.  
  215. /* dashboard */
  216. .stat-box {
  217.   color:#777;
  218. }
  219.  
  220. a.stat-box:hover {
  221.   color:#aeaeae;
  222. }
  223.  
  224. .stat-box-yellow i {
  225.   color:#9b5200;
  226.   background-color: #ffa744;
  227. }
  228. .stat-box-red i {
  229.   background-color: #c64444;
  230.   color: #650101;
  231. }
  232. .stat-box-purple i {
  233.   background-color: #ce4baa;
  234.   color: #52003b;
  235. }
  236. .stat-box-green i {
  237.   background-color: #4ac641;
  238.   color: #014400;
  239. }
  240. .stat-box-blue i {
  241.   background-color: #379bbc;
  242.   color: #003751;
  243. }
  244.  
  245. /* hacks */
  246. * html[lang="en"] body .content h2 , *+html[lang="en"] body .content h2 { text-transform:capitalize; } /* IE */
  247. *+html  .bigtext { left: 70px; }
  248. *+html  .bigbutton input, * html  .bigbutton input  { left:0px; position:relative; top:-40px; }
  249.  
  250. * html .bigtext { margin-right: 300px; }
  251.  
  252. .themeBox {background-color:#333;}
  253. .themeBox IMG {border:1px solid #666;}
  254. .themeName {color:#ccc;}
  255. .themeActions A {border-bottom:none;}
  256. .themeDefault {background-color:#555;}
  257.  
  258. #pluginsMenuSeparator {border:1px solid #333;}
  259.  
  260. #helpContent, #pLoaderPage, #ftpPage, #ftpPage LEGEND {color:#aaa;}
  261.  
  262. .pluginBox, .pluginMiniBox, .groups li {background-color:#333;color:#999;border-color:#333;}
  263. .pluginBoxNameCell, .pluginMiniBoxNameCell {color:#ddd;}
  264. .pluginBox.incompatible, .pluginMiniBox.incompatible {border-color:#800 !important;}
  265. .pluginBoxes .merged, .pluginBoxes .missing {background-color:#422;border:1px solid #800;}
  266. .languageBox {background-color:#333;}
  267. .languageName {color:#ccc;}
  268. .languageDefault {background-color:#555; color:#aaa;}
  269.  
  270. /* Batch Manager */
  271. #batchManagerGlobal .thumbnails .font-checkbox [class*="icon-check"]::before {
  272.   color:#777;
  273. }
  274.  
  275. #batchManagerGlobal .thumbnails li:hover .font-checkbox [class*="icon-check"]::before {
  276.   color:white;
  277. }
  278.  
  279. #batchManagerGlobal li.thumbSelected .font-checkbox [class*="icon-check"]::before {
  280.   color:white;
  281. }
  282.  
  283. #batchManagerGlobal UL.thumbnails li:hover .wrap2 {
  284.   background-color: #ff3363;
  285.   color: white;
  286. }
  287.  
  288. #batchManagerGlobal .thumbSelected { background-color:transparent !important }
  289.  
  290. #batchManagerGlobal .thumbSelected .wrap2 {
  291.   background-color: #555 !important;
  292. }
  293.  
  294. #batchManagerGlobal #selectedMessage {
  295.   background-color: #555;
  296.   color:white;
  297. }
  298.  
  299. /* TokenInput (with Facebook style for ROMA) */
  300. ul.token-input-list {border-color:#666 !important;background-color:#444 !important;}
  301. ul.token-input-list li input {background-color:#444 !important;}
  302. li.token-input-token span {color:#878787 !important;}
  303. div.token-input-dropdown {background-color:#eee !important;border-color:#666 !important;}
  304. div.token-input-dropdown ul li {background-color:#eee !important;}
  305. div.token-input-dropdown ul li.token-input-selected-dropdown-item {background-color:#FF7800 !important;}
  306.  
  307. .big-progressbar {
  308.   background: #3c3939;
  309. }
  310.  
  311. /* Album Properties */
  312. #albumThumbnail img, #albumLinks {
  313.   border-color:#333;
  314. }
  315.  
  316. .selectedComment {background-color:#555; color:#fff;}
  317.  
  318. .groups label>p {
  319.   color: #ccc;
  320.   font-size: 1.2em;
  321.   background-color:#111;
  322. }
  323. label>p.group_select {
  324.   color: #fff;
  325.   background-color:#555;
  326. }
  327.  
  328. .userSeparator {
  329.   color:#666;
  330.   visibility: hidden;
  331. }
  332.  
  333. #configContent fieldset:not(.no-border) {
  334.   border-top-color:#444;
  335. }
  336.  
  337. table.dataTable tr.even {
  338.   background-color: #111 !important;
  339. }
  340.  
  341. table.dataTable tr.even td.sorting_1 {
  342.   background-color: #181818 !important;
  343. }
  344.  
  345. table.dataTable tr.odd {
  346.   background-color: #222 !important;
  347. }
  348.  
  349. table.dataTable tr.odd td.sorting_1 {
  350.   background-color: #282828 !important;
  351. }
  352.  
  353. table.dataTable thead th, table.dataTable.no-footer {
  354.   border-color: #333 !important;
  355. }
  356.  
  357. .dataTables_wrapper .dataTables_info {
  358.   color:#777 !important;
  359. }
  360.  
  361. .userPropertiesContainer {border-color:#333;}
  362. .userPrefs {border-color:#333;}
  363.  
  364. table.qsearch_help_table td {
  365.         border-color: #444;
  366. }
  367.  
  368. .font-checkbox [class*=icon-check]:before { color:#aaa; }
  369.  
  370. #cboxLoadedContent { background-color:#333 !important; }
  371.  
  372. #watermarkPositionBox {
  373.   background-color:#333;
  374. }
  375.  
  376. #watermarkPositionBox label {
  377.   color:#aaa;
  378. }
  379.  
  380. #wImg {border-color:#555;}
  381.  
  382. FORM#categoryOrdering p.albumTitle a { color: #c0c0c0; }
  383. FORM#categoryOrdering p.albumActions a { border-left:1px solid #555; }
  384. .albumInfos {color: #808080;}
  385. FORM#categoryOrdering p.albumActions a:hover {background-color: #ffa646; color: #3A3A3A;}
  386. FORM#categoryOrdering p.albumActions .userSeparator {border: 1px solid #d5d5d5;}
  387. #addAlbumOpen, #autoOrderOpen {border: 1px solid #777; color: #c0c0c0;}
  388. #addAlbumOpen:hover, #autoOrderOpen:hover {border: 1px solid #aaa; text-decoration: none;}
  389. .afterUploadActions a {color: #3C3C3C; font-weight: bold; background-color: #FFA646;}
  390. .afterUploadActions a:hover {text-decoration: none; background-color: #ff7700;}
  391. .font-checkbox {color: #898888;}
  392. .font-checkbox:hover {color: #ffa646;}
  393. .with-border legend, .with-border strong {color: #c0c0c0;}
  394. .font-checkbox.selected {color: #ffa646;}
  395. #formCreateAlbum input[name="virtual_name"] {border: 1px solid #7e7e7e; color: #F8F8F8; transition: all 125ms ease-out;}
  396. #formCreateAlbum input[name="virtual_name"]:hover {border-color: #A5A5A5;}
  397.  
  398. LEGEND {color: #c1c1c1;}
  399. a#showPermissions {color: #D6D6D6; border: 1px solid #D6D6D6; background-color: #414141;}
  400. a#showPermissions:hover {border-color: #A5A5A5;}
  401. .icon-plus.cboxElement {border: 1px solid #777; color: #c0c0c0;}
  402. .icon-plus.cboxElement:hover {border: 1px solid #aaa;}
  403. .selectize-control.single .selectize-input {border: 2px solid #FAC17E!important; color: #D5D5D5;}
  404. .selectize-control.single .selectize-input:hover {border-color: #FFA646!important;}
  405. .plupload_filelist {background-color: #444444 !important; scrollbar-color: #555 #444444!important;}
  406. .plupload_filelist li {border-bottom: 1px solid #343434 !important; color: #A5A5A5!important;}
  407. .plupload_filelist_footer {background-color: #3c3939!important; border: 0!important; color: #A5A5A5!important}
  408. li.plupload_delete a {background: url("images/cancel.svg")!important; background-size: cover!important;}
  409. li.plupload_delete a:hover {background: url("images/cancelhover.svg")!important; background-size: cover!important;}
  410.  
  411. .addAlbumEmpty {color: #c1c1c1;}
  412. .buttonSeparator {color: #c1c1c1;}
  413. #cboxTitle {color: #7f7f7f !important;}
  414. #addAlbumForm {color: #999;}
  415. .selectedAlbum span {background-color: #555; color: #999;}
  416. #uploadForm li.plupload_droptext {background-color: #343434!important; color: #777 !important;}
  417. .addFilesButtonChanged {background-color: #888;}
  418. .addFilesButtonChanged:hover {background-color: #777;}

Paste is for source code and general debugging text.

Login or Register to edit, delete and keep track of your pastes and more.

Raw Paste

Login or Register to edit or fork this paste. It's free.