www.aleph1.co.uk Git - yaffs-website/blob - web/core/modules/contextual/css/contextual.theme.css

   1 /**
   2  * @file
   3  * Styling for contextual module.
   4  */
   5
   6 /**
   7  * Contextual links wrappers.
   8  */
   9 .contextual {
  10   position: absolute;
  11   right: 0; /* LTR */
  12   top: 6px;
  13   z-index: 500;
  14 }
  15 [dir="rtl"] .contextual {
  16   left: 0;
  17   right: auto;
  18 }
  19
  20 /**
  21  * Contextual region.
  22  */
  23 .contextual-region.focus {
  24   outline: 1px dashed #d6d6d6;
  25   outline-offset: 1px;
  26 }
  27
  28 /**
  29  * Contextual trigger.
  30  */
  31 .contextual .trigger {
  32   background-attachment: scroll;
  33   background-color: #fff;
  34   border: 1px solid #ccc;
  35   border-radius: 13px;
  36   float: right; /* LTR */
  37   margin: 0;
  38   overflow: hidden;
  39   padding: 0 2px;
  40   position: relative;
  41   right: 6px; /* LTR */
  42   cursor: pointer;
  43 }
  44 [dir="rtl"] .contextual .trigger {
  45   float: left;
  46   right: auto;
  47   left: 6px;
  48 }
  49 .contextual.open .trigger {
  50   border: 1px solid #ccc;
  51   border-bottom-color: transparent;
  52   border-radius: 13px 13px 0 0;
  53   box-shadow: none;
  54   z-index: 2;
  55 }
  56
  57 /**
  58  * Contextual links.
  59  *
  60  * The following selectors are heavy to discourage theme overriding.
  61  */
  62 .contextual-region .contextual .contextual-links {
  63   background-color: #fff;
  64   border: 1px solid #ccc;
  65   border-radius: 4px 0 4px 4px; /* LTR */
  66   clear: both;
  67   float: right; /* LTR */
  68   margin: 0;
  69   padding: 0.25em 0;
  70   position: relative;
  71   right: 6px; /* LTR */
  72   text-align: left; /* LTR */
  73   top: -1px;
  74   white-space: nowrap;
  75 }
  76 [dir="rtl"] .contextual-region .contextual .contextual-links {
  77   border-radius: 0 4px 4px 4px;
  78   float: left;
  79   left: 6px;
  80   right: auto;
  81   text-align: right;
  82 }
  83 .contextual-region .contextual .contextual-links li {
  84   background-color: #fff;
  85   border: none;
  86   list-style: none;
  87   list-style-image: none;
  88   margin: 0;
  89   padding: 0;
  90   line-height: 100%;
  91 }
  92 .contextual-region .contextual .contextual-links a {
  93   background-color: #fff;
  94   color: #333;
  95   display: block;
  96   font-family: sans-serif;
  97   font-size: small;
  98   line-height: 0.8em;
  99   margin: 0.25em 0;
 100   padding: 0.4em 0.6em;
 101 }
 102 .touchevents .contextual-region .contextual .contextual-links a {
 103   font-size: large;
 104 }
 105 .contextual-region .contextual .contextual-links a,
 106 .contextual-region .contextual .contextual-links a:hover {
 107   text-decoration: none;
 108 }
 109 .no-touchevents .contextual-region .contextual .contextual-links li a:hover {
 110   color: #000;
 111   background: #f7fcff;
 112 }