www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/image/css/image.admin.css

   1
   2 /**
   3  * Image style configuration pages.
   4  */
   5 .image-style-new,
   6 .image-style-new div {
   7   display: inline;
   8 }
   9 .image-style-preview .preview-image-wrapper {
  10   float: left;
  11   padding-bottom: 2em;
  12   text-align: center;
  13   top: 50%;
  14   width: 48%;
  15 }
  16 .image-style-preview .preview-image {
  17   margin: auto;
  18   position: relative;
  19 }
  20 .image-style-preview .preview-image .width {
  21   border: 1px solid #666;
  22   border-top: none;
  23   bottom: -6px;
  24   height: 2px;
  25   left: -1px;
  26   position: absolute;
  27   box-sizing: content-box;
  28 }
  29 .image-style-preview .preview-image .width span {
  30   position: relative;
  31   top: 4px;
  32 }
  33 .image-style-preview .preview-image .height {
  34   border: 1px solid #666;
  35   border-left: none;
  36   position: absolute;
  37   right: -6px;
  38   top: -1px;
  39   width: 2px;
  40   box-sizing: content-box;
  41 }
  42 .image-style-preview .preview-image .height span {
  43   height: 2em;
  44   left: 10px;
  45   margin-top: -1em;
  46   position: absolute;
  47   top: 50%;
  48 }
  49
  50 /**
  51  * Improve image style preview on narrow viewports.
  52  */
  53 @media screen and (max-width: 470px) {
  54   .image-style-preview .preview-image-wrapper {
  55     float: none;
  56     margin-bottom: 1em;
  57   }
  58   .image-style-preview .preview-image-wrapper:last-child {
  59     margin-bottom: 0;
  60   }
  61 }
  62
  63 /**
  64  * Image anchor element.
  65  */
  66 .image-anchor {
  67   width: auto;
  68 }
  69 .image-anchor tr {
  70   background: none;
  71 }
  72 .image-anchor td {
  73   border: 1px solid #ccc;
  74 }