lib/yui/3.5.1/build/overlay/assets/skins/night/overlay-skin.css

   1 /*
   2 YUI 3.5.1 (build 22)
   3 Copyright 2012 Yahoo! Inc. All rights reserved.
   4 Licensed under the BSD License.
   5 http://yuilibrary.com/license/
   6 */
   7 .yui3-skin-night{
   8         background-color:#000;
   9     font-family: HelveticaNeue,arial,helvetica,clean,sans-serif;
  10         color:#fff;
  11 }
  12
  13 .yui3-skin-night .yui3-overlay-content ul, ol, li {
  14     margin: 0;
  15     padding: 0;
  16         list-style:none;
  17         zoom:1;
  18 }
  19 .yui3-skin-night .yui3-overlay-content li{
  20         *float:left;
  21 }
  22 .yui3-skin-night .yui3-overlay-content {
  23     background-color:#6d6e6e;
  24         -moz-box-shadow:0 0 17px rgba(0,0,0,0.58);
  25         -webkit-box-shadow:0 0 17px rgba(0,0,0,0.58);
  26         box-shadow:0 0 17px rgba(0,0,0,0.58);
  27     -moz-border-radius:7px;
  28     -webkit-border-radius:7px;
  29     border-radius:7px;
  30 }
  31
  32 .yui3-skin-night .yui3-overlay-content .yui3-widget-hd {
  33     background-color:#6d6e6e;
  34     -moz-border-radius:7px 7px 0 0;
  35     -webkit-border-radius:7px 7px 0 0;
  36     border-radius:7px 7px 0 0;
  37         color: #fff;
  38
  39     margin:0;
  40         padding:20px 22px 0;
  41         font-size:147%;
  42 }
  43
  44
  45 /*** background of bd and ft ***/
  46 .yui3-skin-night .yui3-overlay-content .yui3-widget-bd {
  47         padding:11px 22px 17px;
  48         font-size:92%;
  49         /*margin-bottom:-1px;  this was needed on ipad to close gap between ft and bd*/
  50 }
  51 .yui3-skin-night .yui3-overlay .yui3-widget-bd li{
  52         margin: 0.04em;
  53 }
  54 /*.yui3-skin-night .yui3-widget-bd li:last-child{
  55         margin-bottom:0.4em;
  56 }*/
  57 .yui3-skin-night .yui3-overlay-content .yui3-widget-ft{
  58         background-color:#575858;
  59         border-top:solid 1px #494a4a;
  60         -moz-border-radius:0 0 7px 7px;
  61         -webkit-border-radius:0 0 7px 7px;
  62         border-radius:0 0 7px 7px;
  63         padding:17px 25px 20px;
  64         text-align:center;
  65         /*font-size:92%;*/
  66 }
  67 /* For Buttons */
  68
  69 .yui3-skin-night .yui3-overlay-content .yui3-widget-ft li {
  70         margin:3px;
  71         display:inline-block;
  72 }
  73 .yui3-skin-night .yui3-overlay-content .yui3-widget-ft li a{
  74         border:solid 1px #1B1C1C;
  75         border-radius: 6px;
  76
  77         -moz-box-shadow: 0 1px #677478;
  78         -webkit-box-shadow: 0 1px #677478;
  79         box-shadow: 0 1px #677478;
  80
  81     text-shadow: 0 -1px 0 rgba(0,0,0,0.7);
  82         font-size:85%;
  83         text-align:center;
  84         color: #fff;
  85         padding: 6px 28px;
  86         background-color:#2B2D2D;
  87         background: -moz-linear-gradient(
  88                 0% 100% 90deg,
  89                 #242526 0%,
  90                 #3b3c3d 96%,
  91                 #2C2D2F 100%
  92         );
  93     background: -webkit-gradient(
  94         linear,
  95         left bottom,
  96         left top,
  97         from(#242526),
  98         color-stop(0.96, #3b3c3d),
  99         to(#2C2D2F)
 100     );
 101 }
 102 .yui3-skin-night .yui3-overlay .yui3-widget-ft li:first-child {
 103         margin-left:0;
 104 }
 105
 106 .yui3-skin-night .yui3-overlay .yui3-widget-ft li:last-child {
 107         margin-right:0;
 108 }
 109
 110 .yui3-skin-night .yui3-overlay .yui3-widget-ft li:last-child a {
 111         border:solid 1px #520E00;
 112         -moz-box-shadow: 0 1px #7D5D57;
 113         -webkit-box-shadow: 0 1px #7D5D57;
 114         box-shadow: 0 1px #7D5D57;
 115         background-color:#901704;
 116         background: -moz-linear-gradient(
 117         100% 0% 270deg,
 118         #ab1c0b,
 119         #7b1400
 120         );
 121     background: -webkit-gradient(
 122         linear,
 123         left top,
 124         left bottom,
 125         from(#ab1c0b),
 126         to(#7b1400)
 127     );
 128         margin-right: 0;
 129 }
 130
 131
 132 /*
 133 .yui3-skin-night .yui3-overlay .yui3-widget-ft li{
 134         display:inline-block;
 135         -moz-border-radius:6px;
 136         -webkit-border-radius:6px;
 137         border-radius:6px;
 138         background-color:#252525;
 139         background: -moz-linear-gradient(
 140         100% 0% 270deg,
 141         #3f3f3f,
 142         #0e0e0e
 143         );
 144         background: -webkit-gradient(
 145         linear,
 146         left top,
 147         left bottom,
 148         from(#3f3f3f),
 149         to(#0e0e0e)
 150     );
 151
 152         line-height:32px;
 153         width:100px;
 154         margin:0px 5px 0px 5px;
 155 }
 156 .yui3-skin-night .yui3-overlay .yui3-widget-ft li:first-child {
 157         margin-left:0px;
 158 }
 159 .yui3-skin-night .yui3-overlay .yui3-widget-ft li:last-child {
 160         background-color:#901704;
 161         background: -moz-linear-gradient(
 162         100% 0% 270deg,
 163         #ab1c0b,
 164         #7b1400
 165         );
 166     background: -webkit-gradient(
 167         linear,
 168         left top,
 169         left bottom,
 170         from(#ab1c0b),
 171         to(#7b1400)
 172     );
 173         margin-right: 0px;
 174 }
 175 */
 176 #yui3-widget-mask{
 177         background-color:#000;
 178         opacity:0.5;
 179 }