Просмотр архива Соц сеть

body
{	
	color: #59575C;
    font-size: 11px;
    font-family:
verdana,tahoma, arial;
    background: #ffffff url(background.png);
   
margin: auto;
    max-width: 400px;
}

a:link, a:visited {
    color:
#6A686E;
    text-decoration: none;
}
a:hover {
    color: #666;
   
transition: all .2s ease-in-out;
    -webkit-transition: all .2s
ease-in-out;
    -moz-transition: all .2s ease-in-out;
}

.background
{
    background: #ffffff;
    padding-bottom: 1px;
    border: 1px
solid #8a8f9f;
    border-radius: 5px;
    box-shadow: 0px 0px 10px
rgba(0,0,0,0.3);
    -moz-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
   
-webkit-box-shadow: 0px 0px 10px rgba(0,0,0,0.3);
    position:
relative;
}

select {
    border: #d8d8d8 1px solid;
    background:
#fff;
    color: #636563;
    padding:
3px;
}
input[type="text"], input[type="password"],
textarea {
    background: #fff;
    border: 1px solid #d8d8d8;
   
color: #000;
    padding: 5px;
    margin-top: 1px;
    margin-bottom:
1px;
}
input[type="submit"] {
    background:
url(header_button.png) repeat-x;
    padding: 4px;
    border: 1px solid
#abb0be;
    border-bottom: 1px solid #8a8f9d;
    color: #484b55;
   
Text-Shadow: #FFFFFF 1px 1px 0px;
    display: inline-block;
   
border-radius: 3px;
    -moz-border-radius: 3px;
   
-webkit-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);
}
input[type="submit"]:hover {
   
cursor: pointer;
    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: url(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);
}
form {
    border-bottom: 0px;
    padding:
8px;
    padding-bottom: 7px;
    color: #5c5f70;
}

.link {
   
background: #f8f9fb;
    border-top: 1px solid #b5b3c9;
   
border-bottom: 0px;
    padding: 8px;
    padding-bottom: 7px;
   
color: #5c5f70;
    text-align: left;
    word-break: break-all;
   
display: block;
}
.link:hover {
    color: #333;
    background:
#eaeaea;
}
.link a {
    color: #333;
}

.link3 {
    font-size:
13px;
    background: #f8f9fb;
    border-top: 1px solid #b5b3c9;
   
border-bottom: 0px;
    padding: 12px;
    padding-left: 15px;
   
padding-bottom: 9px;
    color: #5c5f70;
    text-align: left;
   
word-break: break-all;
    display: block;
}
.link3:hover {
    color:
#333;
    background: #eaeaea;
}
.link3 a {
    color:
#333;
}

.link2 {
    background: #9DCCE5;
    border-top: 1px solid
#8c8a8c;
    border-bottom: 1px solid #8c8a8c;
    margin-top: 1px;
   
margin-bottom: 1px;
    padding: 5px;
    text-align: center;
   
display: block;
}
.link2:hover {
    background: #CEDCE2;
}

.head
{;
    background: #D0D2D7;
    border-radius: 5px 5px 0px 0px;
   
padding: 18px;
    text-align: center;
}
.foot {
    background:
#D0D2D7;
    padding: 18px;
    border-top: 1px solid #8a8f9f;
   
text-align: center;
    border-radius: 0px 0px 5px 0px;
    box-shadow:
0px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px
rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 5px
rgba(0,0,0,0.2);
}
.head a, .foot a {
    background:
url(header_button.png) repeat-x;
    padding: 8px;
    padding-left:
10px;
    padding-right: 10px;
    padding-bottom: 6px;
    border: 1px
solid #abb0be;
    border-bottom: 1px solid #8a8f9d;
    color:
#484b55;
    Text-Shadow: #FFFFFF 1px 1px 0px;
    display:
inline-block;
    border-radius: 3px;
    -moz-border-radius: 3px;
   
-webkit-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);
}
.head a:hover, .foot a:hover {
    box-shadow:
0px 2px 3px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 3px
rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 3px
rgba(0,0,0,0.2);
}
.head a:active, .foot a:active {
    background:
url(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);
}

.rekl {
    background: url(left_bg.png);
  
 text-align: center;
    padding: 10px;
    border: 1px solid #8a8f9f;
 
  border-right: 0px;
    border-left: 0px;
    border-bottom: 0px;
   
box-shadow: 0px 2px 5px rgba(0,0,0,0.2);
    -moz-box-shadow: 0px 2px 5px
rgba(0,0,0,0.2);
    -webkit-box-shadow: 0px 2px 5px
rgba(0,0,0,0.2);
}

.c {
    background: #f8f9fb;
    border-top: 1px
solid #b5b3c9;
    padding: 8px;
    padding-bottom: 7px;
    color:
#5c5f70;
}

.post {
    background: #f8f9fb;
    border-top: 1px solid
#b5b3c9;
    border-bottom: 0px;
    padding: 8px;
    padding-bottom:
7px;
    color: #5c5f70;
    text-align: left;
    word-break:
break-all;
}
.post_sys {
    background: #eaeaea;
    border-top: 1px
solid #b5b3c9;
    border-bottom: 0px;
    padding: 8px;
   
padding-bottom: 7px;
    color: #5c5f70;
    text-align: left;
   
word-break: break-all;
}

