web/static/ldt/css/nyroModal.css
changeset 1 eb9188f2ee4f
equal deleted inserted replaced
0:85b071fb75b2 1:eb9188f2ee4f
       
     1 @charset "UTF-8";
       
     2 
       
     3 div#nyroModalFull {
       
     4 	font-size: 12px;
       
     5 	color: #777;
       
     6 }
       
     7 div#nyroModalLoading {
       
     8 	border: 4px solid #777;
       
     9 	width: 150px;
       
    10 	height: 150px;
       
    11 	text-indent: -9999em;
       
    12 	background: #fff url(../img/ajax-loader-43x43.gif) no-repeat;
       
    13 	background-position: center;
       
    14 }
       
    15 div#nyroModalLoading.error {
       
    16 	border: 4px solid #f66;
       
    17 	line-height: 20px;
       
    18 	padding: 20px;
       
    19 	width: 300px;
       
    20 	height: 100px;
       
    21 	text-indent: 0;
       
    22 	background: #fff;
       
    23 }
       
    24 div#nyroModalWrapper {
       
    25 	background: #fff;
       
    26 	border-color: #777;
       
    27 	border-style: solid;
       
    28 	border-width: 24px 4px 4px 4px;
       
    29 }
       
    30 a#closeBut {
       
    31 	position: absolute;
       
    32 	display: block;
       
    33 	top: -19px;
       
    34 	right: 0px;
       
    35 	width: 16px;
       
    36 	height: 16px;
       
    37 	text-indent: -9999em;
       
    38 	background: url(../img/close.png) no-repeat;
       
    39 	outline: 0;
       
    40 }
       
    41 h1#nyroModalTitle {
       
    42 	margin: 0;
       
    43 	padding: 0;
       
    44 	position: absolute;
       
    45 	top: -22px;
       
    46 	left: 5px;
       
    47 	font-size: 12px;
       
    48 	color: #ddd;
       
    49 }
       
    50 div#nyroModalContent {
       
    51 	overflow: auto;
       
    52 }
       
    53 div.wrapper div#nyroModalContent {
       
    54 	padding: 5px;
       
    55 }
       
    56 div.wrapperImg div#nyroModalContent {
       
    57 	position: relative;
       
    58 	overflow: hidden;
       
    59 	text-align: center;
       
    60 }
       
    61 div.wrapperImg img {
       
    62 	vertical-align: baseline;
       
    63 }
       
    64 div.wrapperImg div#nyroModalContent div {
       
    65 	position: absolute;
       
    66 	bottom: 0;
       
    67 	left: 0;
       
    68 	background: black;
       
    69 	padding: 10px;
       
    70 	margin: 10px;
       
    71 	border: 1px white dotted;
       
    72 	overflow: hidden;
       
    73 	opacity: 0.2;
       
    74 	filter: alpha(opacity=20);
       
    75 }
       
    76 div.wrapperImg div#nyroModalContent div:hover {
       
    77 	opacity: 0.5;
       
    78 	filter: alpha(opacity=50);
       
    79 	cursor: help;
       
    80 }
       
    81 a.nyroModalPrev, a.nyroModalNext {
       
    82 	z-index: 105;
       
    83 	outline: none;
       
    84 	position: absolute;
       
    85 	top: 0;
       
    86 	height: 100%;
       
    87 	width: 40%;
       
    88 	cursor: pointer;
       
    89 	text-indent: -9999em;
       
    90 	background: left 20% no-repeat;
       
    91 	background-image: url(data:image/gif;base64,AAAA); /* Trick IE6 */
       
    92 }
       
    93 div.wrapperSwf a.nyroModalPrev, div.wrapperSwf a.nyroModalNext, div.wrapper a.nyroModalPrev, div.wrapper a.nyroModalNext {
       
    94 	height: 60%;
       
    95 	width: 20%;
       
    96 }
       
    97 a.nyroModalPrev {
       
    98 	left: 0;
       
    99 }
       
   100 a.nyroModalPrev:hover {
       
   101 	background-image: url(../img/prev.gif);
       
   102 }
       
   103 a.nyroModalNext {
       
   104 	right: 0;
       
   105 	background-position: right 20%;
       
   106 }
       
   107 a.nyroModalNext:hover {
       
   108 	background-image: url(../img/next.gif);
       
   109 }