/* CS1 Background and text colours
-------------------------------------------------------------*/

/* Фон форума */
html {
background: url( );
background-repeat: repeat;
background-attachment: fixed; 
background-position: top center;
background-color: #e0e1e1;
/*overflow-x: hidden !important;*/}

/* Шапка */
#pun-title table {
    background-image: url(https://i.imgur.com/7CzTM91.png);
    background-repeat: no-repeat;
    background-position: top center;
background-color: transparent;
    border: none;
    width: 1000px;
    height: 250px;
margin-left: -10px;
}


/* Тело форума */
#pun {
width: 1000px; 
background-color: transparent; 
background-image: url(https://i.imgur.com/qn1L42m.png); 
background-repeat: repeat-y; 
background-position: top center;}

.punbb {
padding: 0 30px!important;
width: 900px;}

/* Футер */
#pun-about p.container {
   background-image: url(https://i.imgur.com/NhOyf57.png);
    margin: 0px 0px 0px -10px;
    background-position: center top;
    background-repeat: no-repeat;
    width: 1000px;
    height: 100px;
    overflow-x: hidden;
    padding-bottom: 50px;
    margin-bottom: -100px;
}


/* CS1.1 Фон и цвет текста на форуме */
.punbb .section .container, .punbb .post-body, .punbb .post-links, .punbb td.tc2, .punbb td.tc3, #pun-navlinks .container,
.punbb .formal fieldset .post-box, #viewprofile li strong, #viewprofile li div, #setmods dd,
.punbb .info-box, .punbb #pun-main .info-box .legend, .punbb .main .container, .punbb .post .container, .punbb .post h3, .punbb-admin #pun-admain .adcontainer, #pun-stats h2, .punbb .main h2, #pun-title, #pun-title .container, .punbb .modmenu .container, .punbb legend span, #viewprofile h2 span, #profilenav h2 span, .punbb-admin #pun-admain legend span, .punbb .post h3 span, .punbb th, #viewprofile li, #setmods dl, #pun-navlinks .container  {
background-color: transpanent;
color: #383833;
font-weight: normal;
font-style: normal;
}



/* ЛИЧНАЯ СТРАНИЦА */

.perpage {
    background-image: url(https://i.imgur.com/2cQYApN.png);
background-repeat: no-repeat;
background-position: top center;
width: 950 px !important;
height: 751px !important;
}

.name {
    font-family: arial;
    font-size: 10px;
    color: #a2a2a2;
    width: 300px;
    font-weight: 700;
    text-transform: uppercase;
    margin-left: 475px !important;
    padding-top: 75px;
    opacity: 0.5;
    padding-left: 5px;
}

.quote {
    font-family: tahoma;
    font-style: normal;
    font-size: 7px;
    text-transform: uppercase;
    color: #d5d2b7;
    width: 230px !important;
    text-align: justify;
    position: relative;
    padding-left: 479px;
    padding-top: 5px;
}

.team1 {
font-family: arial;
    font-size: 10px;
    color: #a2a2a2;
    opacity: 0.5;
    font-weight: 600;
    padding-top: 5px;
    padding-left: 16px;
    float: left;
}

.twitterlink1 {
float:left; 
padding: 10px;
        text-align:center;
padding-left: 705px;
}

.messlink { 
padding: 10px;
        margin: 0 50px 50px 0; 
padding-left: 745px;

float:left;
}

.instlink {
padding: 10px;
        margin: 0 50px 50px 0;
padding-left: 785px;

float: left;
}

.posts {
font-family: arial;
font-size: 10px;
color: #a2a2a2;
font-weight: 600;
opacity:0.5;
padding-top: 5px;
margin-left: 20px !important;
float: left;
}

.stars {
font-family: arial;
font-size: 10px;
color: #a2a2a2;
font-weight: 600;
opacity:0.5;
padding-top: 5px;
margin-left: 26px !important;
float: left;
}

.lspic {
max-width: 200px;max-height: 100px;background-size: contain;padding-top: 60px;padding-left: 258px;float: left;
}

.picborder {
    background-color: #c6c2be;
    border: 3px solid #c6c2be;
    float: left;
}

.namedec {
    font-family: playfair display;
    font-size: 30px;
    text-transform: uppercase;
    color: #a99689;
    opacity: 0.2;
    font-style: italic;
    font-weight: 900;
    padding-left: 695px;
    padding-top: 18px;
}

.collec {
background-color: transparent;
position: absolute;
width: 700px !important;
height: 179px !important;
float: left
}

.jinyoung {
    background-color: transparent;
    position: absolute;
    width: 218px !important;
    height: 218px !important;
    float: left;
}

.awards {
background-color: transparent;
position: absolute;
width: 406px !important;
height: 90px !important;
float: left;
}

.gifts {
background-color: #transparent;
position: absolute;
width: 406px !important;
height: 95px !important;
float: left;
}


#pun-admain .adformal, #pun-admain .adcontainer
{border: none;
border-color:  transparent;}

.punbb .main h1, #pun-debug h2, .punbb-admin #pun-admain h2 {
    background-color: transparent;
    color: #595951;
    font-style: normal;
    margin-right: 5px;
}


