1 

     2 /**

     3  * @file

     4  * Basic styling for the Overlay child pages.

     5  */

     6 

     7 html.js {

     8   background: transparent !important;

     9   overflow-y: scroll;

    10 }

    11 html.js body {

    12   background: transparent !important;

    13   margin-left: 0;

    14   margin-right: 0;

    15   padding: 20px 0;

    16 }

    17 

    18 #overlay {

    19   display: table;

    20   margin: 0 auto;

    21   min-height: 100px;

    22   min-width: 700px;

    23   position: relative;

    24   padding: .2em;

    25   padding-bottom: 2em;

    26   padding-right: 26px; /* LTR */

    27   width: 88%;

    28 }

    29 #overlay-titlebar {

    30   padding: 0 20px;

    31   position: relative;

    32   white-space: nowrap;

    33   z-index: 100;

    34 }

    35 #overlay-content {

    36   background: #fff;

    37   clear: both;

    38   color: #000;

    39   padding: .5em 1em;

    40   position: relative;

    41 }

    42 

    43 #overlay-title-wrapper {

    44   overflow: hidden;

    45 }

    46 #overlay-title {

    47   color: #fff;

    48   float: left; /* LTR */

    49   font-size: 20px;

    50   margin: 0;

    51   padding: 0.3em 0;

    52 }

    53 #overlay-title:active,

    54 #overlay-title:focus {

    55   outline: 0;

    56 }

    57 

    58 .overlay #skip-link {

    59   margin-top: -20px;

    60 }

    61 .overlay #skip-link a {

    62   color: #fff; /* This is white to contrast with the dark background behind it. */

    63 }

    64 

    65 #overlay-close-wrapper {

    66   position: absolute;

    67   right: 0; /* LTR */

    68 }

    69 #overlay-close,

    70 #overlay-close:hover {

    71   background: transparent url(images/close.png) no-repeat; /* LTR */

    72   -moz-border-radius-topleft: 0; /* LTR */

    73   -webkit-border-top-left-radius: 0; /* LTR */

    74   border-top-left-radius: 0; /* LTR */

    75   display: block;

    76   height: 26px;

    77   margin: 0;

    78   padding: 0;

    79   /* Replace with position:fixed to get a scrolling close button. */

    80   position: absolute;

    81   width: 26px;

    82 }

    83 

    84 /**

    85  * Tabs on the overlay.

    86  */

    87 #overlay-tabs {

    88   line-height: 27px;

    89   margin: -28px 0 0 0;

    90   position: absolute;

    91   right: 20px; /* LTR */

    92   text-transform: uppercase;

    93 }

    94 #overlay-tabs li {

    95   display: inline;

    96   list-style: none;

    97   margin: 0 0 0 -3px; /* LTR */

    98   padding: 0;

    99 }

   100 #overlay-tabs li a,

   101 #overlay-tabs li a:active,

   102 #overlay-tabs li a:visited,

   103 #overlay-tabs li a:hover {

   104   background-color: #a6a7a2;

   105   -moz-border-radius: 8px 8px 0 0;

   106   -webkit-border-top-left-radius: 8px;

   107   -webkit-border-top-right-radius: 8px;

   108   border-radius: 8px 8px 0 0;

   109   color: #000;

   110   display: inline-block;

   111   font-size: 11px;

   112   font-weight: bold;

   113   margin: 0 0 2px 0;

   114   outline: 0;

   115   padding: 0 14px;

   116   text-decoration: none;

   117 }

   118 #overlay-tabs li.active a,

   119 #overlay-tabs li.active a.active,

   120 #overlay-tabs li.active a:active,

   121 #overlay-tabs li.active a:visited {

   122   background-color: #fff;

   123   margin: 0;

   124   padding-bottom: 2px;

   125 }

   126 #overlay-tabs li a:focus,

   127 #overlay-tabs li a:hover {

   128   color: #fff;

   129 }

   130 #overlay-tabs li.active a:focus,

   131 #overlay-tabs li.active a:hover {

   132   color: #000;

   133 }

   134 

   135 /**

   136  * Add to shortcuts link

   137  */

   138 #overlay-titlebar .add-or-remove-shortcuts {

   139   padding-top: 0.9em;

   140 }

   141 

   142 /**

   143  * IE6 shows elements with position:fixed as position:static so replace

   144  * it with position:absolute;

   145  */

   146 * html #overlay-close,

   147 * html #overlay-close:hover {

   148   position: absolute;

   149 }

   150 

   151 /**

   152  * Disable message.

   153  */

   154 #overlay-disable-message {

   155   background-color: #fff;

   156   margin: -20px auto 20px;

   157   width: 80%;

   158   -moz-border-radius: 0 0 8px 8px;

   159   -webkit-border-bottom-left-radius: 8px;

   160   -webkit-border-bottom-right-radius: 8px;

   161   border-radius: 0 0 8px 8px;

   162 }

   163 .overlay-disable-message-focused {

   164   padding: 0.5em;

   165 }

   166 .overlay-disable-message-focused a {

   167   display: block;

   168   float: left;

   169 }

   170 .overlay-disable-message-focused #overlay-dismiss-message {

   171   float: right;

   172 }