Ajax окно uCoz в стили To Do List v.1.0

Рейтинг:3.0

Отличные ajax окна в стиле To Do List подойдёт для сайта с тёмным или даже наоборот светлым дизайном, к тому же отличие от стандартных ajax окон вы видите на скрине

Как и с предыдущим вариантом стиля Ajax окон uCoz, нам не придётся создавать отдельный css файл или прописывать стили после тега , копируем ниже приведённый код в свой файл стилей:

CSS-Code

Code

/* Ajax окно To Do List
----------------------------------------------*/
.xt {background:transparent url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/tool-sprites.png) no-repeat!important; margin-left:5px!important; margin-top:7px!important;}
.xt-close{background-position:0 0!important;}
.xt-close-over{background-position:-15px 0!important;}
.xt-mini{background-position:0 -15px!important;}
.xt-mini-over{background-position:-15px -15px!important;}
.xt-maxi{background-position:0 -30px!important;}
.xt-maxi-over{background-position:-15px -30px!important;}
.xt-rest{background-position:0 -45px!important;}
.xt-rest-over{background-position:-15px -45px!important;}
.xw-hdr { text-align:left!important; padding:0px 5px 0px 0px!important; height:30px!important; }
.xw-hdr-text {font:11px Verdana,Arial,sans-serif!important; font-weight: bold!important; color:#e6e6e6!important; text-shadow: 1px 1px 1px #000!important; vertical-align:3px!important; cursor:default!important; line-height:28px!important; }
.xw-tl {background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_l.png) no-repeat left!important;}
.xw-tc {background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_c.png) top!important;}
.xw-tr {background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/top_p.png) no-repeat right!important;}
.xw-bl{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/bottom_l.png) no-repeat left bottom!important;}
.xw-bc{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/bottom_c.png) bottom!important;}
.xw-br{background: url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/bottom_p.png) no-repeat right bottom!important;}
.xw-ml{padding-left:0px!important;}
.xw-mr{padding-right:0px!important;}
.xw-plain .xw-mc{background: #f7f7f7 url(http://www.center-dm.ru/ucoz/ajax/ToDoList_v1/fon_ten.png) repeat-x top!important; padding: 15px 0px 0px 0px!important; border-top: 1px solid #b5b5b5!important; border-right: 1px solid #b5b5b5!important; border-bottom: none!important; border-left: 1px solid #b5b5b5!important;}
.xw-plain .xw-body{padding:0px!important; border: none!important; }
.myWinCont {padding:0px 10px 10px 10px!important;}
.xw-blank {background:#999!important;}
.myWinTD1 {background:none!important;}
/* ------------------------------------------*/

Также выкладываю rar архив, в котором находятся изображения которые используется в данном примере.