lay {color: rgba (0, 0, 0, 0.6) ;: 0 ;: default ;: 0 ;: 0 ;: fixed ;: 0 ;: 0 ;: hidden; index: 1;
webkit-transition: opacity .5s;
moz-transition: opacity .5s;
ms-transition: opacity .5s;
o-transition: opacity .5s ;: opacity .5s;
}
. overlay: target {: visible ;: 1;
}
. popup {color: #fff ;: 3px solid #fff ;: inline-block ;: 50% ;: 0 ;: 15px ;: fixed; align: justify ;: 40% ;: hidden ; index: 10;
webkit-transform: translate (- 50%, - 50%);
moz-transform: translate (- 50%, - 50%);
ms-transform: translate (- 50%, - 50%);
o-transform: translate (- 50%, - 50%) ;: translate (- 50%, - 50%);
webkit-border-radius: 10px;
moz-border-radius: 10px;
ms-border-radius: 10px;
o-border-radius: 10px; radius: 10px;
webkit-box-shadow: 0 1px 1px 2px rgba (0, 0, 0, 0.4) inset;
moz-box-shadow: 0 1px 1px 2px rgba (0, 0, 0, 0.4) inset;
ms-box-shadow: 0 1px 1px 2px rgba (0, 0, 0, 0.4) inset;
o-box-shadow: 0 1px 1px 2px rgba (0, 0, 0, 0.4) inset; shadow: 0 1px 1px 2px rgba (0, 0, 0, 0.4) inset;
webkit-transition: opacity .5s, top .5s;
moz-transition: opacity .5s, top .5s;
ms-transition: opacity .5s, top .5s;
o-transition: opacity .5s, top .5s ;: opacity .5s, top .5s;
}
. overlay: target + .popup {: 50% ;: 1 ;: visible;
}
. close {color: rgba (0, 0, 0, 0.8) ;: 30px; height: 30px ;: absolute ;: 0; align: center; decoration: none ;: - 15px ;: 30px;
webkit-border-radius: 15px;
moz-border-radius: 15px;
ms-border-radius: 15px;
o-border-radius: 15px; radius: 15px;
}
. close: before {: rgba (255, 255, 255, 0.9) ;: X raquo ;; size: 24px; shadow: 0 - 1px rgba (0, 0, 0, 0.9) ;
}
. close: hover {color: rgba (64, 128, 128, 0.8);
}
. popup p, .popup div {bottom: 10px;
}
. popup label {: inline-block; align: left ;: 120px;
}
. popup input [type= text ], .popup input [type= password ] {: 1px solid; color: # 999 #ccc #ccc ;: 0 ;: 2px ;
webkit-border-radius: 2px;
moz-border-radius: 2px;
ms-border-radius: 2px;
o-border-radius: 2px; radius: 2px;
}
. popup input [type= text ]: hover, .popup input [type= password ]: hover {
border-color: # 555 # 888 # 888;
}
ДОДАТОК Б
Текст використовуваних скриптів
lt; -! Панель навігації" акордеон" - gt;
lt; div id= wrapper - 200a gt;
lt; ul gt;
lt; li id ??= one gt;
lt; a href= # one gt; Білоруси lt; span gt; 8 lt;/span gt; lt;/a gt;
lt; ul gt;
lt; li gt; lt; a href= Contacts.html gt; Контакти lt; span gt; 1 lt;/span gt; lt;/a gt; lt;/li gt;
lt; li gt; lt; a href= Blogs.html gt; Блоги lt; span gt; 4 lt;/span gt; lt;/a gt; lt;/li gt;
lt; li gt; lt; a href= Ads.html gt; Оголошення lt; span gt; 3 lt;/span gt; lt;/a gt; lt;/li gt;
lt;/ul gt;
lt;/li gt;
lt; li id ??= two gt;
lt; a href= # two gt; Пошта lt; span gt; 19 lt;/span gt; lt;/a gt;
lt; ul gt;
lt; li gt; lt; a href= Private messages.html gt; Приватні повідомлення lt; span gt; 2 lt;/span gt; lt;/a gt; lt;/li gt;
lt; li gt; lt; a href= Yahoo.html gt; Yahoo lt; span gt; 14 lt;/span gt; lt;/a gt; lt;/li gt;
lt; li gt; lt; a href= Gmail.html gt; Gmail lt; span gt; 3 lt;/span gt; lt;/a gt; lt;/li gt;