/* Цитата и выделить код */
.punbb .quote-box, .punbb .code-box {
    /* background-image: url(https://i.imgur.com/cSdL16b.png); */
    background-color: #f9f9f9;
    color: #33312c;
    border: 1px solid #a59e6e24;
}

/* Область для ввода текста в форме ответа и админке */
.punbb textarea, .punbb select, .punbb input {
    background-image: url(https://i.imgur.com/cSdL16b.png);
    background-color: #d6d4c9;
    color: #3c3a33;
}

/* Тень и закругление */
.punbb .quote-box, .punbb .code-box, .punbb textarea, .punbb select  { 
border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
 }

.punbb input { border-bottom-left-radius: 0px;
border-bottom-right-radius: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
}

/* Фон окна наград и репутации */
#pun-popup_awards div, #pun-reputation div {
    background-image: url(https://i.imgur.com/cSdL16b.png);
    background-color: #cdd0d6;
}



/* CS2 Ссылки
-------------------------------------------------------------*/

/* CS2.1 */
.punbb a, .punbb a:link {
    color: #b0afb5;
    text-decoration: none;
}

 .punbb a:visited {
    color: #b0afb5;
    text-decoration: none;
  }


.punbb li.isactive a, .punbb li.isactive a:link, .punbb li.isactive a:visited, #pun-navlinks a, #pun-ulinks a, .punbb-admin #pun-admain a, .punbb-admin #pun-admain a:link, .punbb-admin #punbb-admain a:visited {color:  #8c8b7a;
    text-decoration: none;
  }


/* CS2.2 */
.punbb a:focus, .punbb a:active,  .punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, .punbb-admin #punbb-admain a:focus, .punbb-admin #punbb-admain a:active,  #pun-ulinks a:focus, #pun-ulink  a:active {
  color: #574f56; 
  text-decoration: none;
  }
.punbb a:hover, #pun-navlinks a:hover, #pun-ulinks a:hover {
    color: #5d4e61;
    text-decoration: none;
}

#pun-ulinks a {
    font-size: 8px;
    color: #b0a3af;
    text-transform: lowercase;
}

#pun-ulinks a:hover, #pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #6d5d7a;
}


#pun-navlinks a:focus, #pun-navlinks a:active {
  text-decoration: none;
  color: #615360;
}

#pun-navlinks a {
    color: #9e909e;
}


#pun-navlinks a:hover {
    color: #6e656e;
}



/* CS3 Остальное 
-------------------------------------------------------------*/

/* CS3.1 Иконки*/

