View file 0-key.ru/Style/design/touch/style.css

/*

    Design by K1p
    Icq 83-900-16
    Site http://designbykip.ru

*/

body {
    background-image: url(img/body.gif);
    background-color: #303135;
    padding: 0px;
    margin: auto;
    max-width: 500px;
    font-size: 13px;
    font-family: Arial, Tahoma;
    color: #2c2c2c;
}

h1 {font-size:11px;color:#fff;display:inline;margin:0}

a:link, a:visited
{
  text-decoration: none;
  color: #2c9a97;
}

input[type=submit]
{
    background: #e7e9ed url(img/input_button.png) repeat-x;
    margin: 0px;
    color: #6d7280;
    Text-Shadow: #FFFFFF 1px 1px 0px;
    border: 1px solid #adb0ba;
    border-bottom: 1px solid #c4c7d2;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    cursor: pointer;
}
input[type=submit]:hover
{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
input[type=submit]:active
{
    background: #eef0f4 url(img/input_button_active.png) repeat-x;
    Text-Shadow: #ffffff 0px -1px 0px;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}

input, textarea
{
    background: #ffffff url(img/input_bg.png) repeat-x;
    margin: 0px;
    color: #91959f;
    font-size: 10pt;
    border: 1px solid #adb0ba;
    border-bottom: 1px solid #c4c7d2;
    border-right: 1px solid #c4c7d2;
    padding: 3px;
    padding-left: 5px;
    padding-right: 5px;
    box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px -1px rgba(255,255,255,0.5);
    box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.1);
}
input:focus, textarea:focus
{
    outline: 0px;
}

.hr
{
  border-bottom: 1px solid #FFFFFF;

}

.pages, .pages :visited {
    background-color: #dedede;
    padding: 5px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    color: #366996;
}

.pages :hover, .pages :active {
    background-color: #f6f6f6;
    padding: 5px;
    border: 1px solid #cfcfcf;
    border-radius: 7px;
    color: #366996;
}





.site {
    box-shadow: 0px 0px 20px #000000;
}

.logo {
    background-image: url(img/logo.gif);
    text-align: center;
    background-position: top;
    background-repeat: repeat-x;
    background-color: #427bad;
    padding: 15px;
    border-bottom: 1px solid #346793;
}

.title {
    background-image: url(img/title.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #427bad;
    padding: 10px;
    border-top: 1px solid #69a1db;
    border-bottom: 1px solid #2f5e87;
    color: #ffffff;
    text-shadow: 1px 1px 0px #233f58;
	text-align: center;
}

.news {
    background-image: url(img/news.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #ededed;
    padding: 10px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c2c2;
    text-align: justify;
}

.news p {
    padding: 10px 0px 10px 0px;
    margin: 7px 0px 0px 0px;
}

.news a:link, .news a:visited {
    background-color: #dedede;
    padding: 10px;
    border: 1px solid #ffffff;
    border-radius: 7px;
    color: #366996;
}

.news a:hover, .news a:active {
    background-color: #f6f6f6;
    padding: 10px;
    border: 1px solid #cfcfcf;
    border-radius: 7px;
    color: #366996;
}

.link {
    background-color: #d4d4d4;
}

.link a:link, .link a:visited {
    background-image: url(img/link.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding: 10px;
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c2c2;
    color: #325f86;
    text-shadow: 1px 1px 0px #ffffff;
}

.link a:hover, .link a:active {
    background-image: url(img/link2.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #8eb1d0;
    padding: 10px;
    display: block;
    border-top: 1px solid #e6f3ff;
    border-bottom: 1px solid #6b9bc5;
    color: #354a5d;
    text-shadow: 1px 1px 0px #d7e4ef;
}


.back {
    background-color: #d4d4d4;
}

.back a:link, .back a:visited {
    background-image: url(img/link.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding: 10px;
    display: block;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c2c2;
    color: #325f86;
    text-shadow: 1px 1px 0px #ffffff;
}

.back a:hover, .back a:active {
    background-image: url(img/link2.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #8eb1d0;
    padding: 10px;
    display: block;
    border-top: 1px solid #e6f3ff;
    border-bottom: 1px solid #6b9bc5;
    color: #354a5d;
    text-shadow: 1px 1px 0px #d7e4ef;
}




.rekl {
    background-image: url(img/rekl.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #3e73a2;
    padding: 8px;
    border-bottom: 1px solid #143556;
    border-top: 1px solid #b9d6f4;
}

.wrekl {
    background-image: url(img/wrekl.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #cdcdcd;
    border: 1px solid #1e4a72;
    border-radius: 8px;
}

.wlink {
    border-bottom: 1px solid #d5d5d5;
}

.wlink a:link, .wlink a:visited {
    padding: 8px;
    display: block;
    color: #366590;
    font-style: italic;
}

.wlink a:hover, .wlink a:active {
    background-color: #ffffff;
    padding: 8px;
    display: block;
    color: #366590;
    font-style: italic;
    border-radius: 8px 8px 0px 0px;
}

.wlink2 {
    border-top: 1px solid #ffffff;
}

.wlink2 a:link, .wlink2 a:visited {
    padding: 8px;
    display: block;
    color: #366590;
    font-style: italic;
}

.wlink2 a:hover, .wlink2 a:active {
    background-color: #ffffff;
    padding: 8px;
    display: block;
    color: #366590;
    font-style: italic;
    border-radius: 0px 0px 8px 8px;
}

.home {
    background-image: url(img/home.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #3e74a4;
    border-bottom: 1px solid #24486d;
    border-top: 1px solid #638fbd;
}

.home a:link, .home a:visited {
    padding: 10px;
    display: block;
    color: #ffffff;
    text-shadow: 1px 1px 0px #233f58;
}

.home a:hover, .home a:active {
    background-image: url(img/home2.gif);
    background-position: top;
    background-repeat: repeat-x;
    padding: 10px;
    display: block;
    color: #ffffff;
    text-shadow: 1px 1px 0px #233f58;
}

.text {
    background-image: url(img/news.gif);
    background-position: top;
    background-repeat: repeat-x;
    background-color: #ededed;
    padding: 10px;
    border-top: 1px solid #ffffff;
    border-bottom: 1px solid #c2c2c2;
    text-align: justify;
}

.count {
    float: right;
    padding: 2px;
    border: 1px solid #D1D1D1;
    border-radius: 100px;
    font-size: 10px;
    font-weight: normal;
    color: #929292;
    background: #fff;
}

.footer {
    text-align:center;
	text-shadow:0 1px 1px #555;
	background: #fff;
}

.footer a{
    border-top:1px solid #4574A7;
    border-right:1px solid #4574A7;
    display:table-cell;
    width:1%;
    padding:8px 2px;
    color:#fff;
    background:#5881B0;}

.footer a:hover{
    background:#6A93C1;
}

/*                 4321432423 4 234234 23 4*/
.pagination
{
    background: url(img/header_bg.png) repeat-x;
    padding: 8px;
    border: 1px solid #8a8f9f;
    border-left: 0px;
    border-bottom: 0px;
    border-right: 0px;
    text-align: center;
}
.pagination_nobutton
{
    padding: 10px;
    padding-left: 10px;
    display: inline-block;
    padding-right: 10px;
}

.pagination_button
{
    background: url(img/header_button.png) repeat-x;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    border: 1px solid #abb0be;
    border-bottom: 1px solid #8a8f9d;
    color: #484b55;
    Text-Shadow: #FFFFFF 1px 1px 0px;
    display: inline-block;
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -icab-border-radius: 3px;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}
.pagination_button:hover
{
    box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 1px 1px rgba(0,0,0,0.2);
}
.pagination_button:active
{
    background: url(img/header_button_active.png) repeat-x;
    color: #ffffff;
    border: 1px solid #2677cb;
    Text-Shadow: #398efd 0px -1px 0px;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
}
.pagination_select
{
    background: url(img/header_button_active.png) repeat-x;
    color: #ffffff;
    border: 1px solid #2677cb;
    padding: 5px;
    padding-left: 10px;
    padding-right: 10px;
    Text-Shadow: #398efd 0px -1px 0px;
    display: inline-block;
    box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -moz-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    -webkit-box-shadow: 0px 1px 1px rgba(255,255,255,0.5);
    border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    -o-border-radius: 3px;
    -ms-border-radius: 3px;
    -icab-border-radius: 3px;
}