yaffs.net Git - yaffs-website/blob - web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css

   1 #sliding-popup {
   2   background: url('../images/gradient.png') center center scroll repeat-y transparent;
   3 }
   4
   5 .sliding-popup-bottom,
   6 .sliding-popup-top {
   7   margin: 0;
   8   padding: 0;
   9   width: 100%;
  10   z-index: 99999;
  11   left: 0;
  12   text-align: center;
  13 }
  14
  15 .sliding-popup-bottom {
  16   position: fixed;
  17 }
  18
  19 .sliding-popup-top {
  20   position: relative;
  21 }
  22
  23 .eu-cookie-compliance-content {
  24   margin: 0 auto;
  25   max-width: 80%;
  26   display: inline-block;
  27   text-align: left;
  28   width: 100%;
  29 }
  30
  31 .eu-cookie-compliance-buttons {
  32   float: right; /* LTR */
  33   margin: 0 0 1em 0;
  34   max-width: 40%;
  35 }
  36
  37 [dir="rtl"] .eu-cookie-compliance-buttons {
  38   float: left;
  39 }
  40
  41 .eu-cookie-compliance-agree-button,
  42 .eu-cookie-compliance-more-button,
  43 .eu-cookie-compliance-hide-button {
  44   cursor: pointer;
  45   margin-right: 5px;
  46   margin-top: 1em;
  47   vertical-align: middle;
  48   overflow: visible;
  49   width: auto;
  50   -moz-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  51   -webkit-box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  52   box-shadow: inset 0 1px 0 0 #ffffff; /* LTR */
  53   background-color: #ededed;
  54   background-image: -moz-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  55   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #ededed), color-stop(100%, #dfdfdf));
  56   background-image: -webkit-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  57   background-image: -o-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  58   background-image: -ms-linear-gradient(top, #ededed 5%, #dfdfdf 100%);
  59   background-image: linear-gradient(to bottom, #ededed 5%, #dfdfdf 100%);
  60   -moz-border-radius: 6px;
  61   -webkit-border-radius: 6px;
  62   border-radius: 6px;
  63   border: 1px solid #dcdcdc;
  64   color: #000;
  65   font-family: Arial, sans-serif;
  66   font-weight: bold;
  67   padding: 4px 8px;
  68   text-decoration: none;
  69   text-shadow: 1px 1px 0 #ffffff;
  70 }
  71
  72 [dir="rtl"] .eu-cookie-compliance-buttons button {
  73   -moz-box-shadow: inset 0 0 0 1px #ffffff;
  74   -webkit-box-shadow: inset 0 0 0 1px #ffffff;
  75   box-shadow: inset 0 0 0 1px #ffffff;
  76 }
  77
  78 .eu-cookie-compliance-agree-button:hover,
  79 .eu-cookie-compliance-more-button:hover,
  80 .eu-cookie-compliance-hide-button:hover {
  81   background-color: #dfdfdf;
  82   background-image: -moz-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  83   background-image: -webkit-gradient(linear, left top, left bottom, color-stop(5%, #dfdfdf), color-stop(100%, #ededed));
  84   background-image: -webkit-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  85   background-image: -o-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  86   background-image: -ms-linear-gradient(top, #dfdfdf 5%, #ededed 100%);
  87   background-image: linear-gradient(to bottom, #dfdfdf 5%, #ededed 100%);
  88 }
  89
  90 .eu-cookie-compliance-agree-button:active,
  91 .eu-cookie-compliance-more-button:active,
  92 .eu-cookie-compliance-hide-button:active {
  93   position: relative;
  94   top: 1px;
  95 }
  96
  97 .eu-cookie-compliance-message {
  98   float: left; /* LTR */
  99   margin: 5px 0 0;
 100   max-width: 60%;
 101 }
 102
 103 [dir="rtl"] .eu-cookie-compliance-message {
 104   float: right;
 105   text-align: right;
 106 }
 107
 108 .eu-cookie-compliance-message h1,
 109 .eu-cookie-compliance-message h2,
 110 .eu-cookie-compliance-message h3,
 111 .eu-cookie-compliance-message p {
 112   color: #fff;
 113   font-weight: bold;
 114   line-height: 1.4;
 115   margin: 0 0 5px 0;
 116 }
 117
 118 .eu-cookie-compliance-message h1 {
 119   font-size: 24px;
 120 }
 121
 122 .eu-cookie-compliance-message h2 {
 123   font-size: 16px;
 124 }
 125
 126 .eu-cookie-compliance-message h3 {
 127   font-size: 12px;
 128 }
 129
 130 .eu-cookie-compliance-message p {
 131   font-size: 12px;
 132 }
 133
 134 @media screen and (max-width: 600px) {
 135   .eu-cookie-compliance-content {
 136     max-width: 95%;
 137   }
 138
 139   .eu-cookie-compliance-message {
 140     max-width: 100%;
 141   }
 142
 143   .eu-cookie-compliance-buttons {
 144     clear: both;
 145     float: none;
 146     max-width: 100%;
 147     margin: 5px 0 1em;
 148   }
 149 }