div.icon {
        background: url(https://i.imgur.com/euFq569.png) no-repeat;
}

tr.inew div.icon {
        background: url(https://i.imgur.com/euFq569.png) no-repeat;
}

tr.iclosed div.icon {
        background: url(https://i.imgur.com/euFq569.png) no-repeat;
}

tr.isticky div.icon {
        background: url(https://i.imgur.com/euFq569.png) no-repeat;
}


/* CS3.2 Всё подряд*/
#pun-main div.catleft, #pun-main div.catright {display: none;}
#pun-main .post-author ul {text-align: center;}
ul.post-ul-Sp, .post-img-Sp {text-align:center;}
#pun th, #pun-main h2 {text-align: center}
#pun-navlinks .container, #pun-ulinks .container {text-align: center;}
.modlist {font-size: 95.05%;}
#pun-announcement .container {font-size: 101%; font-family: "Arial";}
.category h2 span{display: none;}
#pun-stats h2 span {visibility: hidden;}
#pun td .modlist{display:none;}
.lastedit {display:none}
#pun-announcement h2 {display: none}
#pun-navlinks #navawards{display:none}



/*---Прокрутка---*/
::-webkit-scrollbar-thumb:vertical {
background-color: #d8cdd1; height: 4px; border: 1px solid #d8cdd1;
}

::-webkit-scrollbar-thumb:horizontal {
background-color: #d8cdd1; height: 4px; border: 1px solid #d8cdd1;
}

::-webkit-scrollbar {
    background-color: #a39da9;
    height: 4px;
    width: 5px;
}

::selection {
    background: #fdfdfd !important;
    color: #d8cdd1;
}


#pun-viewforum.punbb div.icon {
    margin-top: 0 !important;
}


.category .container thead {display: none;}

.punbb .pa-avatar img {
    max-width: 180px !important;
    margin-bottom: 4px;

}


td.tcr a {
    color: 797ca2 !important;
    background-repeat: no-repeat;
    background-position: left center;
    font-weight: normal;
    font-family: open sans;
    font-size: 11px;
}

#pun-viewtopic .post h3 {
    width: 1000px;
margin-bottom: 10px;
margin-top: 15px;
margin-left: -10px;
    height: 12px;
    background-image: url();
    text-transform: uppercase;
    font-family: open sans;
    font-size: 9px;
}


.podfor {
    background-image: url();
    background-color: transparent;
    font-family: tahoma;
    border: 1px solid #b0ada7 opacity: 0.6;
}


.podfl {
    text-align: center;
    padding: 1px 3px 3px 3px;
    margin-top: 4px !important;
     background-image: url(https://i.imgur.com/cSdL16b.png);
}

.links2 {
    color: #6e685f !important;
    text-transform: uppercase;
background-image: url(https://i.imgur.com/cSdL16b.png);
    font-family: tahoma;
    font-size: 7px;
    letter-spacing: 0.6px;
    margin: 0px 2px 0 2px !important;
    padding: 0px 3px 1px 4px;
}

.links2:hover {
    color: #efefef !important;
    text-transform: uppercase;
    font-family: tahoma;
    font-size: 7px;
    letter-spacing: 0.6px;
    margin: 0px 2px 0 2px !important;
    padding: 0px 3px 1px 4px;
    transition-duration: 2s;
    background-color: #b9b6c9;
}


.info {
    height: 75px;
    width: 171 px;
    position: relative;
    overflow: hidden;
    margin-top: 6px !important;
    text-align: justify;
text-transform: uppercase;
    color: #a79c91;
    font-family: tahoma;
    padding-right: 6px;
}

.infot {
    font-family: 'Anglecia Pro Dsp';
    /* font-weight: bold; */
    color: #e6e6ea;
    text-transform: lowercase;
    font-size: 18px;
    letter-spacing: 0.6px;
    font-style: italic;
}


.content {
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    padding-right: 25px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}



.info2 {
    height: 60px;
    position: relative;
    overflow: hidden;
    margin-top: 6px !important;
    text-align: justify;
    color: #aca6a0;
    font-family: tahoma;
letter-spacing: 0.4px;
    padding-right: 6px;
    font-size: 7px;
}


.admlink {
font-family: 'Anglecia Pro Dsp';
    /* font-weight: bold; */
    color: #e6e6ea !important;
    text-transform: lowercase;
    font-size: 14px;
    font-style: italic;
    margin: 0 3px 0 3px !important;
}




.admlink:hover {
    font-family: 'Anglecia Pro Dsp';
    /* font-weight: bold; */
    color: #b6bcd0 !important;
    text-transform: lowercase;
    font-size: 14px;
    font-style: italic;
    margin: 0 3px 0 3px !important;
    transition-duration: 2s;
}


.link-tab {
   /* color: #ffffff !IMPORTANT; */
    font-size: 10px;
    text-transform: uppercase;
    font-family: arial;
    /* letter-spacing: 0.5px; */
    font-weight: 600;
    margin: 0 3px 0 3px !important;
}








.link-tab:hover {
color: #bdb5aa !IMPORTANT;
    font-size: 11px;
    letter-spacing: 0.3px;
    margin: 0 3px 0 3px !important;
    transition-duration: 2s;
}



#counters A IMG{opacity:0.3; -moz-opacity:0.3; filter:alpha(opacity=50);}
#counters a:hover img {opacity:0.7; -moz-opacity:0.7;
filter:alpha(opacity=50); transition-duration: 2s;}


.info3 {
    height:37px;
    position: relative;
    overflow: hidden;
    margin-top: 6px !important;
    text-align: justify;
    color: #e6e6ea;
    font-family: tahoma;
    padding-right: 6px;
    font-size: 10px;
}


.content3 {
    position: absolute;
    top: 0;
    left: 0;
    right: -30px;
    padding-right: 25px;
    box-sizing: border-box;
    height: 100%;
    overflow: hidden;
    overflow-y: scroll;
}

.pa-posts, .pa-respect, .pa-fld3 {
    vertical-align: text-top;
    display: inline-table;
    margin-top: 1px !important;
    padding: 1px 5px !important;
    max-width: 40px !important; 
    text-align: center;
#312f2d !important;
    font-family: tahoma;
    font-size: 9px !important;
    text-transform: lowercase;
}

/*Фон мини-профиля в Топике*/
.punbb .post .post-author {
    background: url(https://i.imgur.com/T98YePV.png) 0 0 repeat-y;
background-color: transparent;
    overflow: visible!important;
    margin: 0px 0px 0px 0px!important;

}
.punbb .post .post-author > ul {
    background: url(https://i.imgur.com/qbnDpkk.png) 0 top no-repeat, url(https://i.imgur.com/mTUoKVK.png) 0 bottom no-repeat;
background-color: transparent;
    margin: 0px 0px 0px 0!important;
    padding: 9px 9px 9px 9px!important;
}



.pa-posts, .pa-respect {
    padding: 6px!important;
    margin-top: -3px !important;
    display: inline-block!important;
    float: none!important;
    max-width: 40px!important;
    height: 27px!important;
    text-align: center;
    text-transform: lowercase;
    font-size: 9.5px;
    font-family: arial;
}



#pun-index div.category h2, #pun-index #pun-stats h2 {
    background-image: url(style_cs.1571138961.css);
    box-sizing: border-box;
    position: relative;
    z-index: 5;
    background-repeat: no-repeat;
    background-position: top center;
    border: none;
margin-left:-10px;
    height: 70px;
    width: 1000px;
}


.subforlinks {
    text-align: center;
    margin-top: 3px !important;
}


.subforlink {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
}



.subforlink:hover {
    margin: 0 2px 0 2px !IMPORTANT;
    padding: 1px 4px 1px 5px;
    text-transform: uppercase;
    font-size: 8px;
    font-family: tahoma;
    letter-spacing: 0.6px;
    background-color: #6e7291;
    color: #e2e3ea !important;
    transition-duration: 1s;
}



.infottt {
    color: #4b506e;
    font-size: 9px;
}



.infottt first {
    color: #474d78;
    letter-spacing: -1px;
}


.infottt secc {
    color: #474d78;
    font-size: 10px;
    font-weight: bold;
    font-style: italic;
}


.lzinfo {
    /* background-color: #d0cac552; */
    /* border: 1px solid #b1ab9f59; */
    width: 180px;
    padding: 10px 1px 2px 3px;
    text-align: justify;
    font-family: tahoma;
    font-size: 10px;
}

.pa-respect a {
    color: #312f2d !important;
}

.lzlink a {
/* background-color: #d0cac552; */
    /* border: 1px solid #b1ab9f59; */
    width: 180px;
    text-align: justify;
text-transform: uppercase;
font-weight: 600;
    font-family: arial;
    font-size: 9px;
}

.lzlink {
margin-bottom: 2px !important;
    margin-top: -8px !important;
    text-align: right;
    padding-right: 11px;
}


#font-area, #size-area, #color-area, #table-area, #smilies-area, #image-area, #imageup-area, #imageattach-area, #keyboard-area, #video-area, #addition-area {
    position: absolute;
    right: 6px;
    top: 43px;
    height: 170px;
    overflow-y: auto;
    background: #ebebeb;
    border: 1px solid #c0bb934f;
}

/*--------------мессенджер--------*/
.fallout { width:200px; height: 100px; background-color: white; border: 1px solid #F4F7F7; font: 8px arial; font-style: italic; letter-spacing: 1px; line-height: 100%; text-align: center; text-transform: lowercase; position:relative; top: 25px; }
.boys { width: 200px; height: 100px; background-color: white; color: #222; font: 9px arial; line-height: 120%; overflow:auto; position: relative; top: -76px; opacity: 0; text-transform: lowercase; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all.8s ease-in-out; } 
.boys:hover { position: relative; top: -76px; opacity: 1; -webkit-transition: all .8s ease-in-out; -moz-transition: all .8s ease-in-out; -o-transition: all.8s ease-in-out; } 
xx { color: #71749a; font-style: italic; font-weight: bold; }

/*--------------твиттер--------*/
.aly-12a1 { background-color: #fff; padding: 20px; width: 450px; margin:auto; 
border: 1px solid #efefef; border-radius: 4px 4px 4px 4px; overflow: hidden; } 
.aly-12a1 topp-wrp { display: block; height: 80px; width: 450px; overflow: hidden; 
background-color: #transparent; } 
.aly-12a1 immoo { display: block; background-color: #51aaef; 
border-radius: 5px;background-size: cover; background-position: center; 
width: 60px; height: 60px;} 
.aly-12a1 ttlz { display: block; background-color: #transparent; 
border-radius: 5px; position: relative; top: -60px; left: 65px; 
color: #51aaef; font-size: 18px; line-height: 20px; padding-top: 14px; 
text-align: justify; 
font-weight: 600; 
width: 325px; height: 5px; font-family: 'Montserrat', sans-serif; } 
.aly-12a1 ttlz nnl { display: block; line-height: 10px; font-size: 11px; 
color: #414647; font-weight: 100; } 
.aly-12a1 twtt { display: block; text-align: justify; 
color: #414647; 
font-size: 18px;font-family: 'Montserrat', sans-serif; } 
.aly-12a1 mm:hover { background-color: #ffffff; 
border: 1px solid #51aaef; color: #51aaef; 
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s; 
font-family: 'Montserrat', sans-serif; font-size: 13px; border-radius: 4px; 
padding: 2px; 
padding-left: 4px; padding-right: 4px; 
line-height: 15px; text-transform: uppercase; 
} 
.aly-12a1 mm { display: block; position: relative; top: -79px; left: 360px; 
width: 80px; border: 1px solid #51aaef; 
color: #ffffff; background-color: rgba(81, 170, 239, 1); 
-webkit-transition: 2s; -moz- transition: 2s; transition: 2s; 
font-family: 'Montserrat', sans-serif; font-size: 13px; border-radius: 4px; 
padding: 2px; 
padding-left: 4px; padding-right: 4px; 
line-height: 15px; text-transform: uppercase; } 
.aly-12a1 bttm-wrp { display: block; height: 40px; width: 450px; 
background-color: #transparent; line-height: 24px; } 
.aly-12a1 bttm-wrp dtt { display: block; text-align: justify; 
font-family: 'Droid Sans', sans-serif; font-size: 13px; font-weight: 600; 
color: #787c7f; line-height: 24px; 
} 
.aly-12a1 zikx { display: block; text-align: justify; 
font-family: 'Montserrat', sans-serif; font-size: 18px; line-height: 18px; 
font-weight: 600; padding-top: 6px; word-spacing: 15px; 
text-shadow: -1px -1px #ffffff, -1px 1px #efefef, 1px -1px #ffffff, 1px 1px #ffffff; 
color: #787c7f; 
} 
.aly-12a1 zikx i { display: inline-block; padding-right: 4px; 
} 


/*----------инстач---------*/
.caitinstabg {width: 375px; 
background-color: #ffffff; 
margin: 0 auto;
border: 15px solid;
border-color: #c6c8da;
padding-bottom: 20px;
}

.caitinstabar {width: 375px;
height: 40px;
background-color: #c6c8da;
font-family: roboto condensed;
text-align: right;
font-size: 25px;
font-weight: bold;
text-transform: uppercase;
color: #777b9d;
}

.caitinstaicon {width: 100px;
height: 100px;
border-radius: 100%;
margin-top: 10px;
margin-right: 10px;
margin-bottom: 15px;}

.caitinstaicon img {width: 100px;
height: 100px;
height: 100px;
border-radius: 100%;}

.caitinstabio {width: 225px;
height: 100px;
font-family: roboto condensed;
font-size: 11px;
margin-top: 10px;
text-transform: lowercase;
color: #000;}

.caitinstabar a {color: #000;}

.caitinstabio b {color: #777b9d;
text-transform: uppercase;}

.caitcred1 {
font-family: roboto condensed; 
font-size: 11px; 
color: #777b9d; 
text-align: justify; 
position: relative; 
float: left;
margin-top: 15px;}


.caitcred1 a {color: #000;
font-family: roboto condensed; 
font-size: 8px; }



/*----------инстач пост с фото ---------*/
.caitinstapostbar {width: 300px;
height: 30px;
background-color: #c6c8da;
font-family: roboto condensed;
text-align: left;
font-size: 10px;
font-weight: bold;
text-transform: lowercase;
padding-top: 10px;
padding-left: 10px;
padding-bottom: 10px;
color: #777b9d;}

.caitinstapostbar table {border-spacing: 10px;}

.caitinstapostbar td {
font-family: roboto condensed;  
font-size: 14px;
font-weight: bold;
text-transform: lowercase;}

.caitinstapostbar img {width: 30px;
height: 30px;
border-radius: 100%;
}

.caitinstapostpic {width: 300px;
border: 5px solid;
border-color: #c6c8da;}

.caitinstapostpic img {width: 300px;
}

.caitinstacombg {width: 300px;
background-color: #ffffff;
border: 5px solid;
border-color: #c6c8da;
padding-bottom: 10px;}

.caitinstabutton {width: 295px;
height: 20px;
background-color: #c6c8da;
text-align: left;
padding-top: 5px;
padding-left: 15px;
padding-bottom: 5px;
font-size: 20px;
color: #777b9d;}

.caitinstacomp {font-family: roboto condensed;
text-align: left;
font-size: 10px;
margin-left: 10px;
margin-top: 15px;
margin-right: 10px;
text-align: justify;
text-transform: lowercase;
color: #000;}

.caitinstacomp  b {font-family: roboto condensed;
text-align: left;
font-size: 10px;
margin-top: 15px;
margin-left: 10px;
text-transform: uppercase;
color: #777b9d;}

.caitcred1 {
font-family: roboto condensed; 
font-size: 11px; 
color: #777b9d; 
text-align: justify; 
position: relative; 
float: left;
margin-top: 15px;}


.caitcred1 a {color: #000;
font-family: roboto condensed; 
font-size: 8px; }


/*------отношения---------*/
.maybg { width:290px; background-color:#fff; padding-top:20px; padding-bottom:10px; } .maylyrics { width:250px; font-family:calibri; font-size:9px; color:#555; text-transform:uppercase; text-align:justify; font-style:italic; line-height:9px; padding: 10px;} .maycat { width:250px; background-color:#000; text-align:center; padding-top: 1px; padding-bottom: 2px; font-family: calibri; font-size:9px; color:#fff; text-transform:uppercase; letter-spacing: 1px; margin-top: 10px;} .maythread { width:250px; padding-top:2px; padding-bottom:2px; font-family:calibri; font-size:10px; color:#000; text-transform:lowercase; text-align:justify; line-height:10px; } .maythread a { font-family:calibri; font-size:9px; color: #FF5050; text-transform:uppercase; } .maythread a:hover { letter-spacing: 1px; transition-duration: 0.5s;  -moz-transition-duration: 0.5s;  -webkit-transition-duration: 0.5s;  -o-transition-duration: 0.5s;} #maydot{ width: 5px; height: 5px; background: #FF5050; -moz-border-radius: 50%; -webkit-border-radius: 50%; border-radius: 50%;} .mayquote { width: 20px;   font-family: arial; font-size: 17px; text-transform: uppercase;  color: #FF5050; text-align: justify; float: left; font-style: none;} .maybell2 { width: 250px; height: 140px; opacity: 0; transition-duration: 0.8s;  -moz-transition-duration: 0.8s;  -webkit-transition-duration: 0.8s;  -o-transition-duration: 0.8s; } .maybell2:hover { width: 250px; height: 140px; opacity: 1; }

/*------плашка---------*/
.capscamp{ position: absolute; margin-top: -45px!important;}
.capscamp1 { position: inherit; margin-bottom: -7px!important; margin-top: -36px!important;}

/*------тви шапка---------*/
.twitter-outer { width: 310px; padding: 0px; background-color: #f8f8f8; border: 1px solid #eee }
.twitter-bar { background-color: #82c4e3; padding: 10px; font-size: 13px; color: #fff; text-align: center }
.twitter-profile { width: 300px; padding: 5px; background-color: #fff; border: 1px solid #f2f2f2 }
.twitter-header { background-image:url(https://i.postimg.cc/NMRVT239/image.png);background-color: #0084B4; width: 300px; height: 80px; background-size: 300px 120px }
.twitter-icon { position: relative; left: -105px; top: -35px; background-color: #fff; width: 60px; height: 60px; padding: 3px; border-radius: 5px }
.twitter-top { background-color: #fff; height: 17px; padding: 10px }
.twitter-button { position: relative; top: -70px; right: -100px; background-color: #81bced; padding-left: 5px; padding-right: 5px; border-radius: 5px; color: #fff; font-family: arial; font-weight: bold; font-size: 10px }
.cog { position: relative; right: -100px; top: -68px; color: #6a6a6a; font-size: 12px}
.check { position: relative; top: -3px; display: inline; font-size: 7px }
.twitter-desc { background-color: #fff; padding: 10px; font-size: 11px; color: #585858; font-family: muli; text-align: left; line-height: 110% }
.twitter-title { padding-top: 3px; font-size: 13px; font-weight: bold }
.twitter-user { font-size: 10px; color: #a7a7a7; padding-bottom: 3px }
.twitter-ratio { padding-top: 3px; font-size: 10px; color: #a7a7a7; }
.twitter-ratio a { color: #81bced; text-decoration: none; font-size: 11px }
.twitter-ratio b { color: #585858 }

/*------хроно---------*/
#liwmitracker {
 width: 500px;
 background:  #fff;
 height: 400px;
 position: relative;
 margin: 20px auto;
 border: 1px solid #000;
 outline: 1px solid #FF5050;
 outline-offset: 10px;
 font-family: roboto;
 color: #000;
 line-height: 170%;
 font-size: 11px;
}

#liwmitracker picture {
 height: 400px;
 width: 200px;
 position: absolute;
 left: 0px;
 top: 0px;
 background-size: cover;
 display: block;
 border-right: 1px solid #FF5050;
}

#liwmitracker name {
 font-family: playfair display;
 font-weight: 900;
 width: 400px;
 height: 20px;
 font-size: 25px;
 text-transform: uppercase;
 color: #bababa;
 position: absolute;
 text-align: left;
 transform: rotate(-90deg);
 -webkit-transform: rotate(-90deg);
 top: 190px;
 left: 9px;
 display: block;
}

#liwmitracker infobox {
 width: 245px;
 height: 360px;
 position: absolute;
 top: 20px;
 right: 20px;
 overflow: auto;
 font-family: roboto;
 font-size: 11px;
 line-height: 170%;
 text-align: justify;
 padding-right: 5px;
 color: #575757;
 display: block;
}

#liwmitracker h1 {
 color: #FF5050;
 position: relative;
 font-size: 20px;
 text-transform: uppercase;
 font-family: playfair display;
 display: block;
 width: auto;
 text-align: right;
 font-weight: 900;
 margin:10px 0px;
 border-bottom: 1px solid #bababa;
}

#liwmitracker a {
 color: #000;
 text-transform: uppercase;
 font-family: playfair display;
 font-weight: 700;
 display: block;
}

#liwmitracker a:before {
 background: #000;
 height: 5px;
 width: 5px;
 border-radius: 100%;
 content: "";
 display: inline-block;
 margin: 0px 5px;
}

#liwmitracker infobox::-webkit-scrollbar{width:1px}
#liwmitracker infobox::-webkit-scrollbar-thumb{border:none!important;background:#bababa!important}
#liwmitracker infobox::-webkit-scrollbar-track{background:none!important;border:none!important}

/*------репа------*/

<style>
/* таблица во всплывающей подсказке */
#respect td{vertical-align:top;}
#respect figure{margin:2px;word-wrap:break-word;width:44px;}
#respect figure:hover img.vote{display:none;}
#respect figcaption{font-size:0.8em;margin-top:-5px;}
/* стиль окна а-ля вКонтакте */
.jGrowl .rating_theme {opacity: 1;padding: 3px;text-align:center;width: 485px !important;} 
.jGrowl .rating_theme .jGrowl-message {background: #fff; padding: 2px;}
.jGrowl .rating_theme .jGrowl-header {background: #597ba5;font-size: 1.09em;height: 22px;}
.jGrowl .rating_theme .person{width:78px; height:78px; }
/* стиль изображения оценки */
.vote{position:absolute;border-radius: 9em;box-shadow:0 3px 5px 1px #000000;-webkit-box-shadow:0 3px 5px 1px #000000;}
/* таблица в окне а-ля вКонтакте */
#vse tbody{max-height:520px!important;display:block;overflow-y:auto;overflow-x:hidden;}
#vse td{vertical-align:top;}
#vse figure{margin:5px;word-wrap:break-word;width:82px; -webkit-transform:translateZ(0);transform:translateZ(0);box-shadow:0 0 1px rgba(0,0,0,0);-webkit-backface-visibility:hidden;backface-visibility:hidden;-moz-osx-font-smoothing:grayscale;position:relative;overflow:hidden;}
#vse figure:before{content:"";position:absolute;z-index:-1;left:50%;right:50%;bottom:0;background:#597ba5;height:4px;-webkit-transition-property:left,right;transition-property:left,right;-webkit-transition-duration:0.3s;transition-duration:0.3s;-webkit-transition-timing-function:ease-out;transition-timing-function:ease-out;}
#vse figure:hover img.vote{display:none;}
#vse figure:hover:before,#vse figure:focus:before,#vse figure:active:before{left:0;right:0;}
#vse figcaption{color: #2b587a;font-size:0.9em;}
/* настройки всплывающей подсказки */
.tipsy-inner {min-width : 40px!important;max-width : 800px!important;}
.tipsy-inner .person {width:36px; height:36px; border-radius:2px;}
.tipsy-inner .prof {color:#fff !important;}
.tipsy-inner .prof:hover{ text-decoration:underline!important;}
.tipsy-se .tipsy-arrow {left:100%!important;margin-left:-22px;}
.prof {text-decoration: none !important;}
</style>

/*------мессенджершапка-----*/

<link rel="stylesheet" href="http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css">
<link href='https://fonts.googleapis.com/css?family=Roboto:400,400italic,900,900italic|Raleway:400,400italic,900,900italic' rel='stylesheet' type='text/css'>
<style type="text/css">
.ilikemebetter1 {
 width: 230px;
 height: 430px;
 margin-top: 50px;
 margin-bottom: 50px;
 border-radius: 6px;
 border: 1px solid #transparent;}
.ilikemebetter2 {
 width: 190px;
 height: 315px;
 border: 1px solid #eee;
 margin-top: 50px;
 padding: 10px;
 background-color: #fff;}
.ilikemebetter3 {
 background-color: #transparent;
 width: 188px;
 height: 100px;
 border: 1px solid #eee;}
.ilikemebetterimg {
 height: 88px;
 margin: 5px;
 width: 176px;
 border: 1px solid #eee;
 background-size: cover;
 -webkit-filter: grayscale(100%); 
 -moz-filter: grayscale(100%); 
 -ms-filter: grayscale(100%); 
 -o-filter: grayscale(100%);}
.ilikemebetterbx {
 background-color: #transparent;
 width: 176px;
 height: 88px;}
.ilikemebettersender {
 height: 9px;
 font-size: 7px;
 font-family: raleway;
 text-transform: uppercase;
 padding: 0px 5px 10px 5px;
 text-align: left;
 border: 1px solid #eee;
 margin-bottom: 5px;
 color: #fff;}
.ilikemebettersender b {
 font-weight: 900;}
.ilikemebetterreceiver {
 height: 10px;
 font-size: 10px;
 font-family: raleway;
 text-transform: uppercase;
 padding: 0px 5px 10px 5px;
 text-align: right;
 border: 1px solid #eee;
 margin-bottom: 0px;
 margin-top: 5px;
 color: #fff;}
.ilikemebetterreceiver b {
 font-weight: 900;}
.ilikemebetterreceiver i {
 font-size:9px;
 margin-right: 3px;}
.ilikemebettersndmsg {
 height: 9px;
 font-size: 7px;
 font-family: raleway;
 text-transform: uppercase;
 padding: 0px 5px 10px 5px;
 text-align: right;
 border: 1px solid #eee;
 margin-bottom: 0px;
 margin-top: 1px;
 color: #fff;}
.ilikemebettermsgs {
 background-color: #transparent;
 height: 124px;
 padding: 5px;
 width: 178px;
 border: 1px solid #eee;
 margin-top: 1px;}
.ilikemebetterscroll {
 width: 178px;
 height: 124px;
 overflow: auto;}
.ilikemebettermsgs p {
 display: inline block;
 position: relative;
 clear: both;
 float: right;
 border: 1px solid #eee;
 margin: 2px;
 background-color: rgba(255, 255, 255, 1);
 border-radius: 3px;
 color: #aaa;
 font-family: roboto;
 font-size: 9px;
 padding: 5px;
 line-height: 1.2;
 text-align: justify;
 letter-spacing: normal; }
.ilikemebetterscroll::-webkit-scrollbar {
 height:9px;
 width:4px;}
.ilikemebetterscroll::-webkit-scrollbar-thumb {
 background-color: #fff;
 border:1px solid #eee;}
.ilikemebetterscroll::-webkit-scrollbar-track {
 background-color: #fff;
 -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.1);}
.noahcred { 
 font-size: 12px;
 margin-top: -50px;}
.noahcred a {
 color: #000; }
   
#name .ilikemebetter1 {background-color: #transparent;} 
#name .ilikemebettersender {background-color: #a7a070;} 
#name .ilikemebetterreceiver {background-color: #a7a070;} 
#name .ilikemebettersndmsg {background-color: #cac9ad;}
</style>