app/assets/stylesheets/test.css.scss

   1 table.no-border {
   2   border: none;
   3 }
   4
   5 table.no-border td, tr {
   6   border: none;
   7   padding: 0px;
   8   margin: 0px;
   9   vertical-align: top;
  10 }
  11
  12 div.md5 {
  13   padding: 0px;
  14   margin: 0px;
  15   font-size: 12px;
  16   text-align: left;
  17 }
  18
  19 .pettanr-comic-wrapper {
  20   margin:  1em auto;
  21 }
  22 .pettanr-comic-panel {
  23   border-style:  solid;
  24   border-color:   #111;
  25   position:    relative;
  26   margin:     1em 0;
  27   overflow:    hidden;
  28 }
  29 .pettanr-comic-panel img {
  30   position:    absolute;
  31 }
  32 .pettanr-comic-balloon {
  33   position:    absolute;
  34 }
  35 .pettanr-comic-balloon img {
  36   width:     100%;
  37   height:     100%;    }
  38 .pettanr-comic-balloon p {
  39   margin:     0 !important;
  40   padding:    0 !important;      display:    table;
  41   position:    absolute;
  42   top:     0;
  43   left:     16.6%;
  44   width:     66.6%;
  45   height:     100%;
  46   *height:    auto;
  47   *top:     50% !important;
  48 }
  49 .pettanr-comic-balloon p span,
  50 .pettanr-comic-balloon p strong,
  51 .pettanr-comic-balloon p em,
  52 .pettanr-comic-balloon p i,
  53 .pettanr-comic-balloon p samp,
  54 .pettanr-comic-balloon p code {
  55   vertical-align:   middle;
  56   text-align:    center;
  57   font-size:    14px;
  58   display:    table-cell;
  59   *display:    block;
  60   zoom:     1;
  61   *position:    relative;
  62   *top: -50%;
  63 }
  64 .pettanr-comic-balloon p strong {
  65   font-weight: bold;
  66 }
  67 .pettanr-comic-balloon p em,
  68 .pettanr-comic-balloon p i {
  69   font-style: italic;
  70 }
  71 .pettanr-comic-balloon p samp,
  72 .pettanr-comic-balloon p code {
  73   font-family: monospace;
  74 }
  75
  76 .colorpicker-wrap {
  77     border: 1px solid #d0d0d0;
  78     border-radius: 10px;
  79     padding: 10px 5px;
  80     background: #fafafa;
  81     display: none;
  82 }
  83 .colorpicker-red, .colorpicker-green, .colorpicker-blue {
  84   float: left;
  85   clear: left;
  86   width: 256px;
  87   margin: 3px 10px;
  88 }
  89 .code_swatch {
  90   width: 50px;
  91   height: 50px;
  92   margin-top: 0;
  93   margin-left: 10px;
  94   background-image: none;
  95 }
  96 .colorpicker-red .ui-slider-range {
  97   background: #ef2929;
  98 }
  99 .colorpicker-red .ui-slider-handle {
 100   border-color: #ef2929;
 101 }
 102 .colorpicker-green .ui-slider-range {
 103   background: #8ae234;
 104 }
 105 .colorpicker-green .ui-slider-handle {
 106   border-color: #8ae234;
 107 }
 108 .colorpicker-blue .ui-slider-range {
 109   background: #729fcf;
 110 }
 111 .colorpicker-blue .ui-slider-handle {
 112   border-color: #729fcf;
 113 }
 114 .colorpicker-hex, #colorpicker-rgb {
 115   margin: 5px;
 116 }
 117 .tsort-box {
 118   float: left;
 119 }
 120 .scenario {
 121   float: left;
 122 }
 123 .tsort-row-break {
 124   clear: both;
 125 }
 126 .tsort {
 127     list-style-type: none;
 128     margin: 0;
 129     padding: 0;
 130 }
 131 .tsort li {
 132     margin: 0 3px 3px 3px;
 133     padding: 0.3em;
 134     padding-left: 1em;
 135     font-size: 15px;
 136     font-weight: bold;
 137     cursor: move;
 138 }
 139 .tsort-row-break {
 140   clear: both;
 141 }
 142 .zsort {
 143     list-style-type: none;
 144     margin: 0;
 145     padding: 0;
 146 }
 147 .zsort li {
 148     margin: 0 3px 3px 3px;
 149     padding: 0.3em;
 150     padding-left: 1em;
 151     font-size: 15px;
 152     font-weight: bold;
 153     cursor: move;
 154 }
 155 #z-sortable tr {
 156     margin: 0 3px 3px 3px;
 157     padding: 0.3em;
 158     padding-left: 1em;
 159     font-size: 15px;
 160     font-weight: bold;
 161     cursor: move;
 162 }
 163 .ui-slider .ui-slider-handle {
 164         width: 1em;
 165   height: 1em;
 166 }
 167 .ui-slider-horizontal {
 168         height: 0.6em;
 169 }
 170 #elements-tabs {
 171     font-size: 12px;
 172 }
 173 .ui-tabs-vertical {
 174     width: 65em;
 175 }
 176 .ui-tabs-vertical .ui-tabs-nav {
 177     padding: .2em .1em .2em .2em;
 178     float: left; width: 220px;
 179 }
 180 .ui-tabs-vertical .ui-tabs-nav li {
 181     clear: left; width: 100%;
 182     border-bottom-width: 1px !important;
 183     border-right-width: 0 !important;
 184     margin: 0 -1px 0.2em 0;
 185 }
 186 .ui-tabs-vertical .ui-tabs-nav li a {
 187     display:block;
 188     width: 100%;
 189 }
 190 .ui-tabs-vertical .ui-tabs-nav li.ui-tabs-active {
 191     padding-bottom: 0;
 192     padding-right: .1em;
 193     border-right-width: 1px;
 194     border-right-width: 1px;
 195 }
 196 .ui-tabs-vertical .ui-tabs-panel {
 197     padding: 1em;
 198     float: right;
 199     width: 35em;
 200 }
 201 .ui-tabs .ui-tabs-nav li.ui-tabs-active {
 202     margin-bottom: 0.2em;
 203 }
 204 .elements-tab {
 205   width: 100%;
 206 }
 207 .elements-tab {
 208    overflow: hidden;
 209    height: auto;
 210 }
 211
 212 .elements-tab img {
 213    float: left;
 214    margin: 0 1px 0 0 !important;
 215    padding: 0 !important;
 216    border: 0 !important;
 217 }
 218
 219 .elements-tab p {
 220    overflow: hidden;
 221    height: auto;
 222 }
 223 .elements-tab-caption {
 224         white-space: pre;           /* CSS 2.0 */
 225         white-space: pre-wrap;      /* CSS 2.1 */
 226         white-space: pre-line;      /* CSS 3.0 */
 227         white-space: -pre-wrap;     /* Opera 4-6 */
 228         white-space: -o-pre-wrap;   /* Opera 7 */
 229         white-space: -moz-pre-wrap; /* Mozilla */
 230         white-space: -hp-pre-wrap;  /* HP Printers */
 231         word-wrap: break-word;      /* IE 5+ */
 232 }
 233 .ui-button .ui-icon.ui-icon-destroy {
 234   width: 16px;
 235   height: 16px; cursor: pointer;
 236   background-image: image-url("destroy.png") !important;
 237 }
 238 .ui-button.ui-state-hover .ui-icon.ui-icon-destroy {
 239   width: 16px;
 240   height: 16px; cursor: pointer;
 241   background-image: image-url("destroy-highlighted.png");
 242 }