www.aleph1.co.uk Git - yaffs-website/blob - web/modules/contrib/eu_cookie_compliance/css/eu_cookie_compliance.css

   1 #sliding-popup {
   2   display: block;
   3   margin: 0;
   4   padding: 0px;
   5   right: 0;
   6   text-align: center;
   7   width: 100%;
   8   z-index: 99999;
   9 }
  10
  11 .sliding-popup-bottom {
  12   background: url('../images/gradient.png') center center scroll repeat-y transparent;
  13   position: fixed;
  14 }
  15
  16 .sliding-popup-top {
  17   background-color: #000;
  18   position: relative;
  19 }
  20
  21 #sliding-popup .popup-content {
  22   background-color: transparent;
  23   border: 0 none;
  24   display: block;
  25   margin: 0 auto;
  26   padding: 0;
  27   max-width: 80%;
  28 }
  29
  30 #sliding-popup .popup-content #popup-buttons {
  31   float: right;
  32   margin: 0;
  33   max-width: 40%;
  34 }
  35
  36 #sliding-popup .popup-content #popup-buttons button {
  37   cursor: pointer;
  38   display: inline;
  39   margin-right: 5px;
  40   margin-top: 1em;
  41   vertical-align: middle;
  42   overflow: visible;
  43   width: auto;
  44
  45   -moz-box-shadow:inset 0px 1px 0px 0px #ffffff;
  46   -webkit-box-shadow:inset 0px 1px 0px 0px #ffffff;
  47   box-shadow:inset 0px 1px 0px 0px #ffffff;
  48   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #ededed), color-stop(1, #dfdfdf) );
  49   background:-moz-linear-gradient( center top, #ededed 5%, #dfdfdf 100% );
  50   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#dfdfdf');
  51   background-color:#ededed;
  52   -moz-border-radius:6px;
  53   -webkit-border-radius:6px;
  54   border-radius:6px;
  55   border:1px solid #dcdcdc;
  56   display:inline-block;
  57   color:#000;
  58   font-family:arial;
  59   font-weight:bold;
  60   padding:4px 8px;
  61   text-decoration:none;
  62   text-shadow:1px 1px 0px #ffffff;
  63 }
  64
  65 #sliding-popup .popup-content #popup-buttons button:hover {
  66   background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #dfdfdf), color-stop(1, #ededed) );
  67   background:-moz-linear-gradient( center top, #dfdfdf 5%, #ededed 100% );
  68   filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#dfdfdf', endColorstr='#ededed');
  69   background-color:#dfdfdf;
  70 }
  71
  72 #sliding-popup .popup-content #popup-buttons button:active {
  73   position:relative;
  74   top:1px;
  75 }
  76
  77 #sliding-popup .popup-content #popup-text {
  78   color: #fff;
  79   float: left;
  80   font-weight: bold;
  81   margin: 5px 0;
  82   text-align: left;
  83   max-width: 60%;
  84 }
  85
  86 #sliding-popup .popup-content #popup-text h2,
  87 #sliding-popup .popup-content #popup-text p {
  88   color: #fff;
  89   display: block;
  90   font-size: 16px;
  91   font-weight: bold;
  92   line-height: 1.4;
  93   margin: 0 0 5px 0;
  94 }
  95
  96 #sliding-popup .popup-content #popup-text p {
  97   font-size: 12px;
  98 }
  99
 100 @media screen and (max-width: 600px) {
 101   #sliding-popup .popup-content {
 102     max-width: 95%;
 103   }
 104
 105   #sliding-popup .popup-content #popup-text {
 106     max-width: 100%;
 107   }
 108
 109   #sliding-popup .popup-content #popup-buttons {
 110     float: none;
 111     margin: 5px 0;
 112     max-width: 100%;
 113   }
 114   #sliding-popup .popup-content #popup-buttons button {
 115     margin-bottom: 1em;
 116   }
 117 }