Файл preview.css

1   /*    1   /* 
2   ========== ========== ========== ========== ========== ========== =   2   ========== ========== ========== ========== ========== ========== =
3   This Skin  for DataLi fe Engine  Developed  by DLETemp lates.com   3   This Skin  for DataLi fe Engine  Developed  by DLETemp lates.com
4   Copyright  © 2005-200 7 DLETempl ates.com   All Rights  Reserved.   4   Copyright  © 2005-200 7 DLETempl ates.com   All Rights  Reserved.
5     5  
6   File 'prev iew.css' -  Cascading  Style She et (CSS) D ocument   6   File 'prev iew.css' -  Cascading  Style She et (CSS) D ocument
7   ========== ========== ========== ========== ========== ========== =   7   ========== ========== ========== ========== ========== ========== =
8   */   8   */
9     9  
10   /* ======= ========== === */   10   /* ======= ========== === */
11     11  
12   html, body  {   12   html, body  {
13           he ight: 100% ;   13           he ight: 100% ;
14           ma rgin: 0px;   14           ma rgin: 0px;
15           pa dding: 0px ;   15           pa dding: 0px ;
16           ba ckground-c olor: #FFF FFF;   16           ba ckground-c olor: #FFF FFF;
17           fo nt-size: 1 1px;   17           fo nt-size: 1 1px;
18           fo nt-family:  tahoma;   18           fo nt-family:  tahoma;
19           co lor: #7575 75; /* цве т текста з адается дл я загрузчи ка, чтобы  не вносить  изменений  в главный  index.php  */   19           co lor: #7575 75; /* цве т текста з адается дл я загрузчи ка, чтобы  не вносить  изменений  в главный  index.php  */
20   }   20   }
21   table {   21   table {
22           bo rder: 0px;   22           bo rder: 0px;
23           bo rder-colla pse: colla pse;   23           bo rder-colla pse: colla pse;
24   }   24   }
25   table td {   25   table td {
26           pa dding: 0px ;   26           pa dding: 0px ;
27   }   27   }
28     28  
29   p {margin:  0; paddin g: 0;}   29   p {margin:  0; paddin g: 0;}
30     30  
31   /* ======= ========== === */   31   /* ======= ========== === */
32     32  
33   .category  {   33   .category  {
34           co lor: #7575 75;   34           co lor: #7575 75;
35           fo nt-size: 1 1px;                  /* ! */   35           fo nt-size: 1 1px;                  /* ! */
36           fo nt-family:  tahoma;     /* ! */   36           fo nt-family:  tahoma;     /* ! */
37           te xt-decorat ion: none;   37           te xt-decorat ion: none;
38   }   38   }
39   .category  a {   39   .category  a {
40           co lor: #E340 00;   40           co lor: #E340 00;
41           te xt-decorat ion: none;   41           te xt-decorat ion: none;
42   }   42   }
43   .category  a:hover {   43   .category  a:hover {
44           co lor: #E340 00;   44           co lor: #E340 00;
45           te xt-decorat ion: under line;   45           te xt-decorat ion: under line;
46   }   46   }
47     47  
48   /* ======= ========== === */   48   /* ======= ========== === */
49     49  
50   .slink {   50   .slink {
51           co lor: #7575 75;   51           co lor: #7575 75;
52           fo nt-size: 1 1px;                  /* ! */   52           fo nt-size: 1 1px;                  /* ! */
53           fo nt-family:  tahoma;     /* ! */   53           fo nt-family:  tahoma;     /* ! */
54           te xt-decorat ion: none;   54           te xt-decorat ion: none;
55   }   55   }
56   .slink a:a ctive, .sl ink a:visi ted, .slin k a:link {   56   .slink a:a ctive, .sl ink a:visi ted, .slin k a:link {
57           co lor: #E340 00;   57           co lor: #E340 00;
58           te xt-decorat ion: none;   58           te xt-decorat ion: none;
59   }   59   }
60   .slink a:h over {   60   .slink a:h over {
61           co lor: #E340 00;   61           co lor: #E340 00;
62           te xt-decorat ion: under line;   62           te xt-decorat ion: under line;
63   }   63   }
64     64  
65   /* ======= ========== === */   65   /* ======= ========== === */
66     66  
67   .copy {   67   .copy {
68           co lor: #7575 75;   68           co lor: #7575 75;
69           fo nt-size: 1 1px;                  /* ! */   69           fo nt-size: 1 1px;                  /* ! */
70           fo nt-family:  tahoma;     /* ! */   70           fo nt-family:  tahoma;     /* ! */
71           te xt-decorat ion: none;   71           te xt-decorat ion: none;
72   }   72   }
73   .copy a:ac tive, .cop y a:visite d, .copy a :link {   73   .copy a:ac tive, .cop y a:visite d, .copy a :link {
74           co lor: #7575 75;   74           co lor: #7575 75;
75           te xt-decorat ion: none;   75           te xt-decorat ion: none;
76   }   76   }
77   .copy a:ho ver {   77   .copy a:ho ver {
78           co lor: #4b73 d4;   78           co lor: #4b73 d4;
79           te xt-decorat ion: under line;   79           te xt-decorat ion: under line;
80   }   80   }
81     81  
82   /* ======= ========== === */   82   /* ======= ========== === */
83     83  
84   .stext {   84   .stext {
85           co lor: #7575 75;   85           co lor: #7575 75;
86           fo nt-size: 1 1px;                  /* ! */   86           fo nt-size: 1 1px;                  /* ! */
87           fo nt-family:  tahoma;     /* ! */   87           fo nt-family:  tahoma;     /* ! */
88           te xt-decorat ion: none;   88           te xt-decorat ion: none;
89   }   89   }
90   .stext a:a ctive, .st ext a:visi ted, .stex t a:link {   90   .stext a:a ctive, .st ext a:visi ted, .stex t a:link {
91           co lor: #4b73 d4;   91           co lor: #4b73 d4;
92           te xt-decorat ion: none;   92           te xt-decorat ion: none;
93   }   93   }
94   .stext a:h over {   94   .stext a:h over {
95           co lor: #4b73 d4;   95           co lor: #4b73 d4;
96           te xt-decorat ion: under line;   96           te xt-decorat ion: under line;
97   }   97   }
98     98  
99   /* ======= ========== === */   99   /* ======= ========== === */
100     100  
101   .ntitle {   101   .ntitle {
102           co lor: #6363 63;   102           co lor: #6363 63;
103           fo nt-size: 1 2px;   103           fo nt-size: 1 2px;
104           fo nt-weight:  bold;   104           fo nt-weight:  bold;
105   }   105   }
106   .ntitle a  {   106   .ntitle a  {
107           co lor: #4B73 D4;   107           co lor: #4B73 D4;
108           te xt-decorat ion: none;   108           te xt-decorat ion: none;
109   }   109   }
110   .ntitle a: hover {   110   .ntitle a: hover {
111           co lor: #4B73 D4;   111           co lor: #4B73 D4;
112           te xt-decorat ion: under line;   112           te xt-decorat ion: under line;
113   }   113   }
114     114  
115   /* ======= ========== === */   115   /* ======= ========== === */
116     116  
117   .ctitle {   117   .ctitle {
118           co lor: #6363 63;   118           co lor: #6363 63;
119           fo nt-size: 1 1px;   119           fo nt-size: 1 1px;
120           fo nt-weight:  normal;   120           fo nt-weight:  normal;
121   }   121   }
122   .ctitle a  {   122   .ctitle a  {
123           co lor: #4B73 D4;   123           co lor: #4B73 D4;
124           te xt-decorat ion: none;   124           te xt-decorat ion: none;
125   }   125   }
126   .ctitle a: hover {   126   .ctitle a: hover {
127           co lor: #4B73 D4;   127           co lor: #4B73 D4;
128           te xt-decorat ion: under line;   128           te xt-decorat ion: under line;
129   }   129   }
130     130  
131   /* ======= ========== === */   131   /* ======= ========== === */
132     132  
133   .news {   133   .news {
134           co lor: #7575 75;   134           co lor: #7575 75;
135           fo nt-size: 1 1px;                  /* ! */   135           fo nt-size: 1 1px;                  /* ! */
136           fo nt-family:  tahoma;     /* ! */   136           fo nt-family:  tahoma;     /* ! */
137           te xt-align:  justify;   137           te xt-align:  justify;
138   }   138   }
139   .news img  {   139   .news img  {
140           bo rder:none;   140           bo rder:none;
141   }   141   }
142   .news a {   142   .news a {
143           co lor: #4B73 D4;   143           co lor: #4B73 D4;
144           te xt-decorat ion: none;   144           te xt-decorat ion: none;
145   }   145   }
146   .news a:ho ver {   146   .news a:ho ver {
147           co lor: #4B73 D4;   147           co lor: #4B73 D4;
148           te xt-decorat ion: under line;   148           te xt-decorat ion: under line;
149   }   149   }
150     150  
151   /* CUSTOM  STYLES FOR  DLETEMPLA TES.COM SK IN */   151   /* CUSTOM  STYLES FOR  DLETEMPLA TES.COM SK IN */
152     152  
153   .a_block_1 2 {   153   .a_block_1 2 {
154            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_12.gif);   154            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_12.gif);
155           ba ckground-r epeat: rep eat-x;   155           ba ckground-r epeat: rep eat-x;
156   }   156   }
157   .a_block_2 2 {   157   .a_block_2 2 {
158            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_22.gif);   158            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_22.gif);
159           ba ckground-r epeat: rep eat-x;   159           ba ckground-r epeat: rep eat-x;
160   }   160   }
161   .a_block_3 2 {   161   .a_block_3 2 {
162            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_32.gif);   162            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_32.gif);
163           ba ckground-r epeat: rep eat-x;   163           ba ckground-r epeat: rep eat-x;
164   }   164   }
165   .a_block_4 2 {   165   .a_block_4 2 {
166            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_42.gif);   166            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_42.gif);
167           ba ckground-r epeat: rep eat-x;   167           ba ckground-r epeat: rep eat-x;
168   }   168   }
169   .a_block_5 2 {   169   .a_block_5 2 {
170            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_52.gif);   170            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_52.gif);
171           ba ckground-r epeat: rep eat-x;   171           ba ckground-r epeat: rep eat-x;
172   }   172   }
173   .a_block_6 1 {   173   .a_block_6 1 {
174            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_61.gif);   174            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_61.gif);
175           ba ckground-r epeat: rep eat-y;   175           ba ckground-r epeat: rep eat-y;
176   }   176   }
177   .a_block_6 3 {   177   .a_block_6 3 {
178            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_63.gif);   178            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_63.gif);
179           ba ckground-r epeat: rep eat-y;   179           ba ckground-r epeat: rep eat-y;
180   }   180   }
181   .a_block_7 2 {   181   .a_block_7 2 {
182            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_72.gif);   182            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_72.gif);
183           ba ckground-r epeat: rep eat-x;   183           ba ckground-r epeat: rep eat-x;
184   }   184   }
185   .a_block_8 2 {   185   .a_block_8 2 {
186            background -image:   url(../../ templates/ D e fau l t /images/dl et_artbloc k_82.gif);   186            background -image:   url(../../ templates/ Fl e xib l e /images/dl et_artbloc k_82.gif);
187           ba ckground-r epeat: rep eat-x;   187           ba ckground-r epeat: rep eat-x;
188   }   188   }
189   .quote {   189   .quote {
190           co lor: #7575 75;   190           co lor: #7575 75;
191           ba ckground-c olor: #f2f 2f2;   191           ba ckground-c olor: #f2f 2f2;
192           bo rder: 1px  dotted #be bebe;   192           bo rder: 1px  dotted #be bebe;
193           te xt-align:  justify;   193           te xt-align:  justify;
194           pa dding: 5px ;   194           pa dding: 5px ;
195   }   195   }
196     196  
197   /* ======= ========== === Tэг CO DE */   197   /* ======= ========== === Tэг CO DE */
198     198  
199   .scriptcod e {   199   .scriptcod e {
200           co lor: #7575 75;   200           co lor: #7575 75;
201           ba ckground-c olor: #f2f 2f2;    201           ba ckground-c olor: #f2f 2f2; 
202           bo rder: 1px  dotted #be bebe;   202           bo rder: 1px  dotted #be bebe;
203           te xt-align:  left;   203           te xt-align:  left;
204           pa dding: 5px ;   204           pa dding: 5px ;
205   }   205   }
206     206  
207   /* ======= ========== === Тег SP OILER */   207   /* ======= ========== === Тег SP OILER */
208     208  
209   .title_spo iler {   209   .title_spo iler {
210           co lor: #6363 63;   210           co lor: #6363 63;
211           ba ckground-c olor: #f2f 2f2;   211           ba ckground-c olor: #f2f 2f2;
212           bo rder: 1px  dotted #be bebe;    212           bo rder: 1px  dotted #be bebe; 
213           fo nt-weight:  bold;   213           fo nt-weight:  bold;
214           pa dding: 5px ;   214           pa dding: 5px ;
215   }   215   }
216   .text_spoi ler {   216   .text_spoi ler {
217           co lor: #7575 75;   217           co lor: #7575 75;
218           ba ckground-c olor: #f2f 2f2;   218           ba ckground-c olor: #f2f 2f2;
219           bo rder: 1px  dotted #be bebe;   219           bo rder: 1px  dotted #be bebe;
220           bo rder-top:  0;   220           bo rder-top:  0;
221           te xt-align:  justify;   221           te xt-align:  justify;
222           pa dding: 5px ;   222           pa dding: 5px ;
223   }   223   }
        224   /* ======= ========== === показ  оригинальн ой картинк и загружен ной на сай т из умень шенной коп ии */
        225   .highslide -active-an chor img {
        226           vi sibility:  hidden;
        227   }
        228   .highslide -dimming {
        229           ba ckground:  black;
        230   }
        231   .highslide -image-blu r {
        232   }
        233   .highslide -html {
        234           ba ckground-c olor: whit e;
        235   }
        236   .highslide -html-cont ent {
        237           di splay: non e;
        238   }
        239   .highslide -loading {
        240       displa y: block;
        241           co lor: white ;
        242           fo nt-size: 9 px;
        243           fo nt-weight:  bold;
        244       text-d ecoration:  none;
        245           pa dding: 3px ;
        246           bo rder: 1px  solid whit e;
        247       backgr ound-color : black;
        248   }
        249   a.highslid e-full-exp and {
        250           ba ckground:  url(../../ templates/ Flexible/d leimages/f ullexpand. gif) no-re peat;
        251           di splay: blo ck;
        252           ma rgin: 0 10 px 10px 0;
        253           wi dth: 34px;
        254           he ight: 34px ;
        255   }
        256   .highslide -footer {
        257           he ight: 11px ;
        258   }
        259   .highslide -footer .h ighslide-r esize {
        260           fl oat: right ;
        261           he ight: 12px ;
        262           wi dth: 11px;
        263           ba ckground:  url(../../ templates/ Flexible/d leimages/r esize.gif) ;
        264   }
        265   .highslide -resize {
        266       cursor : nw-resiz e;
        267   }
        268   .highslide -display-b lock {
        269       displa y: block;
        270   }
        271   .highslide -display-n one {
        272       displa y: none;
        273   }
        274  
        275   .highslide -caption {
        276           di splay: non e;
        277           pa dding: 5px ;
        278           ba ckground:  white;
        279   }
        280  
        281   .highslide -controls  {
        282       width:  195px;
        283       height : 40px;
        284       backgr ound: url( ../../engi ne/classes /highslide /graphics/ controlbar -black-bor der.gif) 0  -90px no- repeat;
        285       margin -right: 15 px;
        286       margin -bottom: 1 0px;
        287       margin -top: 10px ;
        288   }
        289   .highslide -controls  ul {
        290           po sition: re lative;
        291           le ft: 15px;
        292       height : 40px;
        293       list-s tyle: none ;
        294       margin : 0;
        295       paddin g: 0;
        296       backgr ound: url( ../../engi ne/classes /highslide /graphics/ controlbar -black-bor der.gif) r ight -90px  no-repeat ;
        297   }
        298   .highslide -controls  li {
        299       float:  left;
        300       paddin g: 5px 0;
        301   }
        302   .highslide -controls  a {
        303       backgr ound: url( ../../engi ne/classes /highslide /graphics/ controlbar -black-bor der.gif);
        304       displa y: block;
        305       float:  left;
        306       height : 30px;
        307       width:  30px;
        308       outlin e: none;
        309   }
        310   .highslide -controls  a.disabled  {
        311       cursor : default;
        312   }
        313   .highslide -controls  a span {
        314       /* hid e the text  for these  graphic b uttons */
        315       displa y: none;
        316   }
        317    
        318   /* The CSS  sprites f or the con trolbar */
        319   .highslide -controls  .highslide -previous  a {
        320       backgr ound-posit ion: 0 0;
        321   }
        322   .highslide -controls  .highslide -previous  a:hover {
        323       backgr ound-posit ion: 0 -30 px;
        324   }
        325   .highslide -controls  .highslide -previous  a.disabled  {
        326       backgr ound-posit ion: 0 -60 px !import ant;
        327   }
        328   .highslide -controls  .highslide -play a {
        329       backgr ound-posit ion: -30px  0;
        330   }
        331   .highslide -controls  .highslide -play a:ho ver {
        332       backgr ound-posit ion: -30px  -30px;
        333   }
        334   .highslide -controls  .highslide -play a.di sabled {
        335           ba ckground-p osition: - 30px -60px  !importan t;
        336   }
        337   .highslide -controls  .highslide -pause a {
        338       backgr ound-posit ion: -60px  0;
        339   }
        340   .highslide -controls  .highslide -pause a:h over {
        341       backgr ound-posit ion: -60px  -30px;
        342   }
        343   .highslide -controls  .highslide -next a {
        344       backgr ound-posit ion: -90px  0;
        345   }
        346   .highslide -controls  .highslide -next a:ho ver {
        347       backgr ound-posit ion: -90px  -30px;
        348   }
        349   .highslide -controls  .highslide -next a.di sabled {
        350       backgr ound-posit ion: -90px  -60px !im portant;
        351   }
        352   .highslide -controls  .highslide -move a {
        353       backgr ound-posit ion: -120p x 0;
        354   }
        355   .highslide -controls  .highslide -move a:ho ver {
        356       backgr ound-posit ion: -120p x -30px;
        357   }
        358   .highslide -controls  .highslide -full-expa nd a {
        359       backgr ound-posit ion: -150p x 0;
        360   }
        361   .highslide -controls  .highslide -full-expa nd a:hover  {
        362       backgr ound-posit ion: -150p x -30px;
        363   }
        364   .highslide -controls  .highslide -full-expa nd a.disab led {
        365       backgr ound-posit ion: -150p x -60px !i mportant;
        366   }
        367   .highslide -controls  .highslide -close a {
        368       backgr ound-posit ion: -180p x 0;
        369   }
        370   .highslide -controls  .highslide -close a:h over {
        371       backgr ound-posit ion: -180p x -30px;
        372   }