Светлое с темным ободом ajax окно ucoz
Красивое по своему не притязательное ajax окно ucoz. По своей структуре выполнено красиво и оригинально. Под какие может дизайн сайты подойти? Думаю светлые шаблоны, ajax на них будит смотреться шикарно. При наведение на крестик отключит он становится красным и меняет цвет. Приступаем к установке: Качаем архив на ajax окно и заливаем в корень сайта. Потом копируем код и прописываем его в CSS в самый низ его. Код .xw-plain, .xw-resize, .xw-active {color:#e5e5e5;padding:0;position:absolute;background-color:none;border-radius:0px;box-shadow:0px 0px 0px 5px rgba(0,0,0,0.64)} .xw-hdr {text-align: left !important;white-space: nowrap !important;padding: 1px 0 0 0 !important;white-space: nowrap !important;zoom: 1 !important;height: 36px !important;} .xw-hdr-text {padding: 10px 1em .3em;vertical-align: 3px!important;cursor: default!important;font: inherit!important;color: #5e5e5e !important;font-size: 13px!important;line-height: 35px!important;} .xw-sps, .xw-tc, .xw-tr{border-bottom:1px solid #eee;color:#5e5e5e !important;font-size:1.2em !important} .xw-bc, .xw-mr, .xw-bl, .xw-br, .xw-ml, .xw-mc{background:#fff !important;border:0 !important;border-radius:0px;moz-border-radius:0px;webkit-border-radius:3px;} .xw-body{border:0 !important;padding-left:7px !important;padding-right:1px !important;} .xw-tl, .xw-tr, .xw-tc {background: #EDEDED url("/ajax/ui-dialog-titlebar.png") repeat-x !important;} .xw-sps {display:none !important;} .myWinCont {font-size: 11px!important;} .myWinPollTd {padding-right: 15px;padding-bottom: 13px;background: white!important;border: 1px solid #E7E7E7;padding: 7px;} .xt-mini {display:none !important;} .xt-maxi {display:none !important;} .xt-rest {display:none !important;} .xt-reset{display:none !important;} .xt-mini {display:none !important;} .xt-close {background:url('/ajax/close.png') no-repeat!important; width:18px !important;height:18px !important;top: 10%!important;} .xt-close:hover {padding: 0!important;background: url("/ajax/close.png") no-repeat 0 -18px !important;} .xt-maxi {display:none !important;} .xstl, .xstr, .x-sh {display:none !important;} .myWinCont legend {color: rgb(134, 134, 134)!important;} .myWinCont fieldset {border: 1px solid rgb(233, 233, 233)!important;padding: 2px 5px!important;margin-bottom: 3px!important;} .myBtnLeft, .myBtnRight, .myBtnLeftA, .myBtnRightA {display: none !important;} .myBtnCenter, .myBtnCenterA {background: none !important;} .myBtnCont a:link { display: inline-block; overflow: hidden; background: #ffffff; /* Old browsers */ background: -moz-linear-gradient(top, #ffffff 0%, #edecec 100%) !important; /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#edecec)) !important; /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ffffff 0%,#edecec 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ffffff 0%,#edecec 100%) !important; /* IE10+ */ background: linear-gradient(to bottom, #ffffff 0%,#edecec 100%) !important; /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#edecec',GradientType=0 ) !important; /* IE6-8 */ -webkit-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89); -moz-box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89); box-shadow: inset 0px 0px 0px 1px rgba(209, 209, 209, 1), 0px 1px 2px 0px rgba(0, 0, 0, 0.89); padding: 2px 10px 3px 10px !important; -webkit-border-radius: 3px !important; -moz-border-radius: 3px !important; border-radius: 3px !important; font-size: 13px !important; margin: 0 7px 0 0; cursor: pointer; font-family: 'Ubuntu Condensed', sans-serif !important; color: #57749d !important; } .myBtnCont a:hover { color: #828384 !important; text-decoration: none !important; } |
Поделиться в социальных сетях
Материал разместил
Комментарии: 0 | |