View file My Island - Touch/wapdefault/style.css

File size: 9.23Kb
.row {
    background: rgba(51, 51, 51, 0) url(images/fon.png) repeat 100%;
    background-position: top center;
    background-attachment: fixed;
}

.ava img {
  border-radius: 24px;
  box-shadow:0 1px 1.5px 0 rgba(0,0,0,.12),0 1px 1px 0 rgba(0,0,0,.24);
}

.lg {
    padding: 1px;
    background: #3367d6;
    color: #ffffff;
}

.phdr {
    background: #e9e9e9;
    padding: 10px;
    color: #777;
	font-weight: bold;
	text-shadow:0px 1px #fff;
    margin-top: -10px;
    margin: 0px -10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.phdr a:link ,.phdr a:visited {
	text-shadow:0px 1px #f5f6f6;
	font-weight: bold;
	color: #576AA4;
}

    .fa-thumbs-up {
     color: #88c53e; 
   } 
   
   .fa-thumbs-down {
     color: #e91e63; 
   } 
   
 .fa-portrait, .fa-comment-alt, .fa-feather, .fa-user-friends, .fa-camera, .fa-user-friends, .fa-align-justify, .fa-align-left, .fa-file {
    color: #96c13c; 
   }
   
 .fa-star-half-alt {
     color: #e91e63; 
   }
   
   
   
   .fa-chart-line {
     color: #ffa914; 
   } 
   
    .fa-address-card {
     color: #88c53e; 
   } 
   
   .fa-award {
     color: #e91e63; 
   } 
   
   .fa-image {
     color: #c28fc8; 
   } 
   
   .fa-address-book {
     color: #86c4ee; 
   }
.currentpage {
    background: #4baf4f;
    color: #ffffff;
    padding: 3px 7px 3px 7px;
    display: inline-block;
    margin: 0 5px 0 5px;
    border-radius: 10%;
}

a.pagenav {
    background: #3367d6;
    color: #d6d6d6;
    padding: 3px 7px 3px 7px;
    display: inline-block;
    margin: 0 0 0 5px;
    border-radius: 10%;
}

a.pagenav:hover {
    background-color: #4baf4f;
    color: #ffffff;
      -webkit-transition: all 0.1s ease;;
  -moz-transition: all 0.1s ease;;
  -o-transition: all 0.1s ease;;
  transition: all 0.1s ease;
}

.otv {
   display: inline-block;
}

.otv {
    padding: 5px;
    color: #3b4371;
    margin-top: 5px;
}

.otv a {   
    padding: 4px;
    margin-top: 5px;
    border-radius: 5px 5px;
    
}

.dmenu {
    background: #ffffff;
    padding: 1px;
    margin-top: 5px;
    margin-bottom: 5px;
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
    margin: 0px -10px;
    margin-top: 2px;
    text-align:center;

}

.alarm {
    background: #ad0d29 url(images/nodostup.png) no-repeat right;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    border-bottom: 3px solid #ffeb3b;
    margin: 0px -10px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    margin-top: 1px;
}

.alarm a{
    background: #fff;
    padding: 5px;
    color: #5f6368;
}

.topmenu {
   display: inline-block;
}

.topmenu {
    padding: 5px;
    color: #5f6368;
    padding: 8px;
    margin-top: 2px;
}

.topmenu a {
    padding: 4px;
    margin-top: 5px;
    background: #D0D7DD;

}

.topmenu a:link ,.topmenu a:visited {
	text-shadow:0px 1px #f5f6f6;
	font-weight: bold;
	color: #576AA4;
}
.topmenu a:hover {
    padding: 4px;
    background: #a6cee3;
    margin-top: 5px;
}

.ms {
   display: inline-block;
}

.ms {
    padding: 5px;
    color: #5f6368;
    padding: 8px;
    margin-top: 2px;
}

.ms a {
    background: #e2ecf7;
    border-radius: 2px;
    margin-left: 1px;
    color: #576AA4;
    border: none;
    font-weight: bold;
    padding: 6px 35px;
    margin: 0 0px 0 5px;
}

.ms a:link ,.topmenu a:visited {
	text-shadow:0px 1px #f5f6f6;
	font-weight: bold;
	color: #576AA4;
}
.ms a:hover {

    background: #a6cee3;
}

.msgs {
    padding: 10px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    margin-top: 1px;
    border-left: 1px solid #F44336;
    color: #5f6368;
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
}
.msg1 {
    padding: 10px;
    background: #dcf6d8;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    margin-top: 1px;
    color: #5f6368;
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
}
.msg2 {
    padding: 10px;
    background: #ddebf7;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    margin-top: 1px;
    color: #5f6368;
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
}

.news {
    padding: 5px;
    background: #fff;
    margin: 0px -10px;
}



.gmenu {
    padding: 5px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    color: #576aa4;
    margin: 0px -10px;
}

.bblist {
    color: #4A5663;
    background: transparent url(../../images/dot.gif) no-repeat left;
    padding: 0px 0px 0px 10px;
}

/*Панель bb*/
.bbpopup {
    margin-top: 2px;
}

/* Ссылки для панели bb*/
.bbpopup a {
    border: 1px solid #a7a7a7;
    height: 14px;
    display: inline-block;
    margin: 1px;
    vertical-align: middle;
    width: 14px;
    border-radius: 5px;
}

.bmenu {
    padding: 5px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    color: #576aa4;
    margin: 0px -10px;
    margin-top: 2px;
    margin-bottom: 2px;
}

.user {
    padding: 10px;
    background: #e2ecf7;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px -10px;
    margin-top: 2px;
    color: #5f6368;
}

.list1 {
    padding: 10px;
    background: #fff;   
    border-bottom: 1px solid #e2e2e2;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    margin-top: 2px;
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
    color: #5f6368;
}


.list2 {
    padding: 10px;
    background: #fff;
    border-bottom: 1px solid #e2e2e2;
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    margin-top: 2px;    
    box-shadow: 0px 3px 5px rgba(93,109,157,0.2);
    color: #5f6368;
}

.count
{
    color: #717171;
    float: right;
}

.cnt
{
    color: #717171;
}
.onl
{
    background: #9ac34d;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}
.onl2 {   
    background: #faa82e;
    color: #ffffff;
    padding: 2px 6px;
    border-radius: 5px;
}

.menu1 a {
display: block; 
background: #fff;
padding: 10px;
color: #5f6368;
}

.menu1 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    border-bottom: 1px solid #e2e2e2;
}

.menu1 a:hover {
    background: #eef4f8;
  -webkit-transition: all 0.1s ease;;
  -moz-transition: all 0.1s ease;;
  -o-transition: all 0.1s ease;;
  transition: all 0.1s ease;
}

.menu2 a {
display: block; 
background: #fff;
padding: 10px;
color: #5f6368;
}

.menu2 {
    margin-top: 5px;
    margin-bottom: 5px;
    margin: 0px -10px;
    border-bottom: 1px solid #e2e2e2;
}

.menu {
    padding: 10px;
    background: #fff;
    margin-top: 5px;
    margin-bottom: 5px;
    border-bottom: 1px solid #e2e2e2;
    margin: 0px -10px;
    margin-top: 2px;
}

.fmenu {
    padding: 5px;
    background: #3f51b5;
    color: #ffffff;
    /* margin: 0px -10px; */
    padding: 10px;
    margin-top: 5px;
    
}

.fmenu a {
    padding: 10px;
    background: #3b4371;
    margin-top: 5px;
    color: #fff;
}

.fmenu a:hover {
    padding: 10px;
    background: #4859b8;
    margin-top: 5px;
    color: #fff;
}

.lmenu {
    background: #fcf2c5;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    margin: 0px -10px;
    text-align:center;
}

.lmenu a:hover {
    background: #eee4b4;
    color: #3367d6;
    padding: 10px;
    font-size: 14px;
    margin: 0px -10px;
    margin-top: 2px;
    text-align:center;

}

.rmenu {
    background: #F5A9BC;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    margin: 0px -10px;
    margin-top: 2px;
}

.rmenu a{
    background: #f37897;
    padding: 10px;
    color: #ffffff;
}
.omenu a:hover {
    padding: 10px;
    background: #4859b8;
    margin-top: 5px;
    color: #fff;
}
.omenu {
    background: #3f51b5;
    color: #fff;
    padding: 10px;
    font-size: 14px;
    margin: 0px -10px;
    margin-top: 2px;
}

.omenu a{
    background: #3b4371;
    padding: 10px;
    color: #ffffff;
}

.green, .green a:link, .green a:visited {
    color: #008000;
}

.red, .red a:link, .red a:visited {
    color: #fca19c;
}

.gray { color: gray; }

.status {
    color: #CD853F;
    font-size: x-small;
    font-weight: bold;
    padding-left: 0;
}


#toTop {
    width: 100px;
    /* border: 1px solid #eb9b1a; */
    background: linear-gradient(to bottom, #ffffff 0%, #3f51b5 100%);
    text-align: center;
    padding: 10px;
    position: fixed;
    bottom: 10px;
    right: 50px;
    cursor: pointer;
    display: none;
    color: #ffffff;
    font-family: verdana;
    font-size: 40px;
}

.reply {
    border-left: 4px solid #c0c0c0;
    color: #878787;
    font-size: 14px;
    margin-left: 2px;
    padding: 2px 0px 2px 4px;
}

.greply {
    border-left: 4px solid #c0c0c0;
    color: #878787;
    font-size: 14px;
    margin-left: 2px;
    padding: 2px 0px 2px 4px;
}

.quote {
    border-left: 4px solid #c0c0c0;
    color: #878787;
    font-size: 14px;
    margin-left: 2px;
    padding: 2px 0px 2px 4px;
}

.sub {
    margin-top: 4px;    
    font-size: 14px;
}

textarea {
width:96%;
max-width:490px;
border:1px solid #ddd;
background:#fff;
box-shadow:0px 1px 1px #fff;
border-radius:2px;
margin-bottom:5px;
padding:7px;
}

select,input[type=file],input[type=text],input[type=password],input[type=email] {
border:1px solid #ddd;
background:#fff;
box-shadow:0px 1px 1px #fff;
margin-bottom:3px;
border-radius:2px;
padding:5px;
}

input[type=submit] {
background:#3f51b5;
border-radius:2px;
margin-left:1px;
color:#fff;
border: none;
font-weight: bold;
padding:6px 6px;
}
input[type=submit]:hover {
	
	background:#4859b8; 
}