.title {
    background: #eaeaea;
   
border-top: 1px solid #b5b3c9;
    border-bottom: 0px;
    padding:
8px;
    padding-bottom: 7px;
    text-align: left;
}

.info {
   
border-top: 1px solid #b5b3c9;
    border-bottom: 0px;
    padding:
8px;
    padding-bottom: 7px;
    background: #e8fff0;
    color:
#000;
}
.info a {
    color: #00659c;
}
.err {
    border-top: 1px
solid #b5b3c9;
    border-bottom: 0px;
    padding: 8px;
   
padding-bottom: 7px;
    background: #fbdddd;
    color: #000;
}
.err a
{
    color: #00659c;
}

.quote
{
    color: #8c8a8c;
    border:
1px solid #8c8a8c;
    border-radius: 3px;
    background: #ffffff;
   
padding: 5px;
    margin: 2px;
    font-size: xx-small;
}

.sel
{
  
 border: #737173 1px solid;
    border-radius: 5px;
    background:
#6b696b;
    color: #ffffff;
    padding: 2px 6px 2px 6px;
    margin:
5px 0px 5px 0px;
    display: inline-block;
}
.unsel
{
    border:
#cecfce 1px solid;
    border-radius: 5px;
    background: #ffffff;
   
color: #636563;
    padding: 2px 6px 2px 6px;
    margin: 5px 0px 5px
0px;
    display: inline-block;
}

.unsel_h
{
    border: #cecfce 1px
solid;
    border-radius: 5px;
    background: #E0E0E0;
    color:
#636563;
    padding: 2px 6px 2px 6px;
    margin: 5px 0px 5px 0px;
   
display: inline-block;
}


.unsel:hover
{
    border: #cecfce 1px
solid;
    border-radius: 5px;
    background: #f7f7f7;
    color:
#636563;
    padding: 2px 6px 2px 6px;
    margin: 5px 0px 5px 0px;
   
display: inline-block;
}

.c_date {
    float: right;
    color:
#636563;
    font-size: small;
    display: inline-block;
}
.c_date a
{
    color: #636563;
    display: inline-block;
}

hr
{
   
margin-top: 3px;
    margin-bottom: 3px;
    border-top: 1px dotted
#c6c6c6;
    border-right-style: none;
    border-bottom-style: none;
  
 border-left-style: none;
}










.header{
	background:
url(head_bg.png) repeat-x #776D6F;
	color: #FFFFFF;
	height:
45px;
	overflow: hidden;
	position: relative;
	z-index:
1;
	white-space:nowrap;
}

.btn {
	text-align: center;
	font-size:
14px;
	text-shadow: 0px -1px 0px #333;
}

.btn.tsearch {
	background:
url(tsprite.png) no-repeat 16px
-24px;
	width:43px;
	float:left;
	padding: 32px 7px 11px 7px;
	display:
block;
	border-right: 1px solid #7A7575;
	border-bottom: 1px solid
#8B8585;
}


.btn.thome {
	background: url(tsprite.png) no-repeat 17px
-88px;
	width:43px;
	float:left;
	padding: 32px 7px 11px 7px;
	display:
block;
	border-right: 1px solid #7A7575;
	border-bottom: 1px solid
#8B8585;
}

.btn.tmail {
	background: url(tsprite.png) no-repeat 17px
-57px;
	width:43px;
	float:left;
	padding: 32px 7px 11px 7px;
	display:
block;
	border-right: 1px solid #7A7575;
	border-bottom: 1px solid
#8B8585;
}

.btn.tinbox {
	min-width:43px;
	float:left;
	padding:
15px 7px;
	display: block;
	border-right: 1px solid
#7A7575;
}

.btn.tinbox i {
	background: url(tmail.png) 50% 50%
no-repeat transparent;
	padding: 6px 12px
7px;
}

.btn.tanketa{
	background: url(tsprite.png) no-repeat 15px
11px;
	width:43px;
	float:right;
	padding: 32px 7px 11px 7px;
	display:
block;
	border-left: 1px solid #9A9292;
	border-bottom: 1px solid
#8B8585;
}

.btn.center{
	text-align:
center;
	overflow:hidden;
	padding: 15px 0px;
	display:
block;
	border-right: 1px solid #7A7575;
	border-left: 1px solid
#9A9292;
	border-bottom: 1px solid #9A9292;
}

.btn
a{
	color:#fff;
	font-size: 15px;
	text-decoration:none;
	font-weight:
bold;
}

.btn a:hover{
	color:#fff;
	font-size: 15px;
	font-weight:
bold;
	text-decoration:none;
	background-color:#888282;
	text-shadow:
0px 1px 0px #000;
}

.logooo {
    border-top: 1px solid
#b5b3c9;
}

.b {
	background-color: #E4DBCE;
	border-top: 1px solid
#B2B5BA;
	padding: 3px;
	margin:  0px;
}

.at {
    display:block;
 
  padding:5px;
    border:1px solid #D7D7D4;
    border-radius:3px;
   
margin:3px;
}

.at:hover {
    display:block;
	background-color:
#EDEDED;
    padding:5px;
    border:1px solid #D7D7D4;
   
border-radius:3px;
    margin:3px;
}

img {
	vertical-align:
bottom;
}