CSS   33
themeswitcher
Guest on 27th August 2023 12:01:04 PM


  1. #themeswitcher {
  2.     position: fixed;
  3.     top: 15px;
  4.     right: 0;
  5.     padding: 5px 10px;
  6.     border: 1px solid #d1d1d1;
  7.     background-color: #fff;
  8.     z-index: 999;
  9. }
  10.  
  11. #themeswitcher * {
  12.     -moz-box-sizing: content-box;
  13.     -webkit-box-sizing: content-box;
  14.     box-sizing: content-box;
  15. }
  16.  
  17. #themeswitcher #minicolor {
  18.     width: 0;
  19.     height: 0;
  20.     margin: 0;
  21.     border: 0; padding: 0;
  22.     cursor: pointer;
  23. }
  24.  
  25. #exportcss {
  26.     display: block;
  27.     clear: both;
  28. }
  29.  
  30. #themeswitcher .colorbox {
  31.     cursor: pointer;
  32.     height: 16px;
  33.     width: 16px;
  34.     margin: 0 0 5px auto;
  35.     float: left;
  36.     border: 2px solid transparent;
  37. }
  38.  
  39. #themeswitcher .colorbox.selected {
  40.     border-color: #fff;
  41. }
  42.  
  43. /* minicolor plugin */
  44. #themeswitcher .minicolors-theme-default .minicolors-swatch {
  45.     top: 0; left: 0;
  46.     border: 2px solid #222;
  47.     cursor: pointer;
  48.     height: 16px; width: 16px;
  49. }
  50.  
  51. #themeswitcher .minicolors {
  52.     display: block;
  53.     cursor: pointer;
  54.     height: 16px; width: 16px;
  55.     margin: 0 5px 15px auto;    
  56.     float: left;
  57.     position: relative;
  58. }
  59.  
  60. #themeswitcher .minicolors:after {
  61.     content: "";
  62.     position: absolute;
  63.     bottom: -2px; right: -2px;
  64.     width: 4px; height: 4px;
  65.     background-color: #000;
  66.     border-top: 1px solid #fff;
  67.     border-left: 1px solid #fff;
  68. }
  69.  
  70.  
  71. /* modal css exported */
  72. textarea#exportcss-text {
  73.     height: 300px;
  74.     min-width: 515px;
  75.     resize: none;
  76.     cursor: text;
  77.     background-color: #fff; /* force a disabled color */
  78. }

Raw Paste

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