cry4u

Информация о пользователе

Привет, Гость! Войдите или зарегистрируйтесь.


Вы здесь » cry4u » техническое » html


html

Сообщений 1 страница 16 из 16

1

/

2

Код:
<!--дополнительные шрифты -->
<script>FORUM.editor.font.fonts.push(
' ', ' ', ' ',
'— Л А Т И Н И Ц А —',
' ', ' ', ' ',
'Abril Fatface',
'Agoka Family',
'Allegate',
'Amalfi Coast',
'Amanda',
'Angelic Bonques',
'Antifont',
'Antosan',
'Argue',
'Ariel Script',
'Arizonia-Regular',
'Arthead',
'Avriella',
'Baskerville Old Face',
'Baysoir Sans',
'Baysoir',
'Beatrix Signature',
'Bigilla',
'Birch',
'Bitter Mind',
'Blacksword',
'Bleinheim Signature',
'Bloc Kursiv',
'Bodonian Script',
'Botaky',
'Breital',
'Brilliant Signature',
'Brioche',
'Broadway',
'Brooke Smith Script',
'Bw Vivant',
'Caities',
'Caledo',
'Californian',
'Cantique',
'Chequers',
'Cherolina',
'Clovvo',
'Coastine Font',
'Crystal Vibes',
'Cyrano',
'Elegant Dragon',
'Enough',
'Ephesis',
'Erotique Alternate',
'Fashionable',
'Finches',
'Fright Night',
'Gravity',
'Great Vibes',
'Hello Paris Script',
'Hello Paris',
'Hermes',
'Hullist',
'Katulamp',
'Laginchy',
'Limelight',
'Liquido',
'Madegra',
'Masquerouge',
'master of break',
'Old English',
'Parchment',
'Peter Jhons',
'Pink Script',
'Pistilli',
'Port Vintage',
'Prestige Signature',
'Quake Love',
'Recorda Script',
'Renith',
'Rhesmanisa',
'Rise',
'Rochester',
'Rosgart',
'Rotherland',
'RussianLand',
'Sage',
'Sail',
'Salty Feathers',
'Salve Script',
'Saonara',
'Shutter Stone',
'Signerica', 
'Smooth Stone', 
'Soothing', 
'Specials', 
'Stay Classy', 
'Tamira', 
'The Monse', 
'Tiffany Script', 
'UnifrakturMaguntia-Regular',
'Valky',
'Valkyrie', 
'Vanity', 
'Verona Lotte', 
'Wata',

' ', ' ', ' ',
'— К И Р И Л Л И Ц А —',
' ', ' ', ' ',
'Alegreya Sans SC',
'Alter Biom',  
'AmaticSC-Bold',
'Arlekino',
'Bahnschrift',
'Baldur-Nouveau',
'Bangers',
'Baron Neue',
'Basis',
'bebas neue',
'Borntod',
'Bradobrei',
'Calama',
'Calypso',
'Carolina',
'CCMeanwhi',
'Charming',
'Cheque',
'Cheque',
'Code Pro',
'Compact',
'Cuprum',
'Curator',
'Cyrillic Goth',
'Dita Sweet',
'Doppelganger',
'FatFacel',
'Freeride',
'Gabriela',
'Galatea Gothic',
'Gunny Rewritten',
'Helvetica Neue',
'Irch-Regular',
'Journalism',
'Kommersant-Modern',
'Kiev',
'Lighthaus',
'Lobster',
'Mak Light',
'mastodon',
'Micra',
'Montserrat-Bold',
'MYRIADPRO',
'Resphekt',
'RIVERHACK_CYR',
'Roboto',
'Sansterdam',
'Shlapak Script',
'The Artist Script',
'uk_inform',
'vinque rg',
'YanoneKaffeesatz-Variable',
'Yeseva One')</script>

3

Код:
<!--доп. шрифты--!>
<script type="text/javascript"> 
if ($('#pun-viewtopic,#pun-post,#pun-edit,#pun-poll,#pun-messages').length) {
var ft; var i; var ft_f; var j = ""; 
ft = document.getElementById("font-area"); 
var ft_f = new Array(); 
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');
ft_f.push('— л а т и н и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); 
ft_f.push('Agoka Family'); 
ft_f.push('Allegate'); 
ft_f.push('Amanda'); 
ft_f.push('Angelic Bonques'); 
ft_f.push('Antifont'); 
ft_f.push('Antosan'); 
ft_f.push('Argue'); 
ft_f.push('Ariel Script'); 
ft_f.push('Arthead'); 
ft_f.push('Avriella'); 
ft_f.push('Baskerville Old Face'); 
ft_f.push('Baysoir'); 
ft_f.push('Baysoir Sans'); 
ft_f.push('Beatrix Signature'); 
ft_f.push('Bigilla'); 
ft_f.push('Bitter Mind'); 
ft_f.push('Birch'); 
ft_f.push('Bleinheim Signature'); 
ft_f.push('Bloc Kursiv'); 
ft_f.push('Bodonian Script'); 
ft_f.push('Botaky'); 
ft_f.push('Breital'); 
ft_f.push('Brilliant Signature'); 
ft_f.push('Brioche');
ft_f.push('Broadway'); 
ft_f.push('Brooke Smith Script'); 
ft_f.push('Bw Vivant'); 
ft_f.push('Caities'); 
ft_f.push('Caledo'); 
ft_f.push('Californian'); 
ft_f.push('Cantique'); 
ft_f.push('Chequers'); 
ft_f.push('Clovvo'); 
ft_f.push('Coastine Font'); 
ft_f.push('Crystal Vibes'); 
ft_f.push('Cyrano'); 
ft_f.push('Elegant Dragon'); 
ft_f.push('Enough'); 
ft_f.push('Erotique Alternate'); 
ft_f.push('Fashionable'); 
ft_f.push('Finches'); 
ft_f.push('Fright Night'); 
ft_f.push('Gravity'); 
ft_f.push('Hello Paris');
ft_f.push('Hello Paris Script'); 
ft_f.push('Hermes'); 
ft_f.push('Hullist'); 
ft_f.push('Katulamp'); 
ft_f.push('Laginchy'); 
ft_f.push('Liquido'); 
ft_f.push('Madegra'); 
ft_f.push('Masquerouge'); 
ft_f.push('Old English'); 
ft_f.push('Parchment'); 
ft_f.push('Peter Jhons'); 
ft_f.push('Pink Script'); 
ft_f.push('Pistilli'); 
ft_f.push('Prestige Signature'); 
ft_f.push('Quake Love'); 
ft_f.push('Recorda Script'); 
ft_f.push('Renith'); 
ft_f.push('Rhesmanisa'); 
ft_f.push('Rise'); 
ft_f.push('Rosgart'); 
ft_f.push('Rotherland'); 
ft_f.push('Sage'); 
ft_f.push('Sail'); 
ft_f.push('Salty Feathers'); 
ft_f.push('Salve Script'); 
ft_f.push('Saonara'); 
ft_f.push('Shutter Stone'); 
ft_f.push('Signerica');  
ft_f.push('Smooth Stone');  
ft_f.push('Soothing');  
ft_f.push('Specials');  
ft_f.push('Stay Classy');  
ft_f.push('Swash Line');  
ft_f.push('Tamira');  
ft_f.push('The Monse');  
ft_f.push('Tiffany Script');  
ft_f.push('Valkyrie');  
ft_f.push('Vanity');  
ft_f.push('Verona Lotte');  
ft_f.push('Wata');  
ft_f.push('Port Vintage');
ft_f.push('PortVintage');
ft_f.push('Valky');
ft_f.push('la belle aurore'); 
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');
ft_f.push('— к и р и л л и ц а —');
ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');  ft_f.push(''); ft_f.push(''); ft_f.push(''); ft_f.push('');  ft_f.push(''); ft_f.push('');
ft_f.push('Alter Biom');   
ft_f.push('Baron Neue'); 
ft_f.push('Basis'); 
ft_f.push('Borntod'); 
ft_f.push('Bradobrei'); 
ft_f.push('Calama'); 
ft_f.push('Calypso'); 
ft_f.push('Cheque'); 
ft_f.push('Code Pro'); 
ft_f.push('Cyrillic Goth');
ft_f.push('Cuprum');
ft_f.push('Curator');
ft_f.push('Dita Sweet');
ft_f.push('Doppelganger'); 
ft_f.push('Galatea Gothic');
ft_f.push('Gunny Rewritten');
ft_f.push('Helvetica Neue'); 
ft_f.push('Journalism');
ft_f.push('Lighthaus'); 
ft_f.push('Mak Light'); 
ft_f.push('Shlapak Script'); 
ft_f.push('The Artist Script'); 
ft_f.push('Yeseva One'); 
ft_f.push('DRUZHOK'); 
ft_f.push('alegreyasans'); 
ft_f.push('amaticsc'); 
ft_f.push('archive'); 
ft_f.push('corinthia'); 
ft_f.push('mrhamiltoneg'); 
ft_f.push(''); 
for (i in ft_f) { 
j = "<div><span style='font-family:" + ft_f[i] + ";'>" + ft_f[i] + "</span><img src='/i/blank.gif' onclick=\"bbcode('["; 
j += "font=" + ft_f[i]; 
j += "]','[/font]')\" /></div>"; 
ft.innerHTML += j; 
}} 
</script>

4

Код:
<!-— Шрифты -->
<link rel="stylesheet" type="text/css" href="https://forumstatic.ru/files/0015/e5/b7/72162.css" />
<!-- Fonts -->

5

коды дизайна:

Структура style.css

Код:
@import url(style_cs.css);

/* Шрифты
-------------------------------------------------------------*/
/* Иконки */
@import url(https://fonts.googleapis.com/css2?family=Material+Symbols+Outlined:opsz,wght,FILL,GRAD@20..48,100..700,0..1,-50..200);

/* шрифты собраны и залиты blanche */
@font-face { font-family: la belle aurore;
src: local("la belle aurore"), url(https://forumstatic.ru/files/001a/f6/b2/57373.ttf) format('truetype');}
@font-face { font-family: Agoka Family;
src: local("AgokaFamilyRegular"), url(https://forumstatic.ru/files/001a/28/10/85666.ttf) format('truetype');}
@font-face { font-family: Allegate;
src: local("ALLEGATE"), url(https://forumstatic.ru/files/001a/28/10/35035.ttf) format('truetype');}
@font-face { font-family: Alter Biom;
src: local("AlterBiomDemo"), url(https://forumstatic.ru/files/001a/28/10/78692.ttf) format('truetype');}
@font-face { font-family: Amanda;
src: local("Amanda"), url(https://forumstatic.ru/files/001a/28/10/10766.ttf) format('truetype');}
@font-face { font-family: Angelic Bonques;
src: local("AngelicBonquesFree-Sans"), url(https://forumstatic.ru/files/001a/28/10/37701.ttf) format('truetype');}https://upforme.ru/uploads/001a/f6/b2/2/118822.png
@font-face { font-family: Antifont;
src: local("Antifont"), url(https://forumstatic.ru/files/001a/28/10/54245.ttf) format('truetype');}
@font-face { font-family: Antosan;
src: local("Antosan-Regular"), url(https://forumstatic.ru/files/001a/28/10/56270.ttf) format('truetype');}
@font-face { font-family: Argue;
src: local("Argue"), url(https://forumstatic.ru/files/001a/28/10/17893.ttf) format('truetype');}
@font-face { font-family: Ariel Script;
src: local("Ariel Script"), url(https://forumstatic.ru/files/001a/28/10/71595.ttf) format('truetype');}
@font-face { font-family: Arthead;
src: local("ArtheadRegular"), url(https://forumstatic.ru/files/001a/28/10/82889.ttf) format('truetype');}
@font-face { font-family: Avriella;
src: local("AvriellaRegular"), url(https://forumstatic.ru/files/001a/28/10/92422.ttf) format('truetype');}
@font-face { font-family: Baron Neue;
src: local("BaronNeue"), url(https://forumstatic.ru/files/001a/28/10/76838.ttf) format('truetype');}
@font-face { font-family: Basis;
src: local("Basis33"), url(https://forumstatic.ru/files/001a/28/10/47687.ttf) format('truetype');}
@font-face { font-family: Baskerville Old Face;
src: local("BASKVILL"), url(https://forumstatic.ru/files/001a/28/10/30179.ttf) format('truetype');}
@font-face { font-family: Baysoir;
src: local("BAYSOIR"), url(https://forumstatic.ru/files/001a/28/10/89201.ttf) format('truetype');}
@font-face { font-family: Baysoir Sans;
src: local("BAYSOIRSANS-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/10045.ttf) format('truetype');}
@font-face { font-family: Beatrix Signature;
src: local("BeatrixSignature"), url(https://forumstatic.ru/files/001a/28/10/28028.ttf) format('truetype');}
@font-face { font-family: Bigilla;
src: local("31276"), url(https://forumstatic.ru/files/001a/28/10/31276.ttf) format('truetype');}
@font-face { font-family: Bitter Mind;
src: local("BITTER_MIND"), url(https://forumstatic.ru/files/001a/28/10/68373.ttf) format('truetype');}
@font-face { font-family: Birch;
src: local("BirchStd"), url(https://forumstatic.ru/files/001a/28/10/97723.otf) format('truetype');}
@font-face { font-family: Bleinheim Signature;
src: local("BleinheimSignature"), url(https://forumstatic.ru/files/001a/28/10/71963.ttf) format('truetype');}
@font-face { font-family: Bloc Kursiv;
src: local("BLOC_KURSIV"), url(https://forumstatic.ru/files/001a/28/10/95363.ttf) format('truetype');}
@font-face { font-family: Bodonian Script;
src: local("BodonianScript W01 2"), url(https://forumstatic.ru/files/001a/28/10/44948.ttf) format('truetype');}
@font-face { font-family: Botaky;
src: local("BotakyGX"), url(https://forumstatic.ru/files/001a/28/10/35651.ttf) format('truetype');}
@font-face { font-family: Borntod;
src: local("BorntodRegular"), url(https://forumstatic.ru/files/001a/28/10/85479.ttf) format('truetype');}
@font-face { font-family: Bradobrei;
src: local("Bradobrei"), url(https://forumstatic.ru/files/001a/28/10/53387.ttf) format('truetype');}
@font-face { font-family: Breital;
src: local("BREITAL"), url(https://forumstatic.ru/files/001a/28/10/48194.ttf) format('truetype');}
@font-face { font-family: Brilliant Signature;
src: local("BrilliantSignature-1Regular"), url(https://forumstatic.ru/files/001a/28/10/79014.ttf) format('truetype');}
@font-face { font-family: Brioche;
src: local("Brioche DEMO"), url(https://forumstatic.ru/files/001a/28/10/41313.ttf) format('truetype');}
@font-face { font-family: Broadway;
src: local("BROADW."), url(https://forumstatic.ru/files/001a/28/10/86354.ttf) format('truetype');}
@font-face { font-family: Brooke Smith Script;
src: local("Brooke Smith Script"), url(https://forumstatic.ru/files/001a/28/10/58710.ttf) format('truetype');}
@font-face { font-family: Bw Vivant;
src: local("BW-VIVANT-BLACK"), url(https://forumstatic.ru/files/001a/28/10/96188.ttf) format('truetype');}
@font-face { font-family: Caities;
src: local("CAITIES"), url(https://forumstatic.ru/files/001a/28/10/71476.ttf) format('truetype');}
@font-face { font-family: Calama;
src: local("CALAMA"), url(https://forumstatic.ru/files/001a/28/10/46341.ttf) format('truetype');}
@font-face { font-family: Caledo;
src: local("caledo_light-webfont"), url(https://forumstatic.ru/files/001a/28/10/98945.ttf) format('truetype');}
@font-face { font-family: Californian;
src: local("CALIFIt"), url(https://forumstatic.ru/files/001a/28/10/78730.ttf) format('truetype');}
@font-face { font-family: Calypso;
src: local("Calypso"), url(https://forumstatic.ru/files/001a/28/10/26384.ttf) format('truetype');}
@font-face { font-family: Cantique;
src: local("Cantique-Normal"), url(https://forumstatic.ru/files/001a/28/10/10843.ttf) format('truetype');}
@font-face { font-family: Cheque;
src: local("Cheque-Black"), url(https://forumstatic.ru/files/001a/28/10/75371.ttf) format('truetype');}
@font-face { font-family: Chequers;
src: local("Chequers-Regular"), url(https://forumstatic.ru/files/001a/28/10/91957.ttf) format('truetype');}
@font-face { font-family: Clovvo;
src: local("ClovvoPersonalUse-Regular"), url(https://forumstatic.ru/files/001a/28/10/14185.ttf) format('truetype');}
@font-face { font-family: Coastine Font;
src: local("Coastine Font"), url(https://forumstatic.ru/files/001a/28/10/32472.ttf) format('truetype');}
@font-face { font-family: Code Pro;
src: local("Code-Pro"), url(https://forumstatic.ru/files/001a/28/10/17952.ttf) format('truetype');}
@font-face { font-family: Crystal Vibes;
src: local("CRYSTAL_VIBES_SCRIPT"), url(https://forumstatic.ru/files/001a/28/10/89117.ttf) format('truetype');}
@font-face { font-family: Cyrano;
src: local("CyranoDEMO"), url(https://forumstatic.ru/files/001a/28/10/80771.ttf) format('truetype');}
@font-face { font-family: Cyrillic Goth;
src: local("18642"), url(https://forumstatic.ru/files/001a/28/10/18642.ttf) format('truetype');}
@font-face { font-family: Curator;
src: local("Curator4-Italic"), url(https://forumstatic.ru/files/001a/28/10/81244.ttf) format('truetype');}
@font-face { font-family: Dita Sweet;
src: local("Dita-Sweet"), url(https://forumstatic.ru/files/001a/28/10/73179.ttf) format('truetype');}
@font-face { font-family: Doppelganger;
src: local("Doppelganger_RUS"), url(https://forumstatic.ru/files/001b/7c/28/15478.ttf) format('truetype');}
@font-face { font-family: Elegant Dragon;
src: local("ELEGANT_DRAGON"), url(https://forumstatic.ru/files/001a/28/10/72734.ttf) format('truetype');}
@font-face { font-family: Enough;
src: local("ENOUGH"), url(https://forumstatic.ru/files/001a/28/10/96362.ttf) format('truetype');}
@font-face { font-family: Erotique Alternate;
src: local("Erotique-Alternate-Regular-trial"), url(https://forumstatic.ru/files/001a/28/10/59686.ttf) format('truetype');}
@font-face { font-family: Fashionable;
src: local("Fashionable"), url(https://forumstatic.ru/files/001a/28/10/48354.ttf) format('truetype');}
@font-face { font-family: Finches;
src: local("FinchesRegular"), url(https://forumstatic.ru/files/001a/28/10/97043.ttf) format('truetype');}
@font-face { font-family: Fright Night;
src: local("frightnight"), url(https://forumstatic.ru/files/001a/28/10/57561.ttf) format('truetype');}
@font-face { font-family: Galatea Gothic;
src: local("11702"), url(https://forumstatic.ru/files/001a/28/10/11702.ttf) format('truetype');}
@font-face { font-family: Gravity;
src: local("Gravity1"), url(https://forumstatic.ru/files/001a/28/10/12801.ttf) format('truetype');}
@font-face { font-family: Gunny Rewritten;
src: local("GNYRWN971"), url(https://forumstatic.ru/files/001a/28/10/52816.ttf) format('truetype');}
@font-face { font-family: Hello Paris;
src: local("Hello Paris Sans Regular"), url(https://forumstatic.ru/files/001a/28/10/99006.otf) format('opentype');}
@font-face { font-family: Hello Paris Script;
src: local("Hello Paris Script"), url(https://forumstatic.ru/files/001a/28/10/22460.ttf) format('truetype');}
@font-face { font-family: Helvetica Neue;
src: local("HelveticaNeueCyr-Roman"), url(https://forumstatic.ru/files/001a/28/10/91623.ttf) format('truetype');}
@font-face { font-family: Helvetica Neue Medium;
src: local("HelveticaNeueCyr-Medium"), url(https://forumstatic.ru/files/001a/28/10/55905.ttf) format('truetype');}
@font-face { font-family: Hermes;
src: local("Herrmes"), url(https://forumstatic.ru/files/001a/28/10/60054.ttf) format('truetype');}
@font-face { font-family: Hullist;
src: local("HULLIST"), url(https://forumstatic.ru/files/001a/28/10/46881.ttf) format('truetype');}
@font-face { font-family: Journalism;
src: local("Journalism_(graphicsland.ru)"), url(https://forumstatic.ru/files/001a/28/10/54498.ttf) format('truetype');}
@font-face { font-family: Katulamp;
src: local("KATULAMP"), url(https://forumstatic.ru/files/001a/28/10/53138.ttf) format('truetype');}
@font-face { font-family: Laginchy;
src: local("Laginchy-Regular"), url(https://forumstatic.ru/files/001a/28/10/65139.ttf) format('truetype');}
@font-face { font-family: Lighthaus;
src: local("Lighthaus"), url(https://forumstatic.ru/files/001a/28/10/78556.ttf) format('truetype');}
@font-face { font-family: Liquido;
src: local("LIQUIDO-Fluid"), url(https://forumstatic.ru/files/001a/28/10/48266.ttf) format('truetype');}
@font-face { font-family: Madegra;
src: local("Madegra DEMO"), url(https://forumstatic.ru/files/001a/28/10/86708.ttf) format('truetype');}
@font-face { font-family: Mak Light;
src: local("Mak-Light"), url(https://forumstatic.ru/files/001a/28/10/11519.ttf) format('truetype');}
@font-face { font-family: Masquerouge;
src: local("MASQUEROUGE"), url(https://forumstatic.ru/files/001a/28/10/71576.ttf) format('truetype');}
@font-face { font-family: Old English;
src: local("OLDENGL"), url(https://forumstatic.ru/files/001a/28/10/91812.ttf) format('truetype');}
@font-face { font-family: Parchment;
src: local("PARCHM"), url(https://forumstatic.ru/files/001a/28/10/45862.ttf) format('truetype');}
@font-face { font-family: Peter Jhons;
src: local("PETER_JHONS"), url(https://forumstatic.ru/files/001a/28/10/98694.ttf) format('truetype');}
@font-face { font-family: Pink Script;
src: local("PinkScript"), url(https://forumstatic.ru/files/001a/28/10/33899.ttf) format('truetype');}
@font-face { font-family: Pistilli;
src: local("Pistilli"), url(https://forumstatic.ru/files/001a/28/10/80147.ttf) format('truetype');}
@font-face { font-family: Port Vintage;
src: local("PortVintage-DcrMed"), url(https://forumstatic.ru/files/001a/28/10/97723.ttf) format('truetype');}
@font-face { font-family: PortVintage;
src: local("PortVintage-Orn"), url(https://forumstatic.ru/files/001a/28/10/90259.ttf) format('truetype');}
@font-face { font-family: Prestige Signature;
src: local("Prestige Signature Script - Demo"), url(https://forumstatic.ru/files/001a/28/10/72291.ttf) format('truetype');}
@font-face { font-family: Qalisso;
src: local("Qalisso"), url(https://forumstatic.ru/files/001b/7c/28/25572.ttf) format('truetype');}
@font-face { font-family: Quake Love;
src: local("QUAKELOVE-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/94557.ttf) format('truetype');}
@font-face { font-family: Recorda Script;
src: local("RECORDASCRIPT_PERSONAL_USE_ONLY"), url(https://forumstatic.ru/files/001a/28/10/60568.ttf) format('truetype');}
@font-face { font-family: Renith;
src: local("RENITH"), url(https://forumstatic.ru/files/001a/28/10/58517.ttf) format('truetype');}
@font-face { font-family: Rhesmanisa;
src: local("Rhesmanisa"), url(https://forumstatic.ru/files/001a/28/10/92578.ttf) format('truetype');}
@font-face { font-family: Rise;
src: local("RISE"), url(https://forumstatic.ru/files/001a/28/10/39773.ttf) format('truetype');}
@font-face { font-family: Rosgart;
src: local("ROSGART"), url(https://forumstatic.ru/files/001a/28/10/52079.ttf) format('truetype');}
@font-face { font-family: Rotherland;
src: local("Rotherland"), url(https://forumstatic.ru/files/001a/28/10/53877.ttf) format('truetype');}
@font-face { font-family: Sage;
src: local("Sage"), url(https://forumstatic.ru/files/001a/28/10/30936.ttf) format('truetype');}
@font-face { font-family: Sail;
src: local("Sail-Regular"), url(https://forumstatic.ru/files/001a/28/10/48401.ttf) format('truetype');}
@font-face { font-family: Salty Feathers;
src: local("Salty Feathers"), url(https://forumstatic.ru/files/001a/28/10/41030.ttf) format('truetype');}
@font-face { font-family: Salve Script;
src: local("Salve-Script2Bold"), url(https://forumstatic.ru/files/001a/28/10/22224.ttf) format('truetype');}
@font-face { font-family: Saonara;
src: local("MADESAONARA2"), url(https://forumstatic.ru/files/001a/28/10/98192.ttf) format('truetype');}
@font-face { font-family: Shlapak Script;
src: local("ShlapakScript"), url(https://forumstatic.ru/files/001a/28/10/90421.ttf) format('truetype');}
@font-face { font-family: Shutter Stone;
src: local("Shutter Stone Standar"), url(https://forumstatic.ru/files/001a/28/10/70526.ttf) format('truetype');}
@font-face { font-family: Signerica;
src: local("SIGNERICA_MEDIUM"), url(https://forumstatic.ru/files/001a/28/10/40510.ttf) format('truetype');}
@font-face { font-family: Smooth Stone;
src: local("SmoothStone-Regular"), url(https://forumstatic.ru/files/001a/28/10/67204.ttf) format('truetype');}
@font-face { font-family: Soothing;
src: local("Soothing"), url(https://forumstatic.ru/files/001a/28/10/16781.ttf) format('truetype');}
@font-face { font-family: Specials;
src: local("SpecialsDemoRegular"), url(https://forumstatic.ru/files/001a/28/10/56918.ttf) format('truetype');}
@font-face { font-family: Stay Classy;
src: local("STAY_CLASSY_SLDT"), url(https://forumstatic.ru/files/001a/28/10/49721.ttf) format('truetype');}
@font-face { font-family: Swash Line;
src: local("Swash line"), url(https://forumstatic.ru/files/001a/28/10/83744.ttf) format('truetype');}
@font-face { font-family: Tamira;
src: local("Tamira-PersonalUse"), url(https://forumstatic.ru/files/001a/28/10/29062.ttf) format('truetype');}
@font-face { font-family: The Artist Script;
src: local("MADETheArtistScript"), url(https://forumstatic.ru/files/001a/28/10/40773.ttf) format('truetype');}
@font-face { font-family: The Monse;
src: local("THEMONSE-REGULAR"), url(https://forumstatic.ru/files/001a/28/10/50869.ttf) format('truetype');}
@font-face { font-family: Tiffany Script;
src: local("TiffanyScript"), url(https://forumstatic.ru/files/001a/28/10/39225.ttf) format('truetype');}
@font-face { font-family: Valkyrie;
src: local("Valkyrie-Regular"), url(https://forumstatic.ru/files/001a/28/10/46831.ttf) format('truetype');}
@font-face { font-family: Valky;
src: local("ValkyRegular"), url(https://forumstatic.ru/files/001a/28/10/85067.ttf) format('truetype');}
@font-face { font-family: Vanity;
src: local("Vanity-Light"), url(https://forumstatic.ru/files/001a/28/10/14245.ttf) format('truetype');}
@font-face { font-family: Verona Lotte;
src: local("Verona-Lotte-Script"), url(https://forumstatic.ru/files/001a/28/10/62175.ttf) format('truetype');}
@font-face { font-family: Wata;
src: local("Wata-Free-Font"), url(https://forumstatic.ru/files/001a/28/10/98589.ttf) format('truetype');}

@font-face { font-family: Arkhip;
src: local("Arkhip"), url(https://forumstatic.ru/files/001b/7c/28/89556.ttf) format('truetype');}
@font-face { font-family: Rollfast;
src: local("RollfastRounded"), url(https://forumstatic.ru/files/001b/7c/28/20867.ttf) format('truetype');}
@font-face { font-family: Caravan;
src: local("Caravan"), url(https://forumstatic.ru/files/001b/7c/28/75984.ttf) format('truetype');}
@font-face { font-family: Esencia;
src: local("Esencia"), url(https://forumstatic.ru/files/001b/7c/28/29567.ttf) format('truetype');}
@font-face { font-family: DRUZHOK;
src: local("DRUZHOK"), url(https://forumstatic.ru/files/001b/7c/28/98904.ttf) format('truetype');}
@font-face { font-family: yeseva one;
src: local("yeseva one"), url(https://forumstatic.ru/files/001a/f6/b2/83703.ttf) format('truetype');}
@font-face { font-family: cuprum;
src: local("cuprum"), url(https://forumstatic.ru/files/001a/f6/b2/10086.ttf) format('truetype');}
@font-face { font-family: cuprum;
src: local("cuprum"), url(https://forumstatic.ru/files/001a/f6/b2/10086.ttf) format('truetype');}
@font-face { font-family: cuprum;
src: local("cuprum"), url(https://forumstatic.ru/files/001a/f6/b2/10086.ttf) format('truetype');}
@font-face { font-family: nothing you could do;
src: local("nothing you could do"), url(https://forumstatic.ru/files/001c/0b/06/77021.ttf) format('truetype');}
@font-face { font-family: pirata one;
src: local("pirata one"), url(https://forumstatic.ru/files/001a/f6/b2/18178.ttf) format('truetype');}
@font-face { font-family: yesteryear;
src: local("yesteryear"), url(https://forumstatic.ru/files/001a/f6/b2/29734.ttf) format('truetype');}
@font-face { font-family: alegreyasans;
src: local("alegreyasans"), url(https://forumstatic.ru/files/001a/f6/b2/16096.ttf) format('truetype');}
@font-face { font-family: amaticsc;
src: local("amaticsc"), url(https://forumstatic.ru/files/001a/f6/b2/68549.ttf) format('truetype');}
@font-face { font-family: archive;
src: local("archive"), url(https://forumstatic.ru/files/001a/f6/b2/94881.otf) format('truetype');}
@font-face { font-family: corinthia;
src: local("corinthia"), url(https://forumstatic.ru/files/001a/f6/b2/23491.ttf) format('truetype');}
@font-face { font-family: mrhamiltoneg;
src: local("mrhamiltoneg"), url(https://forumstatic.ru/files/001a/f6/b2/66844.ttf) format('truetype');}
@font-face { font-family: inverkrug;
src: local("inverkrug"), url(https://forumstatic.ru/files/001a/f6/b2/51328.otf) format('truetype');}

/* Шрифты диза */
@font-face {
  font-family: winter-heart-alt;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/72006.otf) format("truetype");
}

@font-face {
  font-family: ztchablis;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/97056.ttf) format("truetype");
}

/* ================== */

/* Скрываем элементы форума */

#pun:after,
.punbb .container:after,
.punbb .post-links ul:after,
.punbb .main div.inline:after,
.punbb .post-box:after,
.punbb .linksb:after {clear: both; content: "."; display: block; height: 0; visibility: hidden; overflow:hidden; line-height: 0.0; font-size: 0;}

.pl-share {
  display: none !important;
}

/* .reactions-root {
  display: none !important;
} */

.acchide,
#pun-index #pun-main h1,
#pun-navlinks h2,
#pun-status h2,
#pun-ulinks h2,
.punbb .forum h2,
.punbb .multipage .topic h2,
.punbb dl.post-sig dt span,
.punbb p.crumbs strong,
.punbb .divider hr,
.punbb .required label em,
.punbb .formsubmit label,
.punbb .submitfield label,
.punbb .modmenu label,
.punbb .main td .modlist,
#pun-userlist .main h2,
#pun-title h1,
#pun-announcement h2 {
  font-size: 12px;
  height: 0;
  width: 0;
  line-height: 0;
  position:absolute;
  left: -9999px;
  overflow: hidden;
}

/* ================== */

#profile-signature ul {border-style: none !important;}

/* Общие стили */
body {margin: 0;}
ul, dl, li, dd, dt {list-style: none;}

body {font: 12px Arial;}
h1, h2 {
font-size: 12px; 
font-weight: normal;
padding: 5px 10px;
margin: 0;
}

address, em {font-style: normal;}

a {text-decoration: none;}

div.inew, div.icon-new {
    position: absolute;
    margin-left: -30px;
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background-color: var(--accentcolor1idinah) !important; }

/* Скроллбар
-------------------------------------------------------------*/
::-webkit-scrollbar {
  width: 7px;
  height: 0;
}

::-webkit-scrollbar-track,
::-webkit-scrollbar-corner {
  background-color: transparent;
  background: transparent;
}

textarea::-webkit-scrollbar,
#tags .container::-webkit-scrollbar,
.scrollbox::-webkit-scrollbar,
.hvStickerPackModalContent::-webkit-scrollbar,
#pun-index td .tclcon p::-webkit-scrollbar,
.banners::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

/* ================== */

/* Тело форума */
.punbb {
margin: 0 auto;
}

#pun-searchtopics .tc2, #pun-searchtopics .tc3 {
text-align: center;
    text-transform: lowercase;
}

/* админка жирность на страницах */
#pun-admain label, div#pun-admain .adlabel {
  font-weight: normal !important;
  }

/* админка жирность сбоку пункты*/

#pun-admain .isactive a {
    color: var(--textcolornah);
    font-weight: normal !important;
}

/* админка настройки подпункты */

#pun-adnav .isactive ul.adsubnav a {
    color: var(--accent-color1) !important;
}

#pun-adnav ul.adsubnav a {
    font-weight: normal;
    text-decoration: none !important;
}

/* ================== */

/* Меню навигации */
#pun-navlinks .container {
margin: 0;
padding: 8px 10px;
}
#pun-navlinks li {
display: inline;
}

/* Юзер меню */
#pun-ulinks .container {padding: 10px 0px;}
#pun-ulinks li {
display: inline;
}

/* ================== */

/* Объявление */
#pun-announcement .container {padding: 20px;}

/* Статус (Добро пожаловать) */
#pun-status {
  box-sizing: border-box;
  width: 1000px;
  margin-top: 80px;
}

#pun-status span {
white-space: nowrap;
margin-right: 5px;
}

#pun-crumbs1 {font-weight: normal;}
#pun-crumbs1 p.container {
padding: 10px 10px 8px 10px;
margin-top: 0;
}

/*хлебные крошки */
.container.crumbs {
font-weight: normal;
padding: 10px 10px 8px 10px;
}

#pun-status .status-right a {
  margin-right: 0;
}


#pun-crumbs1 .container.crumbs {margin-top: 10px;}
#pun-crumbs2 .container.crumbs {margin-bottom: 0px;}

/* Копирайт майбб */
#pun-about .container {text-align: right;
display: none; }

/* ================== */


/* Форумные таблицы */
.tcl {width: 50%;}
.tc2, .tc3, .tcmod {
text-align: center;
width: 10%;
border: none !important;
}

.punbb .main table {
  table-layout: fixed;
  width: 100%;
border: none !important;
}

.tcr {width: 30% !important;}

#pun-respect .tcr,
#pun-positive .tcr {
  width: calc(var(--body-width) * 0.25) !important;
  text-align: right;
  text-transform: lowercase;
}

#pun-modviewforum .tcl {
width: 40%;
}

#pun-searchtopics .tc2 {
text-align: center;
width: 30%;
}

#pun-debug table .tcl {width: 15%;white-space:normal;}
#pun-debug .tcr {width: 90%; white-space: normal;}

td {padding: 8px 10px; border: none !important;}
th {padding: 4px 10px;}

tbody.hasicon td.tcl {padding-left: 50px; border: none !important;}
div.icon {
  position: absolute;
  margin-left: -30px;
  width: 10px;
  height: 10px;
  border-radius: 50%;
  background-color: none;
}

/* ================== */

/* Категории */
.category {margin-top: 10px;}
#pun-category1 {margin-top: 0;}
.punbb td .modlist {
display: block;
padding-top: 5px;
}

/* Статистика */
#pun-stats .container {padding: 0 65px 10px;}
#pun-stats li.item1, #pun-stats li.item2 {
float: left;
clear: both;
line-height: 150%;
}

#pun-stats li.item3, #pun-stats li.item4 {
text-align: right;
line-height: 150%;
}

li#onlinelist {
margin-top: 10px;
float: left;
line-height: 130%;
width: 100%;
box-sizing: border-box;
text-align: justify;
}

li#onlinelist div {padding: 8px 0 0 0;}

/* ================== */

/* Пагинация (Переключаемые страницы, Новая тема + Опрос, Подписка) */
.multipage {margin-top: 0px;}
.punbb .linkst {
position: relative;
padding: 5px 10px;
display: flex;
justify-content: space-between;
}
.linkst .postlink {text-align: right;}

.punbb .linksb {
text-align: right;
padding: 4px 10px;
}
.linksb .pagelink {float: left; text-align: left;}
.linksb .postlink {float: right;}
.subscribelink {
clear:both;
padding: 5px 0;
}

/* Модераторское меню, RSS, Atom */
.modmenu .container {
  padding: 5px 15px;
  text-align: right;
}
.modmenu .container strong {float: left;}
.modmenu input {margin-left: 10px;}

/* ================== */

/* Страница топика */
.post {margin-top: 10px;}
.toppost, .topicpost {margin-top: 0;}

.post .container {}
.post h3 {}
.post h3 span {
padding: 5px 10px;
}

.post h3 strong {
float: right;
text-align: right;
font-weight: normal;
}

.post .post-author {
float: left;
margin-top: -20px;
width: 240px;
}

.post-body {margin-left: 250px;}
.post-box {padding: 15px;}

.post-links {margin-left: 250px;}
.post-links ul {
padding: 0 10px 0 0;
margin-left: -250px;
text-align: right;
}
.post-links li {
display: inline;
padding-left: 10px;
}

.pl-email, .pl-website {float: left;}
.clearer {clear: both; height: 0; font-size: 0;}

/* ================== */

/* Подпись в топике */
.post-sig dt, .post-sig dd, .post-sig dl {margin: 0} 
.post-sig dt {
display: block;
margin: 5px auto;
}

/* Контент поста */
pre {font: 11px var(--font-base);}
.post-content em {font-style: italic}
.post-content em.bbuline {font-style: normal; text-decoration: underline;}
.post-content p {
margin: 0;
line-height: 150%;
padding: 0 0 12px 0;
text-align: justify;
font-family: var(--font-base);
}

.post-content img {vertical-align: middle;}
.scrollbox {
width: 100%;
overflow: auto;
max-height: 200px;
}

.quote-box, .code-box {
margin: 4px 10px 10px;
padding: 5px;
border: 1px solid var(--border-color);
}
.quote-box cite {
display: block;
padding-bottom: 5px;
}

.code-box strong.legend {
display: block;
padding-bottom: 5px;
font-weight: normal;
font-style: normal;
}

/* ================== */

/* Формы */
.checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 3px;}
p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * {height: 20px; vertical-align: middle;}

textarea, input, select, optgroup {
font-size: 12px;
font: var(--base);}
optgroup {font-weight: normal;}

.formal .container {padding: 10px 20px;}

.formsubmit {
padding: 0;
margin: 10px 0 0 0;
text-align: center;
}
.formsubmit input, .formsubmit a, .formsubmit span {margin: 0 6px 0 0;}

fieldset {border: none;}
fieldset legend {
font-weight: normal;
text-transform: lowercase;
}
fieldset fieldset {
border: none;
margin: 0;
padding: 0 0 8px 0;
}
.fs-box {padding: 5px 0;}
.fs-box p, .fs-box fieldset {padding: 0 0 8px 0;}

.inline .inputfield, .inline .selectfield, .inline .passfield {float: left;margin-right: 1em;}
.inline .infofield {clear:both}
.datafield br {display: none}
.required label, .datafield span.input {font-size: 10px;}
textarea, .longinput input {width: 64%; margin: 0;}
.hashelp {position: relative;}

/* ================== */

/* Предпросмотр сообщения */
#pun-post .topic {margin-top: 10px;}

/* ================== */


/* Профиль + ЛС */
#profile .container {padding-left: 220px;}
#profilenav {
  float: left;
  width: 200px;
  margin-left: -200px;
}

#profilenav li {padding-bottom: 10px;}
#viewprofile ul, #profilenav ul {
padding: 10px 0;
margin: 0 0 10px 0;
}
#viewprofile h2, #profilenav h2 {
padding: 0;
margin: 0;
}
#viewprofile li {margin-bottom:2px;}
#viewprofile li span {
float: left;
width: 180px;
padding: 5px 10px;
font-weight: normal;
}
#viewprofile li strong, #viewprofile li div {
display: block;
font-weight: normal;
padding: 5px 10px;
}
img.avatardemo {float: right; margin: 0 0 8px 18px;}

/* ================== */

/* Список пользователей */
#pun-userlist .formal, #pun-userlist .formal .container {margin-bottom: 0;}
#pun-userlist .tc2 {
text-align: left;
width: 20%;
}
#pun-userlist .tcl {
width: 40%;
text-align: left;
}

/* ================== */

/* Собщения об ошибках */
.info .container {padding: 5px 10px;}
.info .container .backlink {padding-top: 8px;}

/* ================== */

/* Регистрация */
.info-box {
padding: 10px 15px;
margin: 0 0 10px 0;
text-transform: lowercase;
}
.info-box * {padding: 0 0 5px 0;}
.info-box .legend {font-weight: normal;}

/*************************
Стиль для Быстрой смены аккаунтов
Deff
*************************/
/*Cкрытие формы входа без клика*/
#pun-navlinks a:not(.NextShow)+span.odd{
display:none!important;
}
#pun-navlinks #New-exit img{
    position: absolute;
    left: 5px;
    top: 9px;
    margin: 0;
    width: 16px;
    height: auto;
    opacity: .88;
}
#pun-navlinks #New-exit:hover{
opacity: .4;
}
/*Стиль доп-иконки Выход!*/
.punbb #pun-navlinks a#New-exit {
    position: absolute;
    width: 30px;
    height: 30px;
    box-sizing: border-box;
    z-index: 10000!important;
    margin-top: 0px !important;
    margin-left: 47px !important;
    float: none!important;
    visibility: visible!important;
}
.punbb #pun-navlinks a#New-exit:before {
    content:none;
}
.punbb #pun-navlinks a#New-exit:after {
    content:none;
}
.punbb #pun-navlinks #form-login input{
text-align: center;
    text-align: center;
    /*border: 1px solid var(--bordercolornah) !important;*/
    text-rendering: auto;
    color: #000000 !important;
    margin-top: 7px!important;
    margin-bottom: 4px!important;
    /*border-radius: 5px!important;*/
    letter-spacing: normal;
    word-spacing: normal;
    text-transform: none;
    text-indent: 0px;
    text-shadow: none;
    display: inline-block!important;
    text-align: center;
    font: normal normal 400 11px/normal Arial!important;
    /* background-color: rgb(52, 42, 35); */
    /* box-shadow: inset 0px 0px 3px rgb(18, 9, 6); */
}
.punbb #form-login #fld1,#form-login #fld2{
    background-color: var(--wordcolor) !important;
}
.punbb #pun-navlinks #form-login input[type="submit"]{
    border: 1px solid var(--bordercolornah) !important;
    color: var(--wordcolor) !important;
    cursor: pointer;
    border-radius: 4px!important;
    padding: 4px 12px;
    font-weight: 700!important;
    transition: .33s;
}
.punbb #pun-navlinks #form-login input[type="submit"]:hover{
    border: 1px solid var(--bordercolornahr) !important;
    color: var(--accentcolor1idinah) !important;
    transition: .66s;
}
/*Стиль формы входа*/
.punbb #pun-navlinks #form-login {
   /* text-shadow: 1px 1px 0 rgb(0 0 0);*/
    display: block;
    font: normal normal 400 11px/normal Tahoma;
    letter-spacing: normal;
    color: var(--textcolornah);
    text-transform: none;
    position: absolute!important;
    left: 0px;
    top: 8px;
    z-index: 100000!important;
    padding: 7px 12px;
    background: var(--wordcolor);
    border-color: var(--bordercolornah) !important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-radius: 0 0 6px 6px;
    text-align: center;
/* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */
}
#pun-navlinks #navlogin #form-login {
margin-left: -8px;/*Подвижки формы влево от вход*/
}

#pun-navlinks #navlogout #form-login {
margin-left: -8px;/*Подвижки формы влево от выход*/
}

.ismoderator #pun-navlinks #navlogout #form-login {
  margin-left: -8px!important;/*Подвижки формы влево от выход для АМС*/
}


/*Стиль ссылок в форме "Не зарегистрированы" и "Забыли пароль" */
#pun-navlinks #form-login input[value="Войти"]+p{
margin-bottom: 11px;
margin-top: 11px;
}
.punbb #pun-navlinks #form-login a.Rega,
.punbb #pun-navlinks #form-login a.Forgot{
position:relative;
text-transform: none!important;
z-index:20;
text-shadow:none;
cursor:pointer;
color:var(--textcolornah) !important;
font: normal normal 400 10px/normal Tamota!important;
letter-spacing:0.5!important;
}
.punbb #pun-navlinks #form-login a.Rega:hover,
.punbb #pun-navlinks #form-login a.Forgot:hover{
   color: #dfdfdf!important;
}

.punbb #pun-navlinks #form-login a.Rega:before,
.punbb #pun-navlinks #form-login a.Forgot:before{
  content:none;
}
/* Помечаем красным незаполненные поля!*/
#form-login input.none{
outline:red dashed 2px!important;
}
/*Форма слево(с Никами) */
#List-UserNames {
    position: absolute;
    margin-top: -8px;
    min-height: 90px;
    width: 220px;
    right: 100%;
    padding: 12px 19px 12px 17px;
    background: var(--wordcolor);
    border-color: var(--bordercolornah) !important;
    border-style: solid!important;
    border-width: 1px 1px 1px 1px!important;
    border-radius: 0 0 0px 6px;
    text-align: center;
/*box-shadow:inset 0.23em 0 3.4em rgba(20,20,11,.99);*/
}
/*Стиль контейнера под список Ников*/
.punbb #List-UserNames ul{
padding: 0;
overflow:hidden;
overflow-y:auto;
min-height:36px; 
max-height:72px;/*Видимое число Ников без прокрутки! сейчас - 4*/ 
}
.punbb #List-UserNames li {
display: block!important;
    position: relative;
    background: var(--quotecolornah);
    text-align: left;
    box-shadow: 0px 0px 0px rgb(27 15 11);
    border-radius: 5px;
    font: normal normal 700 12x/normal arial!important;
    margin: 1px auto!important;
    padding: 2px!important;
    transition: .33s;
}
.punbb #List-UserNames li:hover{
opacity:.84;
/*background:var(--textcolornah)!important;*/
}
/*Стиль Ников*/
.punbb #List-UserNames li>b{
cursor: pointer;
opacity: .8;
color: var(--accent-color1);
    text-shadow: 0px 0px 0px rgb(0 0 0);
}
.punbb #List-UserNames li>b:hover{
opacity:.93;
color: var(--accentcolor1idinah);
text-shadow: 0px rgba(0,0,0,.6);
}
/*Скролл контейнера с никами*/
#List-UserNames ul::-webkit-scrollbar {
width: 4px;
height: 5px;
}
#List-UserNames ul::-webkit-scrollbar-track {
    background-color: var(--accentcolor2idinah);
    /* border: 1px solid var(--bordercolornah); */
    box-shadow: 0 0 6px #040404 inset, 0 0 0 2px #75869d inset;
}
#List-UserNames ul::-webkit-scrollbar-thumb {
    background-color: #8493a7;
    border: 2px solid #8493a7;
    box-shadow: none;
}
/*Кнопки Удалить (правее ников)*/
#List-UserNames ul li>span {
display: inline-block;
    padding: 0 3px;
    position: absolute;
    opacity: .88;
    cursor: pointer;
    top: 0;
    bottom: 0;
    right: 2px;
    font: normal normal 700 10.56px/normal Verdana;
    color: #DDDDDD;
    text-shadow: 1px 1px 1px rgb(0 0 0);
}
/*Текст при отсутствии запомненных Ников!*/
#List-UserNames ul:empty:before{
display:inline-block;
content: "У Вас нет запомненных ников, введенных через форму справо, или через перенос ниже!";
}
/*Кнопка выход-2*/
#navlogin #exit-2 {
display:none;
}
#navlogout .Rega,
#navlogout .Forgot {
display:none;
}
/*Стиль блока с инпутом для переноса и вставки запомненных Аккаунтов*/
#List-UserNames ul+span{
display:inline-block;
padding:6px 0 8px 0;
text-align:left;
font: normal normal 400 10.56px/normal Verdana;
}
/*Сам инпут*/
.punbb #List-UserNames input {
    background: var(--wordcolor) !important;
    /*border: 1px solid var(--bordercolornah) !important;*/
    border-radius: 6pximportant;
    text-shadow: none!important;
    color: var(--textcolornah) !important;
    /*background-color: #342a23;*/
    font: normal normal 400 11px/normal Arial!important;
    /*box-shadow: inset 0px 0px 3px rgb(18, 9, 6);*/
    margin-top: 9px;
    padding: 2px !important;
    vertical-align: middle;
}
/*Стрелочки к инпуту*/
#List-UserNames ul+span b{
font: normal normal 400 13px/normal Verdana;
padding:0 3px;
color: #2C2C2C;
}
/*Кликалка слево, чуть выше инпута*/
#List-UserNames .a1-copy{
display:inline-block!important;
cursor:pointer;
float:left;
}
/*Кликалка справо*/
#List-UserNames .a1-paste{
cursor:pointer;
display:inline-block!important;
float:right;
}
/*Подсказки на кликалках*/
.tipsy.a11 {
font: normal normal 400 11px/normal Tahoma!important;
margin-top:-22px!important;
margin-left: 148px!important;
max-width:170px;
}
/*************************
//Конец Стиля для Быстрой смены аккаунтов
*************************/


/*****************
Стиль "Тихой Цитаты"
*****************/
.pl-quiet_quote{
  float:right;
}
.quiet-quote{ 
  position:relative;
  display: table;
  margin: 0px 20px 0px;!important;
  font-style: italic;
  font-size: 11px;
  color: var(--text-color);
  /*text-align:justify;
  border:red solid 1px;*/
}
.quiet-quote:before, /*Шрифт, Цвет, Размер иконок*/
.quiet-quote:after{
  font-size: 30px;
  display: inline-block;
  position:absolute;
  z-index:1000;
  font-weight: 900;
  color: var(--accentcolor1idinah); /*Цвет Кавычек*/
  font-family: Arial, sans-serif;
}
.quiet-quote:before{
  content: "\201C";  /*Код левой кавычки к Тихой цитате*/
  left:-25px;
  top:-5px;
}
.quiet-quote:after{
  content: "\201D";  /*Код правой кавычки к Тихой цитате*/
  right: -17px;
  bottom: -12px;
}
/*************************
/END//Стиль "Тихой Цитаты"
*************************/

/*----------ПЛАШКИ--------*/
#pun-announcement.section {
    width: 955px; padding: 2px; 
    position: relative; display: flex; 
    margin: -50px 0 55px 20px;
    justify-content: center; border-radius: 15px;
    background: var(--);
}

#pun-announcement .container {
    position: relative;
}

6

Цвета style_cs.css

Код:
/* Основные переменные
-------------------------------------------------------------*/

:root {
--wordcolor: #e8e9ed;
--wordcolor1:#ebebeb;
--wordcolor2: #b3b3b3;
--accentcolor1idinah: #545865;
--accentcolor2idinah: #c9d2e2;
--accentcolor3idinah: #7d7d7d;
--accentcolor4idinah: #e0807a;
--linkcoloridinah: #c89a4b;
--linkhoveridinah: #7d7d7d;
--blacknah: #000000;
--blackminnah: rgba(0, 0, 0, 0.01);
--blackmediumnah: rgba(0, 0, 0, 0.1);
--blackmaxnah: rgba(0, 0, 0, 0.2);
--blackmorenah: rgba(0, 0, 0, 0.4);
--whitenah: #f5f5f6;
--greynah: #9d9d9d;
--podnah: #f3f3f3;
--textcolornah: #2d2d2d;
--bordercolornah: #cfcfcf;
--buttoncolornah: #9c9c82;
--buttontextcolornah: #ededed;
--quotecolornah: #eee;
--useravatarcolornah: #b1b1b1;
--arialnah: arial, verdana, helvetica, sans-serif;
--rusnah: ztchablis;
--engnah: winter-heart-alt;
--eng1nah: ztchablis;
--fontosnovnoenah: verdana, arial, helvetica, sans-serif;
--msonah: "Material Symbols Outlined";
--selectmaxnah: rgba(210, 197, 175, 0.6);
--selectmediumnah: rgba(210, 197, 175, 0.2);
--selectminnah: rgba(210, 197, 175, 0.05);
--selecttextcolornah: #111111;
--font-base: verdana, arial, helvetica, sans-serif;
}

/*поясняющий*/
.post-content abbr {
cursor: help;
border-bottom: 1px dotted var(--accentcolor1idinah) !important;
}

/*шрифты доп*/
#font-area {
    display: -webkit-flex;
    display: flex;
    -webkit-flex-wrap: wrap;
    flex-wrap: wrap;
    -webkit-justify-content: space-between;
    justify-content: space-between;
   padding: 5px !important;
}

#font-area div {
    -webkit-flex-basis: 12em;
    flex-basis: 12em;
    -webkit-flex-grow: 1;
    flex-grow: 1;
   padding: 5px !important;
}

#font-area div:hover {
  background: var(--accentcolor1idinah) !important;
  border-radius: 10px;
}

#main-reply {
  font-family: var(--font-base);
}

/* Выделение текста
-------------------------------------------------------------*/
::-moz-selection {
  background-color: var(--selectmaxnah);
  color: var(--selecttextcolornah) !important;
}

::selection {
  background-color: var(--selectmaxnah);
  color: var(--selecttextcolornah) !important;
}

/* Статус (Добро пожаловать) */

#pun-status .container {
  font-size: 9px;
  letter-spacing: 0.8px;
  line-height: 1;
  text-transform: lowercase;
  box-sizing: border-box;
  font-weight: 400;
  font-family: arial;
  color: var(--textcolornah);
  position: absolute;
  width: 100%;
  left: 10px;
  top: 0px;
  text-align: center !important;
  z-index: 3;
}

/*хлебные крошки */

#pun-status .status-right {
  float: right;
  position: absolute;
  top: 10px;
  right: 20px;
}

#pun-status .status-right {
  color: var(--textcolornah) !important;
}

/* Global
-------------------------------------------------------------*/

/* Применяется ко всем элементам */

* {
text-size-adjust: 100%;
-moz-text-size-adjust: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}

:focus {outline: none;}

h1, h2, h3, h4, h5, h6, ul, p, blockquote, pre {
  margin: 0;
}

ul {
  padding: 0;
}

.modlist, .lastedit, .punbb h3 span a.sharelink {display: none;}

a, .punbb #pun-admain a {
  color: var(--accentcolor1idinah);
  transition: all 0.4s ease !important;
 -webkit-transition: all 0.4s ease !important;
 -moz-transition: all 0.4s ease !important;
 -o-transition: all 0.4s ease !important;
}

a:hover, .punbb #pun-admain a:hover {
  color: var(--accentcolor2idinah);
}

/*РАЗМЫТИЕ ЗАЧЕРКНУТОГО ТЕСТА*/
del {
   filter: blur(2px) opacity(100%);
   color: #868686 !important;
   text-decoration: none;
}

del:hover { 
   filter: none; 
   color: #868686 !important;
}


.punbb select {
  border: none;
  background: var(--whitenah);
  font: 10px Arial;
  text-transform: lowercase;
  border-radius: 10px;
}

.punbb input[type="text"]:not(#keyboard-span input) {
  background: var(--whitenah);
  font: 10px arial;
  border: 1px solid var(--bordercolornah) !important;
  color: var(--textcolornah);
  border-radius: 15px;
  text-transform: lowercase !important;
}

.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  border: 1px solid var(--bordercolornah) !important;
  padding: 3px 5px;
  box-sizing: border-box;
  margin-top: 0px;
  background-color: var(--whitenah);
  border-radius: 10px;
}

/* Скроллбар
-------------------------------------------------------------*/
::-webkit-scrollbar-thumb {
  background-color: var(--accentcolor1idinah);
}

#tags .container::-webkit-scrollbar-thumb {
  background-color: var(--accentcolor2idinah) !important;
}

textarea::-webkit-scrollbar-thumb,
.hvStickerPackModalContent::-webkit-scrollbar-thumb {
  background-color: var(--blackmaxnah) !important;
}

.scrollbox::-webkit-scrollbar-thumb {
background-color: var(--blackmaxnah) !important;
}

.banners::-webkit-scrollbar-thumb {
  background-color: var(--accentcolor1idinah);
}

/* ОФОРМЛЕНИЕ КНОПОК
------------------------------------------*/

input.button, #pun-admain input.button {
  padding: 5px 20px 7px !important;
  font-size: 12px;
  line-height: 1;
  text-transform: lowercase;
  border: 15px !important;
  background: var(--accentcolor1idinah);
  color: var(--buttontextcolornah) !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 125px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  transition: all .2s linear 0s;
}

#sub4, input[type="button"] {
  padding: 5px 10px 7px !important;
  font-size: 10px;
  line-height: 1;
  text-transform: lowercase;
  border: 1px solid var(--bordercolornah) !important;
  background: var(--wordcolor);
  color: var(--textcolornah) !important;
  display: inline-flex;
  justify-content: center;
  align-items: center;
  width: -moz-fit-content;
  width: fit-content;
  min-width: 100px;
  box-sizing: border-box;
  border-radius: 15px;
  cursor: pointer;
  transition: all .2s linear 0s;
}

input.button:hover, #pun-admain input.button:hover, #sub4:hover, input[type="button"]:hover {
  background: var(--accentcolor2idinah);
  color: var(--buttontextcolornah) !important;
}


#tags .container {
  top: auto !important;
  margin-top: 0;
  padding: 7px !important;
  overflow-y: auto;
  max-height: 250px;
  background: var(--wordcolor);
  color: var(--textcolornah);
  border-radius: 10px;
  border: 1px solid var(--bordercolornah) !important;
  text-transform: lowercase;
  font-size: 0.9em;
  letter-spacing: 0.2px;
  font-weight: 400;
}

#pun-report .inner,
#pun-reputation .inner,
#pun-admin-award-form .inner {
  display: none;
  position: fixed;
  left: 50%;
  top: 50%;
  margin: -135px 0 0 -384px;
  width: 768px;
  z-index: 100;
  background-color: var(--wordcolor);
  box-shadow: 0 0 40px #222;
  -webkit-box-shadow: 0 0 40px #222;
  -moz-box-shadow: 0 0 40px #222;
  -khtml-box-shadow: 0 0 40px #222;
}

.punbb #move_posts_form .formal>form.container {
    width: 100% !important;
    position: relative;
    border: none !important;
    padding-left: 0 !important;
    padding-right: 0 !important;
    background-color: var(--wordcolor);
}

/* Тело форума
-------------------------------------------------------------*/
.punbb .section .container,
.punbb .post-body,
.punbb .post-links,
.punbb td.tc2,
.punbb td.tc3,
.punbb .info-box, 
.punbb .formal fieldset .post-box,
.punbb #pun-main .info-box .legend {
  background-color: transparent;
  color: var(--textcolornah);
} 

.pun-modal .container {
    padding: .6em 1em;
    max-height: 40em;
    overflow: auto;
    background-color: var(--wordcolor) !important;
    color: var(--textcolornah) !important;
    border-radius: 10px !important;
}

body {
  background: var(--wordcolor) url(https://forumstatic.ru/files/001c/7e/d2/64594.png) no-repeat top center;
  background-size: cover;
  background-attachment: fixed;
}

#pun {
  margin: 35px auto;
  box-sizing: border-box;
  padding: 0px;
  width: 999px;
  background: var(--wordcolor);
  border-radius: 30px;
}

.punbb {
  width: 999px;
  display: flex;
  flex-direction: column;
  border-radius: 30px;
  border: 0px solid var(--whitenah);
}

#pun-ulinks {
  order: -3;
  position: absolute;
  height: 32px;
  background:;
  width: 920px;
  border-radius: 0;
  margin: 340px 40px 0;
}

#pun-ulinks .container {
  margin: 90px;
  display: flex;
  justify-content: center;
  gap: 10px;
}

#pun-ulinks li {
  font-family: Arial;
  font-size: 9px;
  font-weight: 400;
  line-height: 14px;
  font-style: normal;
  text-transform: lowercase;
}

#pun-ulinks li a {
  color: var(--textcolornah);
}

#pun-ulinks li a:hover {
  color: var(--accentcolor1idinah);
}

#pun-navlinks {
  order: -2;
  position: absolute;
  margin-top: -20px;
  width: 1000px;
  text-align: center;
}

#pun-navlinks li a {
  display: inline-block;
  margin: 0 5px;
  padding: 0px;
  border-radius: 100%;
  height: 30px;
  width: 30px;
  background-color: var(--wordcolor) !important;
}

#pun-navlinks li a span {font-size: 0;}

li#navindex a {
  background: url(https://upforme.ru/uploads/001c/0b/06/5/200618.png) no-repeat center;
}

li#navuserlist a {
  background: url(https://upforme.ru/uploads/001c/0b/06/5/292668.png) no-repeat center;
}

li#navsearch a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/78874.png) no-repeat center;
}

li#navprofile a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/595326.png) no-repeat center;
}

li#navpm a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/694824.png) no-repeat center;
}

li#navadmin a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/125135.png) no-repeat center;
}

li#navlogout a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/408331.png) no-repeat center;
}

li#navlogin a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/722382.png) no-repeat center;
}

li#navregister a {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/778298.png) no-repeat center;
}

li#navpr_1 a  {
 background: url(https://upforme.ru/uploads/001c/0b/06/5/750730.png) no-repeat center;
}

#pun-navlinks li:hover a {
  filter: brightness(.8);
  transition: 0.4s;
}

#pun-title {
  background: url(https://forumstatic.ru/files/001b/b9/7f/66406.png) no-repeat top center;
  height: 450px;
  margin-top: -10px;
}

#pun-status {
  order: -1;
  position: absolute;
  top: 350px;
}


#pun-status .container .item1 strong, #pun-status .container a {
  color: var(--accentcolor1idinah);
}

#pun-crumbs1 .container, #pun-crumbs2 .container {
  font-weight: 400;
  line-height: 1;
  font-family: Arial;
  letter-spacing: 0.2px;
  text-align: center;
  text-transform: lowercase;
  color: var(--textcolornah);
}

.punbb #pun-main h1:not(.editBookmark h1) {
  font-size: 0 !important;
}

#pun-about {   
  position: relative;
  background: url(https://forumstatic.ru/files/001b/b9/7f/70968.png) center top no-repeat;
  height: 112px; width: 999px;
  border-radius: 0px!important;
  font-size: 0!important;
}

.punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb-admin #pun-admain legend span {
  text-align: left;
  text-transform:uppercase !important;
  font-size: 0.9em !important;
  letter-spacing: 0.4px;
  line-height: 1;
  margin: 0;
  background: transparent;
  color: var(--textcolornah);
}


/* Иконки
-------------------------------------------------------------*/

tr.isticky div.icon {
  background: transparent !important;
  box-shadow: 0 0 0 1px var(--buttoncolornah) !important;
}

tr.isticky div.icon-new {
  background-color: var(--accentcolor1idinah) !important;
  box-shadow: 0 0 0 1px var(--buttoncolornah) !important;
}


/* Админка
-------------------------------------------------------------*/

.punbb-admin .adcontainer, #pun-admain .adcontainer td, .punbb-admin .adformal h2, .punbb-admin #pun-adnav h2, .punbb .post-content td {border: none !important;}

.punbb #pun-adnav a {
  font-weight: normal;
  text-transform: lowercase;
}

#pun-admain fieldset .handle, #pun-admain fieldset p {
  border-radius: 10px !important;
  background: var(--quotecolornah) !important;
  margin-left: 10px;
}

.punbb #pun-admain .adlabel {
  text-transform: lowercase;
  font-weight: normal;
}


/* Главная
-------------------------------------------------------------*/

#pun-index .container.crumbs { display: none;}

#pun-index .category {
  margin: 50px auto 70px auto;
  padding-bottom: 5px;
  width: 938px;
  border: 1px solid var(--bordercolornah);
  border-radius: 0 0 15px 15px;
}

#pun-index .category h2 {  margin: -41px 0 0 50px; text-align: center;}
#pun-index .category h2 span {font-family: var(--engnah) !important;
  background: url(https://forumstatic.ru/files/001c/7e/d2/78974.png) no-repeat top center;
  border-radius: 15px 15px 0 0;
  display: block;
  text-transform: lowercase;
  float: center;
  position: relative;
  overflow: hidden;
  font-weight: 500;
  z-index: 0;
  font-size: 70px;
  margin-left: -61px;
  height: 45px!important;
  line-height: 75px!important;
  width: 940px;
  color: var(--accentcolor2idinah);
  -webkit-text-stroke-color: var(--accentcolor2idinah);
  -moz-text-stroke-color: var(--accentcolor2idinah);
}
#pun-stats h2 {
  display: none;
}

#pun-stats .statscon {
  margin: 20px auto;
  padding-bottom: 15px;
  width: 940px;
  border: 1px solid var(--bordercolornah);
  background-color: var(--wordcolor);
  border-radius: 15px;
}

#pun-stats .container {
  margin: 0;
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 10px;
  text-transform: lowercase;
}

#pun-stats .item1, #pun-stats .item2, #pun-stats .item3, #pun-stats .item4 {
  margin-bottom: -20px;
  border-radius: 15px;
  border: 1px solid var(--bordercolornah) !important;
  background-color: var(--wordcolor);
  padding: 10px 22px;
  transform: translate(0, -50%);
  color: var(--textcolornah);
  font-size: 9px;
  line-height: 1;
  font-family: Arial;
  letter-spacing: .4px;
}

#pun-stats #onlinelist {
  font-weight: 400;
  font-size: 0.9em;
  letter-spacing: 0.2px;
  font-style: normal;
}

#pun-index thead, #pun-index .tc2, #pun-index .tc3 {display: none;}

#pun-index .container table tr {
  margin: 15px 30px;
  position: relative;
  display: flex;
  align-items: center;
  gap: 20px;
  background-color: var(--podnah);
  padding: 10px;
  border-radius: 10px;
}


#pun-index .hasicon td.tcl, #pun-index .hasicon td.tcr  {padding: 0;}

#pun-index .hasicon td.tcl {
  width: 560px;
}

#pun-index .tcl h3 {
  margin-bottom: 5px;
  font-weight: 400;
  font-size: 30px;
  line-height: 30px;
  font-family: var(--engnah), var(--rusnah);
  text-align: left;
  text-transform: lowercase;
  color: var(--accentcolor2idinah) !important;
}

#pun-index .tcl h3:hover {
  color: var(--whitenah);
}

#pun-index div.icon {
  width: 42px;
  height: 40px;
  display: block;
  margin: 0 0 0 -61px;
  box-shadow: none;
  position: absolute;
  border-radius: 100%;
}

#pun-index div.inew {
background: url(https://forumstatic.ru/files/001c/7e/d2/44298.png) !important;
}


/*ссылки подфорум*/
#pun-index td .coollink {
  width: auto;
  height: 18px;
  display: flex;
  justify-content: left;
  align-items: left;
  flex-wrap: nowrap;
  position: relative;
  margin: 10px 0 10px 0 !important;
}

#pun-index td .coollink a {
  margin: 0 10px;
  background-color: var(--accentcolor1idinah);
  color: var(--whitenah);
  padding: 1px 12px 2px 12px;
  font-size: 9px;
  line-height: 15px;
  font-family: arial;
  font-weight: normal;
  letter-spacing: 1px;
  border-radius: 10px;
}

#pun-index td .coollink a:hover {
  background-color: var(--accentcolor2idinah);
  color: var(--whitenah);
}

#pun-index td .tclcon {
    box-sizing: border-box;
    height: auto;
    width: auto;
    border-radius: 0;
    color: var(--greynah);
    font-weight: 400 !important;
    font-size: 9px;
    font-family: Arial;
    letter-spacing: 1px;
    line-height: 140%;
    text-transform: lowercase;
    padding: 0;
    margin: 0;
    text-align: justify; }

#pun-index .user-avatar {
  position: absolute;
}

.punbb .user-avatar {
  background: var(--useravatarcolornah);
  border-radius: 50% !important;
}

.punbb .user-avatar, .punbb .user-avatar .avatar-image {
  opacity: 1;
  height: 28px !important;
  width: 28px !important;
}

.punbb .user-avatar .avatar-image {
  mix-blend-mode: soft-light;
  filter: contrast(1) brightness(1) grayscale(1);
}

.punbb .user-avatar .isonline {
  background: var(--accentcolor1idinah) !important;
  top: -2px !important;
  right: -2px !important;
  width: 4px !important;
  height: 4px !important;
  border-radius: 50% !important;
  z-index: 4 !important;
}

#pun-index .tcr a.lastpost-link {
  margin-left: 48px;
  padding: 0;
  display: inline-block;
  max-width: 200px;
  box-sizing: border-box;
  color: var(--accentcolor1idinah);
  font-weight: 500;
  font-size: 16px;
  line-height: 1 !important;
  font-family: var(--rusnah);
  letter-spacing: 0.7px !important;
  text-align: left;
  text-transform: lowercase;
  margin-bottom: -10px;
/*  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis; */
}


#pun-index .tcr a.lastpost-link:hover {
  color: var(--linkhoveridinah);
}


#pun-index .main .tcr .lastpost {
  margin-left: 48px;
  width: auto;
  box-sizing: border-box; 
  font-weight: 400 !important;
  font-size: 10px;
  font-family: Arial;
  color: var(--textcolornah);
  text-transform: lowercase;
  text-align: left;
}

#pun-index .main .tcr span.datetime {
  margin-right: 2px;
}

#pun-index .main .tcr span.byuser {
  margin-left: 2px;
}

/* шапка

-------------------------------------------------------------*/

.tmh--table {
  position: absolute;
  width: 999px;
  margin-left: 0px;
  height: 374px;
  margin-top: -5px;
  background: url(https://forumstatic.ru/files/001b/b9/7f/66406.png) no-repeat top center;
  border-radius: 0;
  opacity: 0;
  transition: all 0.4s ease !important;
}


.tmh--table:hover {
  opacity: 1;
}

.tmh--quote-left::-webkit-scrollbar,
.tmh--quote-right::-webkit-scrollbar,
.tmh--table-best_post::-webkit-scrollbar,
.tmh--table-nav::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

.tmh--quote-left::-webkit-scrollbar-thumb,
.tmh--quote-right::-webkit-scrollbar-thumb,
.tmh--table-nav::-webkit-scrollbar-thumb {
  background: var(--whitenah) !important;
}

.tmh--table-best_post::-webkit-scrollbar-thumb {
  background: var(--accentcolor2idinah) !important;
}

.tmh--table-couple {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  top: 50px;
  left: 100px;
}

.tmh--table-couple a {
  width: 120px;
  height: 60px;
  border-radius: 15px;
  background-color: var(--accentcolor1idinah);
}

.tmh--table-couple a img {
  position: absolute;
  display: block;
  width: 120px;
  height: 60px;
  border-radius: 15px;
  mix-blend-mode: hard-light;
  background-size: cover;
  background-repeat: no-repeat;
}

.tmh--table-couple a:hover {
  background-color: var(--wordcolor2);
}

.tmh--table-episode a,
.tmh--table-sns a {
  color: var(--blacknah) !important;
  display: block;
}

.tmh--table-episode a:hover,
.tmh--table-sns a:hover {
  color: var(--accentcolor1idinah) !important;
  display: block;
}

.tmh--table-episode {
  position: absolute;
  top: 20px;
  left: 580px;
  width: 300px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: nowrap;
  color: var(--blacknah);
  line-height: 1;
  font-family: var(--eng1nah);
  font-size: 20px;
  letter-spacing: 1px;
  overflow: hidden;
}

.tmh--table-sns {
  position: absolute;
  top: 240px;
  left: 120px;
  width: 250px;
  height: 64px;
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  flex-direction: column;
  flex-wrap: nowrap;
  color: var(--blacknah);
  line-height: 1;
  font-family: var(--eng1nah);
  font-size: 20px;
  letter-spacing: 1px;
  overflow: hidden;
}

.tmh--table-flooders {
  position: absolute;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 20px;
  left: 200px;
  top: 150px;
}

.tmh--table-players {
  position: absolute;
  left: 380px;
  top: 260px;
  display: flex;
  flex-wrap: nowrap;
  justify-content: center;
  align-items: center;
  gap: 20px;
}

.tmh--table-flooders a,
.tmh--table-players a {
  border-radius: 40px;
  background-color: var(--accentcolor1idinah);
}

.tmh--table-flooders a img,
.tmh--table-players a img {
  display: block;
  width: 40px;
  height: 40px;
  border-radius: 40px;
  mix-blend-mode: hard-light;
  background-size: cover;
  background-repeat: no-repeat;
}

.tmh--table-flooders a:hover,
.tmh--table-players a:hover {
  background-color: var(--wordcolor2);
}

.tmh--table-best_post {
  position: absolute;
  right: 50px;
  top: 170px;
  display: block;
  width: 380px;
  height: 80px;
  text-transform: lowercase;
  font-family: Arial;
  font-size: 10px;
  letter-spacing: 0.6px;
  line-height: 1;
  overflow-y: auto;
  text-align: justify;
  padding-right: 4px;
  box-sizing: border-box;
  color: var(--textcolornah);
}

.tmh--table-best_post a {
  color: var(--accentcolor1idinah) !important;
  display: inline;
  text-transform: lowercase;
  line-height: 1;
  font-size: 12px;
  font-family: Arial;
}

.tmh--table-best_post a:before {
  content: "@";
}

.tmh--table-ams {
  position: absolute;
  display: flex;
  top: 57px;
  left: 730px;
  display: flex;
  width: 50px;
  font-weight: 500;
  height: 200px;
  justify-content: center;
  align-items: center;
  font-family: var(--engnah);
  font-size: 24px;
  gap: 0 5px;
  text-transform: lowercase;
  letter-spacing: 0.7px;
  color: var(--accentcolor2idinah);
  line-height: 1;

}

.tmh--table-ams a {
  color: var(--accentcolor2idinah) !important;
}

.tmh--table-ams a:hover {
  color: var(--accentcolor1idinah) !important;
}

.tmh--table-nav {
  position: absolute;
  top: 290px;
  left: 40px;
  width: 180px;
  height: 22px;
  transition: all 0.4s ease !important;
  -webkit-transition: all 0.4s ease !important;
  -moz-transition: all 0.4s ease !important;
  -o-transition: all 0.4s ease !important;
}

.spirit-navigation {
  display: flex;
  background: var(--whitenah);
  height: 22px;
  width: 180px;
  border-radius: 0;
  cursor: pointer;
  color: var(--body-color);
  position: absolute;
  font-family: Arial;
  transition: all 0.3s ease-in-out 0s;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: center;
  z-index: 999;
  font-size: 10px;
  font-weight: 400;
  line-height: 1;
  text-transform: lowercase;
  letter-spacing: 1px;
  padding: 0 10px;
  box-sizing: border-box;
  border-radius: 10px;
}

.spirit-navigation:after {
  content: "\e5c5";
  font-family: var(--msonah);
  font-size: 15px;
  line-height: 1;
  background: var(--whitenah);
  border-radius: 13px;
  letter-spacing: 0;
  box-sizing: border-box;
  height: 12px;
  width: 12px;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 0 0 0 1px;
  color: var(--textcolornah) !important;
}

.spirit-navigation.spirit-navigation_hover {
  background: var(--whitenah);
  color: var(--accentcolor1idinah);
}

.spirit-navigation.spirit-navigation_hover:after {
  content: "\e5c7";
  color: var(--textcolornah) !important;
  padding: 0 0 1px 1px;
}

#navigblock {
  position: absolute;
  top: -220px;
  z-index: 9999;
  left: 0px;
}

.sslka {
  display: block;
  background: var(--whitenah);
  border-radius: 10px;
  padding: 5px;
  box-sizing: border-box;
}

.sslka a {
  background: var(--whitenah);
  margin-bottom: 5px;
  text-align: center;
  display: block;
  padding: 1px 10px 2px;
  text-transform: lowercase;
  width: 170px;
  color: var(--textcolornah) !important;
  font-family: Arial;
  font-size: 10px;
  border-radius: 15px;
  font-weight: 400;
  box-sizing: border-box;
}

.sslka a:hover {
  color: var(--accentcolor1idinah) !important;
  background: var(--quotecolornah);
  border-radius: 10px;
}


/* Футер
-------------------------------------------------------------*/

#html-footer {position: relative;}

.banners {
  display: block;
  position: absolute;
  overflow-y: auto;
  text-align: left;
  padding: 0;
  margin: 0 560px;
  height: 72px;
  width: 390px;
  box-sizing: border-box;
  line-height: 1.5 !important;
  border-radius: 0px;
  top: -90px;
}

/* Список тем
-------------------------------------------------------------*/

.pun-modal.move_posts_form h2, .punbb fieldset legend span {
  padding: 5px 0 !important;
  text-align: center;
  color: var(--textcolornah);
  font-size: 12px !important;
  list-style: upper-alpha;
  letter-spacing: 0.2px;
  line-height: 1;
  font-weight: 400 !important;
  text-transform: lowercase !important;
  margin: 0 !important;
  display: block;
}

.punbb .fs-box {
  padding: 10px 0 20px;
}

.punbb thead th, .punbb td {
  font-weight: 400;
  font-family: Arial;
  border: none !important;
}

#pun-online .tcl, #pun-online .tc3 {
    text-transform: lowercase;
}

.punbb thead th {
  font-size: 10px;
  letter-spacing: 0.2px;
  border: none !important;
}

#pun-searchtopics .tcl, #pun-viewforum .tcl {
  width: 40%;
  text-align: left;
}

#pun-searchtopics .tc3 {
  width: 5%;
}

#pun-searchtopics .tcr {
  width: 25%;
  text-align: right;
}

#pun-searchtopics .tcr a {
  display: block;
  font-weight: 400 !important;
  text-transform: lowercase !important;
}

#pun-searchtopics .tcr a:hover {
  color: var(--linkhoveridinah) !important;
}

.punbb:not(#pun-index) .intd {
  display: flex;
  align-items: center;
}

.linkst .postlink, .linkst .pagelink, .linksb .pagelink, .linksb .postlink, .linksb .subscribelink {
  padding: 5px;
  font-weight: 400 !important;
  font-size: 10px;
  line-height: 1;
  font-family: arial;
  text-transform: lowercase;
  letter-spacing: 0.4px;
}

.modmenu {
  text-transform: lowercase;
}

.punbb .modmenu strong {
  height: 1.3em;
  display: flex;
  justify-content: center;
  align-items: center;
  font-weight: 400 !important;
  font-family: Arial;
  text-transform: lowercase;
  margin-right: 5px !important;
  border: 0px solid var(--bordercolornah) !important;
  border-radius: 0px;
  padding: 5px;
}

.punbb .modmenu strong a {
  background: var(--wordcolor);
  color: var(--textcolornah);
  padding: 2px 15px 5px;
  line-height: 1;
  border-radius: 0;
  border: 0px solid var(--bordercolornah) !important;
  border-radius: 15px;
}

.punbb .modmenu strong a:hover, .punbb .formsubmit a:hover {
  background-color: var(--accentcolor2idinah) !important;
  color: var(--buttontextcolornah) !important;
}

/* Топик
-------------------------------------------------------------*/

#pun-viewtopic .linkst, .multipage .linkst {
margin-bottom: 20px;
}

.cool2, .cooltext {
  display: none !important;
}

#pun-viewtopic .topic {margin-top: 20px;}

.punbb .post h3 span {
  padding: 5px 10px;
  display: flex;
  flex-direction: row-reverse;
  align-items: center;
  justify-content: space-between;
  margin: 0px 10px -2px 249px;
  border-radius: 0 15px 15px 0;
  border: 1px solid var(--bordercolornah) !important;
  font-weight: 400;
  font-size: 8px;
  line-height: 8px;
  font-family: arial;
  text-transform: uppercase;
  letter-spacing: 0.4px;
}

.punbb .post h3 span a {
  color: var(--accentcolor1idinah);
  padding: 0px;
  line-height: 10px;
  border-radius: 0px;
  box-sizing: border-box;
  max-width: 300px;
  overflow: hidden;
  justify-content: left !important;
  align-items: left !important;
}

.punbb .post h3 span a:hover {
  opacity: 0.5;
}

.punbb .post .container {
  margin-bottom: 20px;
  padding: 0 10px;
}

html.punbb {
 border: none !important;
}


.punbb .post-content td {border: 0px !important;}

.punbb .post-links a {
  text-transform: uppercase;
  font-weight: 400 !important;
  font-size: 8px;
  padding: 0;
  line-height: 9px;
  border-radius: 0;
  font-family: Arial;
  letter-spacing: 0.4px;
}

.punbb .modmenu .container {
  font-weight: 400 !important;
  text-transform: lowercase;
  z-index: 5;
  position: relative;
  box-sizing: border-box;
}

.punbb .modmenu .container span {
  font-weight: 400 !important;
}

div#topic-users-in p.container {
  font-size: 10px;
  letter-spacing: .4px;
}

.punbb #pun-main .quote-box, .punbb #pun-main .code-box {
  background-clip: padding-box;
  position: relative;
  padding-bottom: 5px !important;
  color: var(--textcolornah);
  border-radius: 15px;
  overflow: hidden;
  background: var(--wordcolor);
  border: 1px solid var(--bordercolornah) !important;
}

.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding: 5px;
  margin: 10px 10px 5px 10px;
  text-align: left;
  font-style: normal;
  font-size: 12px !important;
  font-weight: 400;
  color: var(--accentcolor1idinah);
  text-transform: lowercase;
  font-family: Arial !important;
  background: var(--quotecolornah) !important;
}

a.qc-post-link img {
  display: none;
}

a.qc-post-link::before {
  margin: 0px !important;
  content: "\e8b6";
  display: inline-block;
  color: var(--greynah);
  font-family: var(--msonah);
  position: absolute;
  font-weight: 300;
}

.punbb pre {
  font: 10px var(--fontosnovnoenah);
  line-height: 160%;
  white-space: break-spaces;
}

.punbb .post-content .scrollbox {
  height: auto !important;
  max-height: 120px !important;
  overflow-y: auto;
}

.punbb .post-content blockquote, .punbb .post-content .blockcode {
  overflow: hidden;
  margin: 0;
  padding: 5px 10px;
}

/* автор */

.post .post-author {
  height: auto;
  position: relative;
  padding: 25px 10px 30px 10px;
  text-align: center;
  box-sizing: border-box;
  margin-bottom: 50px;
  border-radius: 15px 0 15px 15px;
  z-index: 1;
  border: 1px solid var(--bordercolornah) !important;
}

.topic .post .post-author ul {
    width: 220px;
    margin: 0px auto 6px auto !important;
    background-color: var(--whitenah) !important;
    position: relative;
    border-radius: 10px;
    padding-top: 11px;
}

.post-author .pa-fld1 {
  position: absolute;
  margin-right: -50%;
  top: 5px;
  left: 50%;
  transform: translate(-50%, -65%);
  width: 40px;
  height: 40px;
  display: flex;
  justify-content: center;
  align-items: center;
  box-sizing: border-box;
  background: var(--whitenah);
  border-radius: 20px;
  border: 0px solid var(--bordercolornah) !important;
}

.pa-author {
  padding: 10px 0 10px 0;
  box-sizing: border-box;
  font-weight: normal;
  font-weight: 600 !important;
  font-size: 20px;
  line-height: 17px;
  font-family: var(--eng1nah), sans-serif;
  text-align: center;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  color: var(--accentcolor2idinah);
  z-index: 3!important;
}

.pa-title {
  position: relative;
  margin: 2px auto 5px;
  padding: 3px;
  width: 180px;
  font-weight: 400 !important;
  font-size: 8px;
  line-height: 1;
  font-family: Arial;
  letter-spacing: 1px;
  text-transform: lowercase;
  text-align: center;
  color: var(--body-color);
}

.pa-avatar img {
  max-height: 180px;
  max-width: 180px;
  border-radius: 5px; 
}

.pa-respect,
.pa-posts, .pa-fld4 {
    display: inline-block;
    margin: 5px 0 20px 0;
    text-align: center;
    font-family: Arial;
    font-size: 8px;
    text-transform: lowercase;
    font-weight: normal;
    color: var(--textcolornah);
    width: 55px;
    z-index: 1;
    padding: 2px;
    border-radius: 5px;
}

.pa-fld4 {
 line-height: 9px;
}

.pa-respect {
 line-height: 7px;
}


.pa-posts span.fld-name,
.pa-posts a,
.pa-respect span.fld-name,
.post-author .pa-fld4:before {
  font-weight: 400;
  margin: 0 0 5px;
  text-transform: lowercase;
  font-size: 12px !important;
  letter-spacing: 0.5px;
  width: 100%;
  display: block;
  padding: 0;
  box-sizing: border-box;
  font-family: var(--engnah);
  line-height: 1;
  z-index: 3 !important;
}

.pa-respect span a:before {
  content: "likes";
  font-size: 22px !important;
}

.pa-respect img {
    -webkit-filter: hue-rotate(-210deg);
    filter: hue-rotate(-210deg);
    width: 8px;
    height: 8px;
}

.pa-posts a {
    margin-right: 2px;
    color: #e8e8e8 !important;
    letter-spacing: 1.4px;
}

.pa-posts:hover,
.pa-respect:hover {
    opacity: 0.8 !important;
}

#pun.isguest .pa-respect span.fld-name:before {
  content: "likes:";
  font-size: 22px !important;
}

.pa-posts span.fld-name:before {
  content: "mess:";
  font-size: 22px !important;
}

.post-author .pa-fld4:before {
  content: "money:";
  font-size: 22px !important;
}

.pa-respect a,
.pa-posts a,
.pa-respect span.fld-name,
.pa-posts span.fld-name,
.post-author .pa-fld4:before {
  color: var(--accentcolor2idinah) !important;
}

.pa-respect a,
.pa-posts span.fld-name,
#pun.isguest .pa-respect span.fld-name {
  font-size: 0px !important;
  display: inline-flex;
  flex-direction: column;
}

.post-author .pa-fld2 {
  display: flex;
  justify-content: center;
  align-items: center;
  text-align: center;
  margin: 0 auto 18px;
  z-index: 30!important;
}

.post-author .pa-fld3 {
  position: absolute; 
  display: block;
  width: 100%;
  padding: 10px 10px 10px !important;
  font-size: 9px;
  line-height: 1.2 !important;
  font-family: Arial;
  font-weight: 400;
  letter-spacing: .7px;
  margin: -20px auto 5px !important;
  box-sizing: border-box;
  text-align: center;
  position: relative;
  width: 190px;
  background: var(--whitenah);
  border: 1px solid var(--bordercolornah);
  border-top: none;
  border-radius: 0 0 10px 10px;
}

.post-author .pa-fld3 a {
  color: var(--accentcolor1idinah) !important;
}

.post-author .pa-fld3 a:hover {
  color: var(--accentcolor2idinah) !important;
}

#pun-viewtopic .pa-online, #pun-viewtopic .pa-last-visit {
  position: absolute;
  margin: 0;
  padding: 0;
  left: 10px;
  top: 10px;
  display: block;
  width: 10px;
  height: 10px;
  border-radius: 15px;
  font-size: 0
}

#pun-viewtopic .pa-online {
  background: var(--accentcolor2idinah);
  box-shadow: 0 0 0 0px var(--accentcolor2idinah);
}

#pun-viewtopic .pa-last-visit {
  background: ;
  box-shadow: 0 0 0 0px var(--accentcolor1idinah);
}

.post-author  .pa-fld5 {
    position: absolute;
    left: -10px;
    width: 238px;
    overflow: hidden;
    bottom: -36px;
    z-index: -1;
   border-radius: 15px;
}

.post-sig dt {
  width: 300px;
  border-top: 1px solid var(--bordercolornah);
}

/* Профиль и ЛС
-------------------------------------------------------------*/

#viewprofile  {
    display: grid;
    gap: 20px;
    align-items: center;
    margin: 30px;
    background: url(https://forumstatic.ru/files/001b/b9/7f/64788.png?v=1);
    border-radius: 15px; 
}

#viewprofile #profile-left {
    width: 92%;
    margin-top: 100px;
    display: flex;
    flex-direction: column;
    align-items: center;
    gap: 5px;
    height: 100%;
    text-transform: lowercase;
    letter-spacing: 1px;
    padding: 15px !important;
    text-align: center;
    box-sizing: border-box;
    font-size: 9px;
    justify-content: center;
    background: var(--wordcolor);
    border-radius: 10px; 
}

#profilenav li {
  font-weight: 400 !important;
  text-transform: lowercase;
}

#viewprofile li strong {
  font-weight: 400 !important;
}

#viewprofile li span {
  padding: 5px 10px 5px 20px !important;
  font-size: 10px;
  line-height: 1;
  text-transform: lowercase;
  font-weight: 400 !important;
  margin-bottom: 0 !important;
  font-family: Arial;
}

#profile-left #profile-name {
  box-sizing: border-box;
  font-size: 12px;
  text-transform: lowercase;
  letter-spacing: 0.4px;
  text-shadow: none;
  font-family: var(--rusnah);
  color: var(--accentcolor1idinah);
}

#profile-left #profile-title {
  box-sizing: border-box;
  font-size: 7px;
  letter-spacing: 1px;
  color: var(--textcolornah);
  font-family: Arial;
  text-transform: lowercase;
}

#profile-left #pa-online {
  color: var(--textcolornah);
  text-transform: uppercase;
  font-size: 8px;
  font-style: normal;
  letter-spacing: 0.2px;
  margin: 0 !important;
  box-sizing: border-box;
  line-height: 1;
  font-family: arial;
}

#pa-edit {
  font-size: 11px;
  text-transform: lowercase;
  letter-spacing: 0.4px;
}

#profile-signature {
margin: 10px 0 0 0; 
background: var(--wordcolor);
border-radius: 10px; }

#profile-right {
  background: var(--wordcolor);
  border-radius: 10px; 
}

.punbb #profile-right li strong {
  margin: 10px;
  padding-left: 150px;
  padding-right: 50px;
  font-size: 10px;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  font-weight: 400 !important;
  width: 90%;
  text-align: left;
  box-sizing: border-box;
}


.punbb #profile-right #pa-fld5 {
display: none; }


/* Кнопки вверх/вниз
-------------------------------------------------------------*/

#Go_Top {
  position: fixed;
  cursor: pointer;
  z-index: 999;
  margin-left: 1030px;
  font-size: 0;
  width: 47px;
  height: 47px;
  border-radius: 0px;
}

#Go_Bottom { 
  position: fixed;
  cursor: pointer;
  z-index: 999;
  margin-left: 1030px;
  font-size: 0;
  width: 45px;
  height: 61px;
  border-radius: 0px;
}


#Go_Top {
  top: calc(45% - 30px);
}

#Go_Bottom {
  top: calc(50% + 30px);
}

#Go_Top:before {
  display: block;
  content: "";
  background: url(https://forumstatic.ru/files/001c/7e/d2/94289.png) no-repeat center; 
  background-color: ;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

#Go_Bottom:before {
  display: block;
  content: "";
  background: url(https://forumstatic.ru/files/001c/7e/d2/69310.png) no-repeat center;
  background-color: ;
  width: 100%;
  height: 100%;
  border-radius: 25px;
}

/* Слайдеры и уведомления
-------------------------------------------------------------*/

#volSlider {
  background: var(--blackmediumnah) !important;
  width: 100px !important;
  height: 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
}

#volSlider .before {
  background: var(--blackmediumnah) !important;
  height: 6px !important;
  border-radius: 0 !important;
  margin-top: 0px !important;
}

#volSlider .thumb {
  background: var(--blackmorenah) !important;
  width: 6px !important;
  height: 6px !important;
  border-radius: 0 !important;
  box-shadow: none !important;
  position: relative !important;
  margin-bottom: 1px;
}

.FNTslider {
  position: relative;
  z-index: 1000;
  background: var(--blackmediumnah) !important;
  width: 120px !important;
  height: 6px !important;
  margin: 0px auto !important;
  float: center;
}

.FNTslider .before {
  height: 100% !important;
  border: none !important;
  position: absolute !important;
  background: var(--blackmediumnah) !important;
  margin: 0px !important;
}

.FNTslider .thumb {
  width: 1em !important;
  height: 100% !important;
  position: relative;
  top: 0px !important;
  background: var(--blackmorenah) !important;
  cursor: pointer;
}

div#notify-settings {
  font-weight: 400 !important;
  text-transform: lowercase;
  letter-spacing: 0.2px;
  font-size: 0.9em;
  margin: 0 0 20px !important;
}

7

Код:

/* Хтмл темы
-------------------------------------------------------------*/
/* Орг. темы */
.fb-themes {
  background: var(--wordcolor);
  width: 600px;
  height: auto;
  box-sizing: border-box;
  display: block;
  margin: 0px auto !important;
  border-radius: 10px;
  border: 1px solid var(--bordercolornah) !important;
}

.theme-header {
  position: relative;
  display: flex;
  width: 97%;
  height: auto;
  justify-content: center;
  align-items: center;
  text-align: center;
  padding: 5px 5px 5px;
  box-sizing: border-box;
  color: var(--textcolornah);
  letter-spacing: 1px;
  font-family: var(--rusnah);
  text-transform: lowercase;
  font-size: 14px;
  font-weight: 500;
  background: var(--quotecolornah) !important;
  margin: 10px !important;
}

.obv {
  height: auto;
  width: 100%;
  padding: 0px;
  overflow: hidden;
  box-sizing: border-box;
  margin: -10px auto 0 !important;
  border-radius: 15px;
}

.themes-text {
  text-align: justify;
  width: 100%;
  font-size: 11px;
  letter-spacing: 0.4px;
  font-family: arial;
  background: var(--wordcolor);
  height: auto;
  box-sizing: border-box;
  display: block;
  padding: 16px !important;
  line-height: 16px;
}

/* гостевая */
.fb-guest {
  padding: 180px 0px 26px;
  width: 590px;
  height: auto;
  box-sizing: box;
  font-family: Arial;
  text-align: justify;
  font-size: 10px;
  line-height: 15px;
  background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/804564.png);
  background-color: var(--wordcolor);
  background-repeat: no-repeat;
  background-position: top 0px center;
  margin: 0 auto !important;
  border-radius: 15px;
  border: 1px solid var(--bordercolornah) !important;
  position: relative;
}

g2 {
  display: block;
  width: auto;
  height: auto;
  position: relative;
}

g3 {
  display: block;
  width: 490px;
  height: auto;
  position: relative;
  margin: 40px auto 0 !important;
}

.fb-guest .rules-text {
  display: block;
  width: 63%;
  margin: 40px auto !important;
  padding: 0;
  box-sizing: border-box;
  font-size: 10px;
  line-height: 15px;
  font-family: var(--arialnah);
  text-align: center;
}

.fb-guest .rules-text b,
.fb-guest .rules-text strong {
  font-weight: 400;
  font-family: var(--arialnah);
  color: var(--accentcolor1idinah);
}

.fb-guest .faces {
  display: flex;
  width: 100%;
  margin: 0 auto;
  flex-wrap: nowrap;
  justify-content: space-between;
  padding: 0px;
  box-sizing: border-box;
  gap: 70px;
}

.fb-guest .faces:first-of-type {
  margin-top: 26px;
}

.fb-guest .titles {
  display: block;
  width: auto;
  margin: -10px auto !important;
  padding: 0;
  box-sizing: border-box;
  font-size: 22px;
  line-height: 15px;
  font-family: var(--eng1nah);
  text-align: center;
  color: var(--accentcolor1idinah);
}

.fb-guest .girls,
.fb-guest .boys {
  line-height: 15px;
  width: 210px;
  height: 160px;
  margin: 20px 0 0;
  padding: 15px 10px 10px;
  box-sizing: border-box;
  background: var(--wordcolor);
  border-radius: 10px;
  border: 1px solid var(--bordercolornah) !important;
}

gscroll,
mscroll {
  overflow: auto;
  height: 100%;
  width: 100%;
  display: block;
  margin: 0 auto !important;
  padding: 0 1px;
  box-sizing: border-box;
}

gscroll::-webkit-scrollbar,
mscroll::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

.x-data {
  text-align: center;
  font-size: 10px;
  display: block;
  width: -moz-fit-content;
  width: fit-content;
  margin: 8px auto 4px !important;
  padding: 0 10px;
  box-sizing: border-box;
  font-family: var(--arialnah);
  color: var(--greynah);
}

.x-data:first-child {
  margin: 0 auto 4px !important;
}

.fb-guest .ssilks {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  top: 197px;
  position: absolute;
  left: 0;
  font-family: var(--eng1nah);
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: var(--wordcolor);
  box-sizing: border-box;
}

.fb-guest .ssilks a {
  letter-spacing: 0.8px;
  color: var(--accentcolor2idinah) !important;
  padding: 0px 6px 3px;
  box-sizing: border-box;
  line-height: 1;
  border: 1px solid var(--bordercolornah) !important;
  border-radius: 10px;
  font-family: var(--eng1nah);
  font-size: 14px;
  margin: 2px 0;
  width: 100%;
  min-width: 114px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  background: var(--wordcolor);
  align-items: center;
}


/* Внешности */
.faceclaims {
  width: 600px;
  background: var(--wordcolor);
  margin: 0 auto !important;
  border: 1px solid var(--bordercolornah) !important;
  box-sizing: border-box;
  padding: 1px 5px 10px;
  border-radius: 15px;
}

.faceclaims .letters {
  width: 100%;
  height: 120px;
  text-align: center;
  margin: 25px 5px;
}

.faceclaims .letters span {
  letter-spacing: 4px;
  font-size: 16px;
  color: var(--accentcolor1idinah);
  font-family: var(--eng1nah);
  line-height: 18px;
  text-transform: lowercase;
  white-space: nowrap;
}

.faceclaims .fclist {
  display: flex;
  margin: 20px;
  margin-top: -120px;
}

.faceclaims .fcblock {
  width: 100%;
  box-sizing: border-box;
  margin: 0 5px;
  border-radius: 10px;
  background: var(--wordcolor);
  border: 1px solid var(--bordercolornah) !important;
}

.faceclaims .fchead {
  font-family: var(--eng1nah);
  width: 50%;
  height: auto;
  color: var(--accentcolor1idinah);
  font-size: 25px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: lowercase;
  margin-top: 20px;
}

.faceclaims .fchead1 {
  font-family: var(--eng1nah);
  width: 50%;
  margin-top: -26px;
  margin-left: 280px;
  height: auto;
  color: var(--accentcolor1idinah);
  font-size: 25px;
  letter-spacing: 0.5px;
  text-align: center;
  text-transform: lowercase;
}


.faceclaims .fcs {
  text-transform: lowercase;
  letter-spacing: 0.4px;
  max-height: 117px;
  overflow-y: auto;
  padding: 0 10px;
}

.faceclaims .fcs p {
  margin: 5px 0 !important;
  padding: 0 !important;
  line-height: 10px !important;
  text-align: left !important;
  font-size: 10px !important;
  font-family: Arial;
}

.punbb .post-content p a {
  color: var(--linkcoloridinah);
}

.faceclaims .fcs span {
  font-weight: 700;
  font-family: Arial;
}

.faceclaims .fcs::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

/* новости */
.fb-ns {
  display: block;
  align: justify;
  padding: 24px;
  box-sizing: border-box;
  background-color: var(--wordcolor1);
  width: 600px;
  height: 630px;
  margin: 0 auto 20px !important;
  border: 10px solid var(--whitenah) !important;
  position: relative;
  border-radius: 10px;
  outline: 0px solid var(--bordercolornah) !important;
}

.ns-ava {
  position: absolute;
  top: 50px;
  left: 35px;
  z-index: 50;
  text-align: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  border: 10px solid var(--whitenah) !important;
  margin: 0 auto !important;
  background: var(--bordercolornah);
}

.ns-ava img {
  border-radius: 70px;
  width: 70px;
  height: 70px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.ns-nn {
  top: 35px;
  right: 30px;
  display: block;
  position: absolute;
  width: 90%;
  height: 30px;
  overflow: hidden;
  text-transform: lowercase;
  letter-spacing: 0.5px;
  color: var(--accentcolor1idinah);
  font-family: var(--eng1nah);
  font-size: 14px;
  text-align: center;
}

.ns-who {
  display: block;
  top: 0px;
  right: 30px;
  display: block;
  width: 90%;
  position: absolute;
  line-height: 25px;
  text-transform: lowercase;
  text-align: center;
  color: var(--accentcolor1idinah);
  font-family: var(--eng1nah);
  font-size: 20px;
  letter-spacing: 1px;
  box-sizing: border-box;
  padding-bottom: 5px;
  background-color: var(--whitenah);
  border-radius: 0 0 10px 10px;
}

.ns-text {
  box-sizing: border-box;
  top: 160px;
  left: 20px;
  width: 540px;
  height: 320px;
  font-size: 12px;
  font-family: Arial;
  line-height: 13px;
  color: var(--textcolornah);
  letter-spacing: 0.3px;
  position: absolute;
  display: block;
  text-align: justify;
  margin: auto !important;
  background: var(--whitenah);
  border-radius: 10px;
  padding: 10px;
  overflow-y: auto;
}

.ns-text::-webkit-scrollbar {width: 4px !important; height: 0;}

.ns-music {
    position: absolute;
    font-style: normal !important;
    display: block;
    top: 55px;
    left: 0px;
    width: 98%;
    text-align: center;
    color: var(--textcolornah);
    font-family: arial;
    font-size: 10px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    padding: 3px;
}

.fb-ns a {
  font-weight: 400 !important;
  font-family: Arial;
}

.block-aktiv a,
.b-para a {
  color: var(--accentcolor1idinah) !important;
}

.fb-ns a:hover {
  opacity: 0.5;
}

.block-aktiv {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  bottom: 0px;
  z-index: 1;
  left: 0;
  margin: 0px auto !important;
}

.left-aktiv,
.right-aktiv {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  text-align: center;
  gap: 10px;
} 

.left-aktiv {
  left: 180px;
  top: -530px;
}

.right-aktiv {
  left: 380px;
  top: -530px;
}

.left-aktiv img,
.right-aktiv img {
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.left-aktiv span,
.right-aktiv span {
  background: var(--wordcolor2);
  border-radius: 50%;
}

.ep-aktiv {
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: 0.4px;
  display: flex;
  width: 150px;
  height: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  color: var(--accentcolor2idinah);
  font-family: var(--rusnah);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  position: absolute;
  left: 420px;
  top: -120px;
}

.post-para {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  left: 120px;
  top: 500px;
}

.b-post {
  text-align: justify;
  text-transform: lowercase;
  font-size: 9px;
  width: 300px;
  height: 70px;
  line-height: 10px;
  letter-spacing: 0.3px;
  color: var(--textcolornah);
  font-family: Arial;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 5px;
}

.b-post::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

.b-post::-webkit-scrollbar-thumb {
  background: var(--accentcolor2idinah) !important;
}

.b-post a {
  color: var(--textcolornah) !important;
  font-family: Arial !important;
  font-style: bold;
}

.b-para {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  text-align: center;
}

.b-para {
  top: 10px;
  left: -90px;
}

.b-para img {
  border-radius: 10px;
  max-width: 80px;
  max-height: 40px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.b-para span {
  background: var(--wordcolor2);
  border-radius: 10px;
}

.ns-sns {
  text-transform: lowercase;
  font-size: 16px;
  letter-spacing: 0.4px;
  display: flex;
  width: 600px;
  height: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  color: var(--accentcolor2idinah);
  font-family: var(--rusnah);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  position: absolute;
  left: -140px;
  top: 55px;
}

.ns-links {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  top: 145px;
  position: absolute;
  left: 50px;
  font-family: var(--eng1nah);
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: var(--wordcolor);
  box-sizing: border-box;
}

.ns-links a {
  letter-spacing: 0.8px;
  color: var(--accentcolor2idinah) !important;
  padding: 3px 6px 3px;
  box-sizing: border-box;
  line-height: 1;
  border: 0px solid var(--bordercolornah) !important;
  border-radius: 10px;
  font-family: var(--eng1nah);
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
  min-width: 150px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  background: var(--wordcolor);
  align-items: center;
}


/* Магазин, банк */
#tmh-magaz {
  position: relative;
  width: 600px;
  height: auto;
  display: flex;
  flex-direction: column;
  margin: 30px auto 0;
}

#tmh-magaz #tab-2 {
overflow: hidden; }

#tmh-magaz input.hidden {
  display: none;
}

#tmh-magaz .tabs {
  height: -moz-fit-content;
  height: fit-content;
  display: flex;
  justify-content: center;
  align-items: center;
  z-index: 2;
  position: relative;
  overflow: auto;
  margin: 0 0 0px;
  border-radius: 10px 10px 0 0;
  border-top: 1px solid var(--bordercolornah) !important;
  border-right: 1px solid var(--bordercolornah) !important;
  border-left: 1px solid var(--bordercolornah) !important;
  margin: 0;
}

#tmh-magaz #tab-1:checked ~ .tabs label[for=tab-1],
#tmh-magaz #tab-2:checked ~ .tabs label[for=tab-2],
#tmh-magaz #tab-3:checked ~ .tabs label[for=tab-3],
#tmh-magaz #tab-4:checked ~ .tabs label[for=tab-4],
#tmh-magaz #tab-5:checked ~ .tabs label[for=tab-5],
#tmh-magaz #tab-6:checked ~ .tabs label[for=tab-6] {
  background: var(--accentcolor1idinah);
  color: var(--whitenah);
}

#tmh-magaz label {
  background: var(--quotecolornah);
  color: var(--textcolornah);
  margin: 0;
  padding: 6px 10px;
  width: 150px;
  text-align: center;
  transition: 150ms ease-in-out;
  z-index: 1;
  letter-spacing: 1px;
  position: relative;
  font-size: 14px;
  font-family: var(--rusnah);
  text-transform: lowercase;
}

#tmh-magaz .tab-holder {
  position: relative;
  height: 270px;
  z-index: 1;
  width: 100%;
  margin: 0 auto !important;
  box-sizing: border-box;
  padding: 0px;
}

#tmh-magaz #tab-1:checked ~ .tab-holder #tab-1,
#tmh-magaz #tab-2:checked ~ .tab-holder #tab-2,
#tmh-magaz #tab-3:checked ~ .tab-holder #tab-3,
#tmh-magaz #tab-4:checked ~ .tab-holder #tab-4,
#tmh-magaz #tab-5:checked ~ .tab-holder #tab-5,
#tmh-magaz #tab-6:checked ~ .tab-holder #tab-6 {
  opacity: 1;
  z-index: 1;
}

#tmh-magaz .tab {
  opacity: 0;
  position: absolute;
  transition: opacity 150ms;
  height: 270px;
  width: 600px;
  overflow: auto;
  background: var(--wordcolor);
  box-sizing: border-box;
  padding: 20px 20px;
  margin: 0 !important;
  left: 0;
  top: -10px;
  font-size: 14px;
  border-radius: 0 0 10px 10px;
  border: 1px solid var(--bordercolornah) !important;
}

#tmh-magaz .tab-content {
  margin-top: 10px;
  text-align: left;
  display: flex;
  flex-direction: row;
  flex-wrap: wrap;
  align-content: center;
  justify-content: center;
  align-items: center;
  gap: 5px;
  font-family: arial;
  font-weight: 400;
  font-size: 11px;
}

.bank-category {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  gap: 5px;
}

.bank-category.full {
  display: flex;
  flex-wrap: wrap;
  justify-content: center;
  align-items: center;
}

.bank-category.full .bank-item {
  width: 100%;
}

.bank-item {
  margin: 0 0 10px;
  width: 49%;
}

.bank-price {
  font-weight: 400;
  font-family: Gill Sans;
}

.tab-content ul {
  padding: 0 !important;
}

.tab-content ul img {
  margin: 4px;
}

#tmh-magaz .tab::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}


/* это интересно */
#pun-live-rusff {
z-index: 2 !important;
width: 440px;
height: 20px;
margin: -20px 60px 3px auto !important;
text-align: right;
position: relative; 
line-height: 17px !important;
text-transform: lowercase; 
}

.cool1 {
width: 80px !important;
padding: 0px 8px 2px 8px !important;
background: var(--greynah) !important;
color: var(--whitenah) !important;
font-size: 10px !important;
font-family: arial !important;
border-radius: 10px;
border: none !important;
margin: 10px -11px 3px 0 !important;
box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;
text-shadow: none!important;
}

.cool1:hover, .cool3:hover {background: var(--accentcolor1idinah) !important; color:var(--textcolornah)!important; text-shadow: none!important;
box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;}
.cool2, .cooltext {display:none!important;}
.cool3 {
color: var(--whitenah) !important;
border-radius: 10px;
background: var(--greynah) !important;
text-shadow: none!important;
margin: 10px -50px 3px 0 !important;
box-shadow: none !important;
    -moz-box-shadow: none !important;
    -webkit-box-shadow: none !important;
    -khtml-box-shadow: none !important;
}

/*кнопки ответить удалить в лс
-------------------------------------------------------------*/
li.pl-quote.pl-reply {left: -120px;}


/* инста (новая)
-------------------------------------------------------------*/
.insta {
width: 400px;
height: 470px;
background: var(--wordcolor1); 
border-radius: 20px;
margin: 0 auto;
position: relative; 
border: 10px solid var(--whitenah) !important;
outline: 0px solid var(--bordercolornah) !important;
}

.insta-bb {
  width: auto;
padding: 10px 10px 7px 10px;
}

.insta-nick11 {
font-size: 26px;
position: absolute; 
font-weight: 800;
top: 0px;
left: 20px;
font-family: var(--eng1nah), sans-serif;
color: var(--textcolornah);
background-color: var(--whitenah);
width: 360px;
border-radius: 0 0 10px 10px !important;
padding: 10px 0 10px 0;
}

.insta-name11 {
width: 180px;
position: absolute; 
font-size: 14px;
font-weight: 700;
top: 90px;
right: 130px;
font-family: var(--rusnah), sans-serif;
color: var(--textcolornah);
}
  
img.ava11 {
position: absolute; 
width: 70px;
height: 70px;
margin-top: 60px;
margin-left: -160px; 
border-radius: 100%;
z-index:1;
border: 10px solid var(--whitenah) !important;
outline: 0px solid var(--bordercolornah) !important;
}

.insta-ps {
  width: 80px;
  position: absolute; 
	font-size: 20px;
	font-weight: 700;
	top: 190px;
	left: 40px;
  color: var(--textcolornah);
  font-family: var(--eng1nah), sans-serif;
}

.insta-flr {
  width: 80px;
  position: absolute; 
	font-size: 20px;
	font-weight: 700;
        color: var(--textcolornah);
	top: 190px;
	left: 160px;
  font-family: var(--eng1nah), sans-serif;
}

.insta-flg {
  width: 80px;
  position: absolute; 
	font-size: 20px;
	font-weight: 700;
        color: var(--textcolornah);
	top: 190px;
	left: 275px;
  font-family: var(--eng1nah), sans-serif;
}

.insta-date {
  width: 220px;
  position: absolute; 
	font-size: 10px;
	font-weight: 400;
	top: 110px;
	left: 162px;
  text-align: justify;
  font-family: arial, sans-serif;
  color: var(--textcolornah);
}

.insta-ps .dt {
  top: 25px;
  left: 0px;
  color: var(--accentcolor1idinah);
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.insta .ps:before {
	content: "posts";
}

.insta-flr .dt {
  top: 25px;
  left: 0px;
  color: var(--accentcolor1idinah);
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.insta  .flr:before {
	content: "followers";
}

.insta-flg .dt {
  top: 25px;
  left: 0px;
  color: var(--accentcolor1idinah);
  font-family: arial, sans-serif;
  font-size: 12px;
  font-weight: 300;
}

.insta  .flg:before {
	content: "following";
}

img.foto1 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 220px;
margin-left: -160px; 
border-radius: 10px;
z-index:10;
}

img.foto2 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 220px;
margin-left: -45px; 
border-radius: 10px;
z-index:10;
}

img.foto3 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 220px;
margin-left: 70px; 
border-radius: 10px;
z-index:10;
}

img.foto4 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 330px;
margin-left: -160px; 
border-radius: 10px;
z-index:10;
}

img.foto5 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 330px;
margin-left: -45px; 
border-radius: 10px;
z-index:10;
}

img.foto6 {
position: absolute; 
width: 90px;
height: 90px;
margin-top: 330px;
margin-left: 70px; 
border-radius: 10px;
z-index:10;
}

8

Код:
/* инста (новая) пост
-------------------------------------------------------------*/
.insta-post11 {
width: 400px;
height: 530px;
background: var(--wordcolor1); 
border-radius: 20px;
margin: 0 auto;
position: relative; 
border: 10px solid var(--whitenah) !important;
outline: 0px solid var(--bordercolornah) !important;
}

.insta-bb11 {
  width: auto;
padding: 10px 10px 7px 10px;
}

.insta-nick11-post {
	font-size: 20px;
  position: absolute; 
	font-weight: 700;
	top: 0px;
	left: 20px;
  font-family: var(--eng1nah), sans-serif;
  color: var(--textcolornah);
background-color: var(--whitenah);
width: 360px;
border-radius: 0 0 10px 10px !important;
padding: 10px 0 10px 0;
}

img.ava11-post {
position: absolute; 
width: 40px;
height: 40px;
margin-top: 5px;
margin-left: -180px; 
border-radius: 100%;
z-index:1;
border: 5px solid var(--whitenah) !important;
}

img.foto-osn {
position: absolute;
object-fit: cover;
width: 300px;
height: 300px;
margin-top: 70px;
margin-left: -160px; 
border-radius: 20px;
z-index:10;
border: 10px solid var(--whitenah) !important;
}

.insta-date-post {
  width: 310px;
  height: 60px;
  position: absolute; 
	font-size: 10px;
	font-weight: 400;
	top: 420px;
	left: 40px;
  text-align: justify;
  font-family: arial, sans-serif;
  color: var(textcolornah);
border-radius: 10px; 
background-color: var(--whitenah);
padding: 5px;
}

.insta-like11 {
  width: 180px;
  position: relative; 
	font-size: 12px;
	font-weight: 400;
	top: 480px;
	left: -130px;
  color: var(--textcolornah);
  font-family: var(--rusnah), sans-serif;
z-index: 10;
}

/* инста (новая) комм
-------------------------------------------------------------*/
.insta-comm11 {
width: 400px;
height: 100px;
background: var(--wordcolor1); 
border-radius: 20px;
margin: 0 auto;
position: relative; 
border: 10px solid var(--whitenah) !important;
outline: 0px solid var(--bordercolornah) !important;
}

.insta-bb11 {
  width: auto;
padding: 10px 10px 7px 10px;
}

img.ava11-comm {
position: absolute; 
width: 40px;
height: 40px;
margin-top: 0px;
margin-left: -180px; 
border-radius: 100%;
z-index:1;
border: 5px solid var(--whitenah) !important;
}

.insta-date-comm11 {
  width: 300px;
height: 40px;
  position: absolute; 
	font-size: 10px;
	font-weight: 400;
	top: 15px;
	left: 80px;
padding: 5px;
 background-color: var(--whitenah);
border-radius: 10px;
  text-align: justify;
  font-family: arial, sans-serif;
  color: var(--textcolornah);
}

.insta-comm-like {
  width: 180px;
  position: absolute; 
	font-size: 12px;
	font-weight: 400;
	top: 70px;
	left: 15px;
  color: var(--textcolornah);
  font-family: var(--rusnah), sans-serif;
}

/* инста (новая) подписка
-------------------------------------------------------------*/
.insta-podp {
width: 400px;
height: 70px;
background: var(--wordcolor1); 
border-radius: 20px;
margin: 0 auto;
position: relative; 
border: 10px solid var(--whitenah) !important;
outline: 0px solid var(--bordercolornah) !important;
}

.insta-bb111 {
  width: auto;
padding: 10px 10px 7px 10px;
}

img.ava11-podp {
position: absolute; 
width: 40px;
height: 40px;
margin-top: -5px;
margin-left: -180px; 
border-radius: 100%;
z-index:1;
border: 5px solid var(--whitenah) !important;
}

.insta-date-podp {
  width: 300px;
  position: absolute; 
	font-size: 10px;
	font-weight: 400;
	top: 25px;
	left: 80px;
  text-align: justify;
  font-family: arial, sans-serif;
  color: var(--textcolornah);
}

/*************************************************************

@hagalnaud&nothingale for dead blonde
MESSENGER STYLES

**************************************************************/

/*************************************************************
main color messenger
**************************************************************/

:root {--color: #c2aa81;}

/*************************************************************
fonts messenger
**************************************************************/

@font-face {
    font-family: 'IBMPlexSans';
    src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot');
    src: url('https://forumstatic.ru/files/001b/9b/e5/60634.eot?#iefix') format('embedded-opentype'),
        url('https://forumstatic.ru/files/001b/9b/e5/78111.woff2') format('woff2'),
        url('https://forumstatic.ru/files/001b/9b/e5/72018.woff') format('woff'),
        url('https://forumstatic.ru/files/001b/9b/e5/80978.ttf') format('truetype'),
        url('https://forumstatic.ru/files/001b/9b/e5/44792.svg') format('svg');
        font-weight: normal;
        font-style: normal;
        font-display: swap;
}
@font-face {
    font-family: fa-solid;
    src: url("https://forumstatic.ru/files/001b/73/d1/43250.ttf?v=1") format("truetype");
}
@font-face {
    font-family: fa-regular;
    src: url("https://forumstatic.ru/files/001b/73/d1/37687.ttf?v=1") format("truetype");
}

/*************************************************************
base messenger
**************************************************************/

.messenger {
    width: 400px;
    height: auto;
    margin: 10px!important;
    /* outline: 1px solid red; */
    font-family: 'IBMPlexSans';
    border: 10px solid var(--whitenah) !important;
    outline: 1px solid var(--bordercolornah) !important;
    border-radius: 20px;
}

.head {
    display: inline-flex;
    gap: 10px;
    width: 360px;
    background: var(--color);
    padding: 3px 20px;
    border-radius: 20px 20px 0px 0px;
    /* outline: 1px solid red; */
    height: 37px;
    align-items: center;
}

.head p {
    padding: 4px 0 0!important;
    color: white;
    text-transform: uppercase;
    line-height: 9px!important;
    font-size: 7px;
    width: 343px;
    text-align: left;
}

.head p strong {
    font-size: 12px;
}

.mess1 {
    width: 400px;
    display: inline-flex;
    /* outline: 1px solid red; */
    background: #f8f8f8;
    flex-direction: column;
    align-items: center;
    padding: 10px 0px;
}

.mess1 span.emoji {
    border: none;
}

.mess1 span.emoji img {
    max-width: 30px;
}

.mess1 span.emoji mark {
    margin-top: 34px;
}

img.ava {
    border-radius: 100%;
    width: 27px;
cursor: pointer;}

.mess1 span {
    padding: 7px 6px;
    border: 1px solid #e1e1e1 !important;
    border-radius: 10px;
    max-width: 192px;
    font-size: 10px;
    color: var(--text-color);
    letter-spacing: 0.7px;
    text-align: left;
}

.send {
    width: 400px;
    height: 37px;
    display: inline-flex;
    background: #e7e7e7;
    border-radius: 0 0 20px 20px;
    /* outline: 1px solid red; */
    justify-content: center;
    gap: 10px;
    align-items: center;
}

.send span {
    display: inline-flex;
    background: #f0f0f0;
    height: 19px;
    border-radius: 13px;
    width: 300px;
    align-items: center;
    padding: 1px 10px;
    justify-content: space-between;
    color: #919191;
    font-size: 9px;
}

.answer {
    display: block;
    border-left: 3px solid var(--color) !important;
    padding-left: 6px;
    margin-left: 10px;
    text-align: left;
}

.mess1 span img {
    max-width: 175px;
    border-radius: 5px;
}

.mess1 mark {
    background: none;
    display: block;
    float: right;
    margin-left: -13px;
    margin-top: 16px;
    font-size: 6px;
    color: #919191cf;
}

.left, .right {
    width: 380px;
    /* outline: 1px solid red; */
    padding: 9px 10px;
    display: inline-flex;
    align-items: flex-end;
    gap: 7px;
}

.left {
    justify-content: flex-start;
}

.right {
    justify-content: flex-end;
}

/*************************************************************
icons messenger
**************************************************************/

.taps {
    display: inline-flex;
    gap: 5px;
}

.tap:before {
    font-family: 'fa-solid';
    position: relative;
    color: #ffffff;
    background-image: none!important;
    font-size: 12px;
    cursor: pointer;
}

.tap.back:before {
    content: "\f053";
    padding-right: 7px;
}

.tap.video:before {
    content: "\f03d";
}

.tap.call:before {
    content: "\f095";
}

.tap.options:before {
    content: "\f142";
}

.tap.smile:before {
    content: "\f118";
    padding: 4px;
    font-family: fa-regular;
    background: #f2f2f2;
    border-radius: 100%;
    color: #919191;
}

.tap.add:before {
    content: "\f0c6";
    color: #919191;
}

.tap.photo:before {
    content: "\f030";
    color: #919191;
}

.tap.mic:before {
    content: "\f130";
    display: inline-flex;
    width: 20px;
    height: 20px;
    color: white!important;
    background: var(--color);
    border-radius: 100%;
    justify-content: center;
    align-items: center;
}
/*************************************************************
spoiler messenger
**************************************************************/

summary::-webkit-details-marker{display:none;}
summary::-moz-list-bullet{list-style-type:none;}
summary::marker{display:none;} 
summary {
    width: 200px;
    padding: 0.3em 0.6em 0.3em 1.7em!important;
    display: inline-block;
    cursor: pointer;
    position: relative;
    font-size: 9px;
    font-weight: bold;
    letter-spacing: 0px;
    margin-top: 25px!important;
    text-transform: uppercase;
    font-family: 'IBMPlexSans';
}
summary:before {
    left: 0.3em;
    top: 0.4em;
    color: transparent;
    background: url(data:image/svg+xml;base64,PHN2ZyBoZWlnaHQ9IjM0IiB2aWV3Qm94PSIwIDAgMjQgMjQiIHdpZHRoPSIzNCIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj48cGF0aCBkPSJNOC41OSAxNi4zNGw0LjU4LTQuNTktNC41OC00LjU5TDEwIDUuNzVsNiA2LTYgNnoiLz48L3N2Zz4=) no-repeat 47% 47% / 2em 2em;
    opacity: 0.6;
    width: 1em;
    height: 1em;
    content: "";
    position: absolute;
    transition: transform .5s;
}
details[open] > summary:before {
  transform: rotateZ(90deg);
}
summary ~ * {
   padding:0 1em 0 1em;
}
details[open] summary ~ *{ 
  animation: sweep .5s ease-in-out;
}
@keyframes sweep {
  0%    {opacity: 0;}
  100%  {opacity: 1;}
}
summary:focus {
  outline:0;
}
details {
    display: block;
    margin-bottom: 0.5rem;
    background: url(https://forumstatic.ru/files/001b/d5/6a/62216.png) no-repeat left top;
}


/*************************************************************

@hagalnaud&nothingale for dead blonde
MESSENGER STYLES

**************************************************************/

/* личная страница*/


.ppage {
    position: relative;
    background: url(https://upforme.ru/uploads/001a/f6/b2/2/510897.png) no-repeat;
    width: 700px;
    height: 680px;
    margin-left: 155px!important;
    margin-top: 40px!important;
    z-index: 1;
    border: 10px solid var(--wordcolor);
    outline: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
}

.ppage pic {
   position: absolute;
   left: 100px; 
   top: 30px;
}

.ppage pic img {
   max-width: 60px; 
   max-height: 60px; 
   border-radius: 100%;
   border: 6px solid var(--accentcolor1idinah) !important;
}

.ppage name {
    position: absolute;
    display: block;
    height: auto;
    width: 700px;
    margin-top: 20px;
    color: var(--accentcolor1idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    position: relative; 
    line-height: 15px;
    font-family: var(--eng1nah);
    font-size: 18px;
    text-transform: lowercase;
}

.ppage music {
    position: absolute;
    display: block;
    height: auto;
    width: 700px;
    font-family: Arial
    font-size: 10px;
    color: var(--textcolornah);
    padding: 0 5px;
    margin-top: 5px;
    justify-content: center;
    align-items: center;
    text-align: center; 
    text-transform: lowercase;
}

.ppage insta {
    position: absolute;
    top: 20px;
    left: 80px;
}

.ppage insta img {
    display: block;
    width: 200px;
    max-width: 16px; 
    max-height: 16px; 
}

.ppage prof {
    position: absolute;
    display: block;
    width: 700px;
    height: auto;
    margin-top: 30px;
    margin-left: 0px;
    color: var(--wordcolor3);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Arial;
    font-size: 9px;
    text-transform: lowercase;
}

.ppage love {
    position: absolute;
    display: block;
    width: 700px;
    height: auto;
    margin-top: 50px;
    color: var(--accentcolor1idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Lighthaus;
    font-size: 9px;
    text-transform: uppercase;
}

.ppage zz {
    position: absolute;
    display: block;
    width: 200px;
    height: auto;
    margin-top: -15px;
    margin-left: 490px;
    color: var(--greynah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.ppage temp {
    position: absolute;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 25px;
    margin-left: 490px;
    color: var(--greynah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.ppage mbti {
    position: absolute;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 60px;
    margin-left: 490px;
    color: var(--greynah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 12px;
    font-stile: bold;
    text-transform: uppercase;
}

.ppage stls {
    position: absolute;
    display: block;
    width: 200px;
    height: auto;
    margin-top: 120px;
    margin-left: 550px;
    color: var(--accentcolor1idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    line-height: 15px;
    font-family: Gill Sans;
    font-size: 14px;
    font-stile: bold;
    text-transform: lowercase;
}

.tabs-ls #two-tab-ls {margin-left: 50px; margin-top: 60px;}

#one:checked ~ .panels-ls #one-panel-ls,
#two:checked ~ .panels-ls #two-panel-ls {
  display:block;
}

#one:checked ~ .panels-ls #one-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/76761.png);
    width: 650px;
    height: 500px;
    margin-top: 125px;
    margin-left: 25px;
    position: absolute;
}

#two:checked ~ .panels-ls #two-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/504867.png);
    width: 650px;
    height: 500px;
    margin-top: 125px;
    margin-left: 25px;
    position: absolute;
}

.ppage .tab-ls {
    cursor: pointer;
    background-color: var(--accentcolor2idinah);
    position: absolute;
    width: 20px;
    height: 20px;
    display: block;
    border-radius: 100%;
    margin-top: 60px;
    margin-left: 20px;
    color: transparent;
}

#one:checked ~ .tabs-ls #one-tab-ls, #two:checked ~ .tabs-ls #two-tab-ls {
    background-color: var(--accentcolor1idinah);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

.panel-ls {
  display: none;
  animation: fadein .8s;
}

.panels-ls {
    max-height: 319px;
    max-width: 649px;
    top: 0px;
    left: 0px;
}

.panel-ls block1{
    position: absolute;
    width: 180px;
    height: 75px;
    margin-left: 245px;
    margin-top: 170px;
}

.panel-ls block1 icon {
    height: 75px !important;
    width: 180px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel-ls block11 {
    position: absolute;
    width: 180px;
    height: 75px;
    margin-left: 460px;
    margin-top: 170px;
}

.panel-ls block11 icon-gif {
    height: 75px !important;
    width: 180px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel-ls block2 {
    position: absolute;
    width: 400px;
    height: 130px;
    margin-top: 10px;
    margin-left: 240px;
}

.panel-ls block2 plash {
    height: 130px;
    overflow-y: auto;
    display: block;
    align-items: center;
    width: 100%;
    line-height: 1.5;
    letter-spacing: 2px !important;
    text-align: center;
}

.panel-ls block3 {
    position: absolute;
    width: 630px;
    height: 130px;
    margin-top: 360px;
    margin-left: 10px;
}

.panel-ls block3 dost {
    height: 130px !important;
    width: 630px;
    overflow-y: auto;
    text-align: left;
    display: block;
    justify-content: start;
    align-items: center;
    letter-spacing: 2px !important;
    line-height: 2;
    width: 100%;
}

.panel-ls block4 {
    position: absolute;
    width: 600px;
    height: 50px;
    margin-top: 275px; 
    margin-left: 20px;
}

.panel-ls block4 cup {
    height: 50px !important;
    width: 600px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    letter-spacing: 10px !important;
    line-height: 3;
    width: 100%;
}

.panel-ls block5 {
    position: absolute;
    width: 650px;
    height: 220px !important;
    margin-top: 270px; 
    margin-left: -10px;
    overflow-y: auto;
}

.panel-ls block5 album {
   height: 150px !important;
    width: 600px;
    text-align: center;
    display: block;
    align-items: center;
    line-height: 1;
    overflow-y: auto;
    background: var(--whitenah) !important;
    border-radius: 10px;
    border: 1px solid var(--bordercolornah) !important;
    margin: 0 0 5px 30px;
}

.panel-ls block5 naz {
    width: 600px;
    margin-top: 5px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    font-family: Lighthaus;
    font-size: 14px;
    text-transform: uppercase;
}

.panel-ls block5 obl {
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: 0px; 
    margin-left: -450px;
}

.panel-ls block5 obl img {
   max-width: 120px; 
   max-height: 120px; 
}

.panel-ls block5 cart {
    height: 110px !important;
    width: 450px;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: -110px; 
    margin-left: 130px;
    overflow-y: auto;
}

.panel-ls block51 {
    position: absolute;
    width: 650px;
    height: 220px !important;
    margin-top: 10px; 
    margin-left: -10px;
    overflow-y: auto;
}

.panel-ls block51 album {
   height: 150px !important;
    width: 600px;
    text-align: center;
    display: block;
    align-items: center;
    line-height: 1;
    overflow-y: auto;
    background: var(--whitenah) !important;
    border-radius: 10px;
    border: 1px solid var(--bordercolornah) !important;
    margin: 0 0 5px 30px;
}

.panel-ls block51 naz {
    width: 600px;
    margin-top: 5px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    font-family: Lighthaus;
    font-size: 14px;
    text-transform: uppercase;
}

.panel-ls block51 obl {
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: 0px; 
    margin-left: -450px;
}

.panel-ls block51 obl img {
   max-width: 120px; 
   max-height: 120px; 
}

.panel-ls block51 cart {
    height: 110px !important;
    width: 450px;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: -110px; 
    margin-left: 130px;
    overflow-y: auto;
}

.panel-ls block6{
    position: absolute;
    width: 210px;
    height: 230px;
    margin-left: 0px;
    margin-top: 10px;
}

.panel-ls block6 fons {
    height: 230px !important;
    width: 210px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel-ls block1 icon::-webkit-scrollbar {width: 4px !important; height: 0;}
.panel-ls block11 icon-gif::-webkit-scrollbar {width: 4px !important; height: 0;}
.panel-ls block2 plash::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block3 dost::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block4 cup::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block5 cart::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block5::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block6 fons::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block51 cart::-webkit-scrollbar { width: 4px !important; height: 0;}
.panel-ls block51::-webkit-scrollbar { width: 4px !important; height: 0;}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.radio{
  display:none;
}


/*чб градиент на картинку*/
   .grayscale {
    filter: grayscale(100%);
   }

/*альбом шоп*/

#shop {
    position: relative;
}

.shop {
    background: url(https://upforme.ru/uploads/001a/f6/b2/2/270359.png) no-repeat;
    width: 900px;
    height: 1000px;
    margin-left: 50px!important;
    margin-top: 50px!important;
}

.shop name {
    top: 25px;
    position: absolute;
    display: block;
    width: 900px;
    color: var(--accentcolor2idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    position: relative; 
    line-height: 15px;
    font-family: var(--eng1nah);
    font-size: 40px;
    text-transform: lowercase;
}

.shop pravila {
    left: 100px;
    top: 80px;
    position: absolute;
    overflow-y: auto;
    display: block;
    height: 100px;
    width: 690px;
    color: var(--textcolornah);
    justify-content: center;
    align-items: center;
    text-align:  justify; 
    position: relative; 
    line-height: 15px;
    font-family: Arial;
    font-size: 12px;
    text-transform: lowercase;
}

.shop zadanie {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 10px;
    padding: 10px;
    left: 20px;
    top: 100px;
    position: relative;
    overflow-y: auto;
    display: block;
    height: 580px;
    width: 150px;
    color: var(--textcolornah);
    justify-content: center;
    align-items: center;
    text-align: left; 
    position: relative; 
    line-height: 15px;
    font-family: Arial;
    font-size: 12px;
    text-transform: lowercase;
}

.shop zadanie::-webkit-scrollbar { width: 4px !important;}
.shop pravila::-webkit-scrollbar { width: 4px !important;}
.panel-shop block-boys cart-mag::-webkit-scrollbar { width: 4px !important;}
.panel-shop block-girls cart-mag::-webkit-scrollbar { width: 4px !important;}
.shop lvl {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 10px;
    padding: 10px;
    left: 120px;
    top: 120px;
    position: relative;
    display: block;
    height: 120px;
    width: 650px;
    text-align: center; 
    letter-spacing: 10px !important;
}

.shop naz {
    left: 140px;
    top: 100px;
    position: relative;
    display: block;
    height: 120px;
    width: 630px;
    align-items: center;
    text-align: center; 
    position: relative; 
    line-height: 15px;
    font-family: Arial;
    font-size: 12px;
    text-transform: lowercase; 
    word-spacing: 29px;
}

.tabs-shop #girls-tab-shop {margin-left: 480px; margin-top: -760px;}
.tabs-shop #boys-tab-shop {margin-left: 620px; margin-top: -31px;}

#girls:checked ~ .panels-shop #girls-panel-shop,
#boys:checked ~ .panels-shop #boys-panel-shop {
  display:block;
}

#girls:checked  ~ .panels-shop #girls-panel-shop {
    background-color: var(--wordcolor) !important;
    border: 1px solid var(--bordercolornah) !important; 
    border-radius: 10px;
    width: 600px;
    height: 555px;
    margin-top: 10px;
    margin-left: -80px;
}

#boys:checked ~ .panels-shop #boys-panel-shop  {
    background-color: var(--wordcolor) !important;
    border: 1px solid var(--bordercolornah) !important; 
    border-radius: 10px;
    width: 600px;
    height: 555px;
    margin-top: 10px;
    margin-left: -80px;
}

.shop .tab-shop {
    cursor: pointer;
    text-align: center; 
    padding-top: 5px;
    background-color: var(--quotecolornah) !important;
    position: relative;
    width: 120px;
    height: 26px;
    display: block;
    margin-top: -3px;
    margin-left: 50px;
    color: var(--blackbnah);
    font-family: var(--eng1nah);
    font-size: 18px;
    border-radius: 15px;
}

#girls:checked ~ .panels-shop #girls-panel-shop, boys:checked ~ .panels-shop #boys-panel-shop {
    background-color: var(--wordcolor) !important;
    transition: 0.5s;
}

#girls:checked ~ .tabs-shop #girls-tab-shop, #boys:checked ~ .tabs-shop #boys-tab-shop {
    background-color: var(--accentcolor1idinah) !important;
    color: var(--whitenah);
    transition: 0.5s;
}

.panel-shop {
  display: none;
  animation: fadein .8s;
}

.panels-shop {
    max-height: 301px;
    max-width: 426px;
    position: relative;
    top: 0px;
    left: 300px;
}

.panel-shop block-girls {
    position: absolute;
    width: 580px;
    height: 535px;
    margin-left: 10px;
    margin-top: 10px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
}

.panel-shop block-girls album-mag {
    height: 150px !important;
    width: 560px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    overflow-y: auto;
    background: var(--wordcolor) !important;
    border-radius: 10px;
    border: 1px solid var(--bordercolornah) !important;
    margin: 0 0 10px 0;
}

.panel-shop block-girls naz-mag {
    width: 500px;
    margin-top: 5px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    font-family: var(--rusnah);
    font-size: 14px;
    text-transform: uppercase;
}

.panel-shop block-girls obl-mag {
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: 0px; 
    margin-left: -420px;
}

.panel-shop block-girls obl-mag img {
   max-width: 120px; 
   max-height: 120px; 
}

.panel-shop block-girls cart-mag {
    height: 110px !important;
    width: 420px;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: -110px; 
    margin-left: 130px;
    overflow-y: auto;
    position: relative;
}

.panel-shop block-boys {
    position: absolute;
    width: 580px;
    height: 535px;
    margin-left: 10px;
    margin-top: 10px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
}

.panel-shop block-boys album-mag {
   height: 150px !important;
    width: 560px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    overflow-y: auto;
    background: var(--wordcolor) !important;
    border-radius: 10px;
    border: 1px solid var(--bordercolornah) !important;
    margin: 0 0 10px 0;
}

.panel-shop block-boys naz-mag {
    width: 500px;
    margin-top: 5px;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    line-height: 1;
    font-family: var(--rusnah);
    font-size: 14px;
    text-transform: uppercase;
}

.panel-shop block-boys obl-mag {
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: 0px; 
    margin-left: -420px;
}

.panel-shop block-boys obl-mag img {
   max-width: 120px; 
   max-height: 120px; 
}

.panel-shop block-boys cart-mag {
    height: 110px !important;
    width: 420px;
    display: block;
    justify-content: start;
    align-items: center;
    margin-top: -110px; 
    margin-left: 130px;
    overflow-y: auto;
    position: relative;
}

/*РАЗМЫТИЕ ЗАЧЕРКНУТОГО ТЕСТА*/
del {
   filter: blur(2px) opacity(100%);
   color: #1f1f1f;
   text-decoration: none;

}

del:hover { 
   filter: none; 
   color: #333438;
}

/*календарь*/

#calend-page {
    position: relative;
}

.calend-page {
    background-color: var(--wordcolor) !important;
    width: 600px;
    height: 600px;
    margin-left: 40px!important;
    margin-top: 0px!important;
    z-index: 1;
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
}

.tabs-calend #week1-tab-calend {margin-left: 30px; margin-top: 20px;}
.tabs-calend #week2-tab-calend {margin-left: 170px; margin-top: -31px;}
.tabs-calend #week3-tab-calend {margin-left: 310px; margin-top: -31px;}
.tabs-calend #week4-tab-calend {margin-left: 450px; margin-top: -31px;}

#week1:checked ~ .panels-calend #week1-panel-calend,
#week2:checked ~ .panels-calend #week2-panel-calend, 
#week3:checked ~ .panels-calend #week3-panel-calend,
#week4:checked ~ .panels-calend #week4-panel-calend {
  display:block;
}

#week1:checked ~ .panels-calend #week1-panel-calend {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    width: 550px;
    height: 500px;
    margin-top: 25px;
    margin-left: 25px;
}

#week2:checked ~ .panels-calend #week2-panel-calend {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    width: 550px;
    height: 500px;
    margin-top: 25px;
    margin-left: 25px;
}

#week3:checked ~ .panels-calend #week3-panel-calend {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    width: 550px;
    height: 500px;
    margin-top: 25px;
    margin-left: 25px;
}

#week4:checked ~ .panels-calend #week4-panel-calend {
    background-color: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    width: 550px;
    height: 500px;
    margin-top: 25px;
    margin-left: 25px;
}

.calend-page .tab-calend {
    cursor: pointer;
    text-align: center; 
    padding-top: 5px;
    background-color: var(--quotecolornah) !important;
    position: relative;
    width: 120px;
    height: 26px;
    display: block;
    margin-top: -3px;
    margin-left: 50px;
    color: var(--textcolornah);
    font-family: var(--rusnah);
    font-size: 14px;
    border-radius: 10px;
}

#week1:checked ~ .tabs-calend #week1-tab-calend, week2:checked ~ .tabs-calend #week2-tab-calend, week3:checked ~ .tabs-calend #week3-tab-calend, week4:checked ~ .tabs-calend #week4-tab-calend {
    background-color: var(--accentcolor2idinah) !important;
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#week1:checked ~ .tabs-calend #week1-tab-calend, #week2:checked ~ .tabs-calend #week2-tab-calend, #week3:checked ~ .tabs-calend #week3-tab-calend, #week4:checked ~ .tabs-calend #week4-tab-calend {
    background-color: var(--accentcolor1idinah) !important;
    color: var(--wordcolor);
    transition: 0.5s;
}

.panel-calend {
  display: none;
  animation: fadein .8s;
}

.panels-calend {
    max-height: 450px;
    max-width: 500px;
    position: relative;
    top: 0px;
    left: 0px;
}

.panel-calend block1{
    position: absolute;
    width: 520px;
    height: 450px;
    margin-left: 20px;
    margin-top: 20px;
    overflow-y: auto;
}

.panel-calend block1 data {
    text-align: center;
    display: block;
    align-items: center;
    width: 45px;
    height: 40px;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 30px;
    text-transform: uppercase;
}

.panel-calend block1 zad1 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: -40px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block1 lvl1 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--green);
    border-radius: 10px 0 0 10px;
}

.panel-calend block1 zad2 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block1 lvl2 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--yellow);
    border-radius: 10px 0 0 10px;
}

.panel-calend block1 zad3 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block1 lvl3 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--red);
    border-radius: 10px 0 0 10px;
}

.panel-calend block1 val1 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: -140px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block1 val2 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block1 val3 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block2 {
    position: absolute;
    width: 520px;
    height: 450px;
    margin-top: 20px;
    margin-left: 20px;
    overflow-y: auto;
}

.panel-calend block2 data {
    text-align: center;
    display: block;
    align-items: center;
    width: 45px;
    height: 40px;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 30px;
    text-transform: uppercase;
}

.panel-calend block2 zad1 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: -40px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block2 lvl1 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--green);
    border-radius: 10px 0 0 10px;
}

.panel-calend block2 zad2 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block2 lvl2 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--yellow);
    border-radius: 10px 0 0 10px;
}

.panel-calend block2 zad3 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block2 lvl3 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--red);
    border-radius: 10px 0 0 10px;
}

.panel-calend block2 val1 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: -140px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block2 val2 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block2 val3 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}


.panel-calend block3 {
    position: absolute;
    width: 520px;
    height: 450px;
    margin-top: 20px; 
    margin-left: 20px;
    overflow-y: auto;
}

.panel-calend block3 data {
    text-align: center;
    display: block;
    align-items: center;
    width: 45px;
    height: 40px;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 30px;
    text-transform: uppercase;
}

.panel-calend block3 zad1 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: -40px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block3 lvl1 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--green);
    border-radius: 10px 0 0 10px;
}

.panel-calend block3 zad2 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block3 lvl2 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--yellow);
    border-radius: 10px 0 0 10px;
}

.panel-calend block3 zad3 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block3 lvl3 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--red);
    border-radius: 10px 0 0 10px;
}

.panel-calend block3 val1 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: -140px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block3 val2 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block3 val3 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}


.panel-calend block4 {
    position: absolute;
    width: 520px;
    height: 450px;
    margin-top: 20px; 
    margin-left: 20px;
    overflow-y: auto;
}

.panel-calend block4 data {
    text-align: center;
    display: block;
    align-items: center;
    width: 45px;
    height: 40px;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 30px;
    text-transform: uppercase;
}

.panel-calend block4 zad1 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: -40px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block4 lvl1 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--green);
    border-radius: 10px 0 0 10px;
}

.panel-calend block4 zad2 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block4 lvl2 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--yellow);
    border-radius: 10px 0 0 10px;
}

.panel-calend block4 zad3 {
    width: 340px;
    height: 20px;
    text-align: left;
    margin-top: 10px; 
    margin-left: 50px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: Arial;
    font-size: 12px;
    padding: 10px 0 10px 20px;    
}

.panel-calend block4 lvl3 {
    text-align: center;
    display: block;
    align-items: center;
    width: 15px;
    height: 40px;
    margin-top: -40px; 
    margin-left: 50px;
    background-color: var(--red);
    border-radius: 10px 0 0 10px;
}

.panel-calend block4 val1 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: -140px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block4 val2 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}

.panel-calend block4 val3 {
    width: 80px;
    height: 30px;
    text-align: center;
    margin-top: 10px; 
    margin-left: 420px;
    display: block;
    align-items: center;
    background-color: var(--quotecolornah);
    border-radius: 10px;
    font-family: var(--rusnah);
    font-size: 24px;
    padding: 5px 0 5px 0;    
}


.panel-calend block1 ::-webkit-scrollbar {width: 4px !important; height: 0;}

9

Код:
/* Скрытые подфорумы */

#pun-index #forum_f18,
#pun-index #forum_f19,
#pun-index #forum_f20,
#pun-index #forum_f25,
#pun-index #forum_f24,
#pun-index #forum_f22 {
    display: none;
}

#symbol-counter {
  width: 100px;
  height: 20px;
  margin: 0;
  float: left;
  text-transform: uppercase;
  font-size: 8px;
  font-family: arial;
  font-weight: 400;
  letter-spacing: 0.4px;
  display: flex;
  justify-content: center;
  align-items: center;
  gap: 4px;
  background: var(--accentcolor1idinah);
  color: var(--wordcolor);
  box-sizing: border-box;
  border-radius: 5px;
}


/* Панель в форме ответа
 -------------------------------------------------------------*/

.punbb fieldset{
  padding: 0;
  margin: 0;
}
#form-buttons {
  margin: 0;
  padding: 4px 0;
  display: flex;
  align-items: center;
}

#post-form h2, #post fieldset legend {display: none;}

#main-reply {box-sizing: border-box;
border-radius: 10px;}

.punbb .formal textarea {
  width: 99%;
}

#form-buttons #button-files_rusff, #form-buttons #button-graffiti_rusff {display: none !important;}

#form-buttons #button-font {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/93351.png') no-repeat center center;} /*шрифт*/
#form-buttons #button-size {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/80608.png') no-repeat center center;} /*кнопка размера шрифта*/
#form-buttons #button-bold {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/33918.png') no-repeat center center;} /*кнопка жирного выделения шрифта*/
#form-buttons #button-italic {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/45579.png') no-repeat center center;} /*кнопка выделение курсивом*/
#form-buttons #button-underline {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/44254.png') no-repeat center center;} /*кнопка подчёркнутого шрифта*/
#form-buttons #button-strike {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/85892.png') no-repeat center center;} /*кнопка зачёркнутого шрифта*/
#form-buttons #button-left {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/52941.png') no-repeat center center;} /*кнопка текста слева*/
#form-buttons #button-center {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/46394.png') no-repeat center center;} /*кнопка текста по центру*/
#form-buttons #button-right {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/77039.png') no-repeat center center;} /*кнопка текста справа*/
#form-buttons #button-spoiler {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/99390.png') no-repeat center center;} /*кнопка вставки спойлера*/
#form-buttons #button-quote {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/40122.png') no-repeat center center;} /*кнопка вставки цитаты*/
#form-buttons #button-code {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/46780.png') no-repeat center center;} /*кнопка вставки кода*/
#form-buttons #button-smile {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/30087.png') no-repeat center center;} /*кнопка вставки смайлов*/
#form-buttons #button-link {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/86798.png') no-repeat center center;} /*кнопка вставки ссылки*/
#form-buttons #button-image {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/66426.png') no-repeat center center;} /*кнопка вставки картинки*/
#form-buttons #button-image2 {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/34366.png') no-repeat center center;} /*кнопка вставки картинки img*/
#form-buttons #button-video {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/33487.png') no-repeat center center;} /*кнопка вставки видео*/
#form-buttons #button-hide {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/97758.png') no-repeat center center;} /*кнопка вставки скрытого текста*/
#form-buttons #button-table {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/53337.png') no-repeat center center;} /*кнопка вставки таблицы*/
#form-buttons #button-keyboard {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/75434.png') no-repeat center center;} /*кнопка виртуальной клавиатуры */
#form-buttons #button-addition {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/79617.png') no-repeat center center;} /*кнопка дополнительно*/
#form-buttons #button-color {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/34931.png') no-repeat center center;} /*кнопка изменения цвета текста */
#form-buttons #button-music {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/75578.png') no-repeat center center;} /*музыка*/
#form-buttons #button-mask {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/35611.png') no-repeat center center !important;} /*маска*/
#form-buttons #button-transL {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/56517.png') no-repeat center center;} /*лат-рус*/
#form-buttons #button-indent {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/80272.png') no-repeat center center;} /*отступ*/
#form-buttons #button-sticker {background: transparent url('https://forumstatic.ru/files/001b/b9/7f/49026.png') no-repeat center center;} /*эмодзи*/

#pun-viewtopic #post-form textarea, #pun-messages textarea, #pun-edit textarea, textarea#reputationText {
  border-radius: 15px !important;
  background-color: var(--whitenah) !important;
  border: 1px solid var(--bordercolornah) !important;
  font-size: 12px;
  font-family: var(--font-base);
}

/* Маска профиля
 -------------------------------------------------------------*/

.punbb #mask_dialog .inner {
  max-height: 95%;
  background: var(--wordcolor) !important;
  border-radius: 20px;
  box-shadow: none !important;
  box-sizing: border-box !important;
  padding: 20px !important;
}

#mask_dialog .hv-mask-block {
  gap: 20px;
}

#mask_dialog .hv-form-block {
  margin: 0 !important;
  max-height: 90% !important;
  order: 0 !important;
  box-sizing: border-box;
  padding: 10px !important;
}

#mask_dialog .hv-preview-block, #mask_dialog .hv-form-block {
  box-shadow: 0 0 0 1px var(--bordercolornah);
  border-radius: 15px !important;
}

#mask_dialog .hv-preview-block {
  flex: 0 0 180px !important;
  text-align: center;
  overflow: hidden;
  word-break: break-word;
  max-height: none;
  overflow-y: hidden;
  overflow-x: hidden;
  order: 1;
  min-width: auto;
  max-width: none;
  width: 180px;
  margin: 0 !important;
  box-sizing: border-box;
  padding: 10px !important;
}

/********************** твиттер ***************************/

.twit0 {
width: 500px; height: auto; margin-left: 14%!important; border-radius: 25px 25px 25px 0; border: 1px solid var(--bordercolornah)!important; position: relative; background: var(--wordcolor1);
}

.tweets {width: 480px;height: auto;position: relative;}
.twitr0 {
position: relative; top: 0px; margin: auto!important;
}
.twitr1 {
position: relative; top: 18px; left: 20px; border: 1px solid var(--borderconah)!important;
width: 50px; height: 50px!important; padding: 5px!important; border-radius: 50%;
}
.twitr2a {
position: relative; top: -25px; left: 100px; font: 800 14px/120% arial; color: var(--tetxcolornah);
}
.twitr2a span {
display: inline-block; margin: 0 0 0 3px!important; font:12px/120%  arial; color: var(--textcolornah);
}
.twitr2b {
display: inline-block; font: 800 8px/120% arial; text-transform: uppercase; color: var(--textcolornah);
}
.twitr3 {
position: relative; top: -20px; left: 20px; width: 300px; height: auto; padding: 20px!important; margin: 10px auto!important;
background: var(--whitenah); border-radius: 15px; font: 12px/120% arial; text-align: justify; color: var(--textcolornah);
}
.twitr3 img {max-width: 300px;}
.twitr4 {
position: relative; top: -40px; width: 475px; height: 20px; text-align: center;
}
.twitr4a {
display: inline-block; padding: 15px 0px!important; margin: 2px 10px!important;
font: 800 10px/120% montserrat; text-transform: uppercase; color: var(--textcolornah);
}
.twitr4a span {
position: relative; display: inline-block; top: 5px; margin-right: 4px!important; font-size: 20px; color: var(--textcolornah);
}
.twitr5 {
position: relative; top: 0px; left: 50px;background: var(--wordcolor); height: 1px; width: 400px;
}


/*БыстроПлюсы для Топика!*/
.noNull:before {
  content: "+";
  font-size: 9px;
  display: inline-block;
  margin-left: -6px;
  margin-top: 0px;
  position: absolute;
}
div .post-rating p>a {
  text-align: center;
  outline: 1px solid transparent;
  font-weight: 700;
  background: url(https://forumstatic.ru/files/001b/a6/d4/26514.svg) no-repeat center;
  background-size: 38px auto;
  position: relative;
  padding-left: 1px;
  z-index: 100;
  width: 38px;
  height: 38px;
  text-align: center;
  font-size: 12px !important;
  display: inline-block;
  vertical-align: middle;
  line-height: 34px;
  letter-spacing: -1px;
  color: #5d5d5d;
}

/* Онлайн лист */

td.tcl a.registered-user {
font-weight: normal !important;
}

/* Спойлер */

.post-content .spoiler-box > div {
  background-image: none !important;
  background: var(--wordcolor);
  margin-bottom: 5px;
  margin-top: 5px;
  color: var(--textcolornah);
}

.post-content .spoiler-box > div.visible {
  border-radius: 0px !important;}

.post-content .spoiler-box > div:before {
  content: "\e5cf";
}

.post-content .spoiler-box > div.visible:before {
  content: "\e5ce";
}

.post-content .spoiler-box > div:before,
.post-content .spoiler-box > div.visible:before {
  width: auto;
  margin-right: 10px !important;
  margin-left: -10px !important;
  font-family: var(--msonah);
  color: var(--greynah);
  font-weight: 700;
  overflow: hidden;
}

/* сообщения */

#pun-messages div.icon {
    float: none;
    position: absolute;
    line-height: 0;
}

#pun-viewforum div.icon, #pun-searchtopics div.icon, #pun-messages div.icon, .multipage div.icon {
    height: 12px;
    width: 12px;
    margin: 2px -25px 0; 
}

div.inew, div.icon-new {
    background-color: var(--accentcolor1idinah);
    font-weight: 400 !important;
    opacity: 1; 
    border-radius: 100%;
}

/* реакции */

/* перекрас кнопки */
.topic .reaction-chip {
    background-color: var(--wordcolor) !important;
    border: 1px solid var(--bordercolornah) !important;
}

.topic .reaction-chip:not(.reaction-chip--disabled):hover {
    background-color: var(--whitenah) !important;
}

.topic .reaction-chip:hover {
    border: 1px solid var(--bordercolornah) !important;
}

/* расположение кнопки */
.topic .reactions-container {
    justify-content: flex-start !important;
   margin-top: -20px;
}

/* перекрас таблицы эмодзи */ 
/* фон самой таблицы */
.topic .reactions-root .emoji-mart {
    background: var(--wordcolor) !important;
    border: 10px solid var(--whitenah) !important;
    outline: 1px solid var(--bordercolornah) !important;
   border-radius: 10px;
}

/* цвет выбранной категории */
#pun .emoji-mart-anchor-selected {
    color: var(--blacknah) !important;
}
#pun .emoji-mart-anchor-bar {
   background-color: var(--blacknah) !important;
}

/* цвет выбранной категории */
.topic .reactions-root .emoji-mart-category-label span {
    color: var(--textcolornah);
    background: var(--wordcolor);
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    margin-top: 5px;
}

/* скрыть недавние */
.emoji-mart-category[aria-label="Недавно использованное"] {
    display: none;
}

/************* тиндер ************/
.tinder {
    width: 300px;
    height: 500px;
    margin: 0 auto!important;
    overflow: hidden;
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 15px;
    padding: 10px 10px 30px 10px!important;
    background: var(--wordcolor1) !important;
    position: relative;
}
 
.name_tin {
font-family: var(--rusnah);
font-size: 30px;
font-weight: 700;
text-transform: lowercase;
letter-spacing:- 2.5px;
text-align: left;
margin: 15px 7px -2px !important;
}
 
.info_tin {
    font-family: arial;
    font-size: 10px;
    font-weight: normal;
    text-transform: lowercase;
    letter-spacing: 0.5px;
    line-height: 12px;
    text-align: left;
    padding: 8px !important;
    margin: auto !important;
    position: relative;
    top: -7px;
    background-color: var(--whitenah) !important;
}
 
.photo img {
    max-width: 300px;
    max-height: 300px;
    margin: 5px;
   border-radius: 10px !important;
    text-align:center;
}

/*шкала*/

.progress {
  position: relative;
  width: 450px;
  height: 20px;
  overflow: hidden;
  background: #ff3232;
  background: linear-gradient(to right, #ff3232 0%,#ff9600 33%,#ffff00 66%,#00ff00 100%);
  border-radius: 5px;
}

.strips {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  background-image: linear-gradient(to right, transparent 0%, transparent 50%, #fff 50%, #fff 100%);
  background-size: 0px 100%; /* Ширина деления = 6px / 2 = 3px */
}

.grayback {
  position: relative;
  left: 26%; /* Текущее состояние — менять проценты тут*/
  width: 100%;
  height: 100%;
  background-color: #ddd;
}


/******************* пинтерест *****************/

#rpinalbum {
  width: 500px;
  border: 1px solid #0000001c!important;
  padding: 5px!important;
  font: 12px/20px Helvetica;
  color: #000;
  background: #fff;
margin: 0 auto!important;
}

#rpinalbum .rlogo {
  width: 40px;
  height: 40px;
  background: url(https://seeklogo.com/images/P/pinterest-badge-logo-82C89A5E42-seeklogo.com.png) center/cover;
  float: left;
  margin: 10px 15px!important;
}

#rpinalbum .rheader {
  width: 100%;
  text-align: center;
  margin: 10px 0!important;
  line-height: 10px;
}

#rpinalbum .rheader table {
  margin: 0 auto!important;
  padding-right: 50px!important;
}

#rpinalbum .rheader td:nth-child(1) {
  width: 485px;
  text-align: left;
}

#rpinalbum .rheader td:nth-child(2) {
  width: 125px;
}

#rpinalbum .rheader h2 {
  color: #000;
  font-size: 27px;
  font-weight: bold;
  font-family: Helvetica;
  line-height: 10px;
  letter-spacing: -.5px;
  margin-top: 26px!important;
  margin-bottom: 0!important;
}

#rpinalbum .rheader img {
    width: 75px;
    height: 75px;
    border-radius: 100%;
    object-fit: cover;
    right: 30px;
    position: relative;
}

#rpinalbum .rcollection {
  text-align: left;
  margin: 15px!important;
}

#rpinalbum .rcollection h3 {
  text-align: left;
  font-size: 14px;
  font-weight: normal;
  font-family: Helvetica;
  text-transform: none;
  letter-spacing: -.5px;
  margin-left: 10px!important;
  line-height: 10px;
  margin-bottom: 20px!important;
  word-spacing: 6px;
}

#rpinalbum .rcollection h3 b {
  word-spacing: 0;
}

#rpinalbum .rpins {
  line-height: 12px;
}

#rpinalbum .rrow {
  width: 150px;
  display: inline-block;
  vertical-align: top;
}

#rpinalbum .rpin {
  width: 125px;
  display: inline-grid;
  vertical-align: top;
  margin: 2px!important;
  background: #f6f6f6;
  border-radius: 8px;
  padding: 10px 10px 15px !important;
  font-size: 11px;
  font-weight: bold;
  letter-spacing: -.2px;
}

#rpinalbum .rpin img {
  width: 125px;
  border-radius: 5px;
  object-fit: cover;
  margin-bottom: 5px!important;
}

#rpinalbum:before {
  float: left;
  position: relative;
  left: -5px;
  content: "「R」";
  font: bold 8px Consolas;
  color: #8e8e8e;
  letter-spacing: -.5px;
  opacity: .1;
}

/*--------НОВОСТНЫЕ ПЛАШКИ--------*/

#pun-announcement .tmh_news {
  display: block;
  height: 60px;
  width: 899px;
  overflow-x: scroll;
  overflow-y: hidden;
  white-space: nowrap;
  margin: -10px 50px -10px !important;
}

#pun-announcement .tmh_news::-webkit-scrollbar {
  height: 3px !important;
  width: 0 !important;
}

#pun-announcement .tmh_news a {
  background: var(--accentcolor1idinah);
  height: 35px;
  width: 170px;
  overflow: hidden;
  display: inline-block;
  grid-template-columns: 1fr 4fr;
  align-items: center;
  padding: 6px 0px 11px 4px;
  box-sizing: border-box;
  transition: opacity 250ms;
  margin: 0px 3px 0;
  text-transform: uppercase;
  color: var(--linkcoloridinah);
  border-radius: 5px;
  border: 0px solid var(--bordercolornah) !important;
}

#pun-announcement .tmh_news .big1_txt {
    width: 35px;
    height: 13px;
    text-align: center;
    padding: 3px 2px 0px 5px;
    border-radius: 20px;
    line-height: 9px;
    font-size: 20px;
    font-family: var(--rusnah);
    color: var(--whitenah);
    display: block;
    letter-spacing: 1px;
    margin: 4px 0 0 -135px;
}

#pun-announcement .tmh_news .big_txt {
  color: var(--whitenah);
  display: block;
  font-size: 12px;
  height: 11px;
  line-height: 13px;
  letter-spacing: px;
  font-weight: 500;
  font-family: var(--rusnah);
  text-align: right;
  margin-right: 5px;
  margin-top: -20px;
}

#pun-announcement .tmh_news .small_txt {
  color: var(--whitenah);
  display: block;
  font-size: 7px;
  letter-spacing: 0.6px;
  font-weight: 400;
  font-family: arial;
  text-align: right;
  margin-right: 3px;
  padding: 3px;
}

/*---КОД ВЫСОТА---*/

.punbb .post-content .scrollbox {
  height: auto !important;
  max-height: 100px !important;
  overflow-y: auto;
}



/*гайд*/

#gyde {
    position: relative;
}

.gyde {
    background: url(https://upforme.ru/uploads/001a/f6/b2/2/270359.png) no-repeat;
    width: 900px;
    height: 1000px;
    margin-left: 50px!important;
    margin-top: 50px!important;
}

.gyde name {
    top: 25px;
    position: absolute;
    display: block;
    width: 900px;
    color: var(--accentcolor2idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    position: relative; 
    line-height: 15px;
    font-family: var(--eng1nah);
    font-size: 40px;
    text-transform: lowercase;
}

.gyde subname {
    top: 35px;
    position: absolute;
    display: block;
    width: 900px;
    color: var(--accentcolor2idinah);
    justify-content: center;
    align-items: center;
    text-align: center; 
    position: relative; 
    line-height: 15px;
    font-family: var(--eng1nah);
    font-size: 15px;
    text-transform: lowercase;
}

.gyde pravila {
    left: 100px;
    top: 80px;
    position: absolute;
    overflow-y: auto;
    display: block;
    height: 900px;
    width: 690px;
    color: var(--textcolornah);
    justify-content: center;
    align-items: center;
    text-align:  justify; 
    position: relative; 
    line-height: 15px;
    font-family: Arial;
    font-size: 12px;
    text-transform: lowercase;
}


.gyde pravila::-webkit-scrollbar { width: 4px !important;}

/*************** привет соо ****************/
#tmh-h3llo {
width: 360px;
height: 100px;
padding: 25px!important;
border-radius: 20px;
border: 10px solid var(--wordcolor);
outline: 1px solid var(--bordercolornah) !important;
margin: 10px auto!important;
position: relative;
background: var(--quotecolornah);
box-shadow: 0 0 0 1px var(--body-color) !important;
}

#tmh-h3llo h3llo-txt {
text-transform: lowercase;
text-align: justify;
color: var(--textcolornah);
position: absolute;
right: 110px;
top: 15px;
width: 200px;
height: 100px;
padding: 10px!important;
font-size: 10px;
}

#tmh-h3llo img {
width: 90px;
height: 90px;
object-fit: cover;
border-radius: 50%;
border: 5px solid var(--wordcolor)!important;
outline: 1px solid var(--bordercolornah) !important;
margin-top: 5px!important;
float: left;
position: absolute;
top: 15px;
left: -30px;
}

#tmh-h3llo h3llo-atxt {
text-transform: lowercase;
text-align: right;
color: var(--textcolornah);
position: absolute;
left: -50px;
top: 0px;
width: 360px;
height: 100px;
padding: 0px 0px 20px 0px !important;
font-size: 14px;
}

#tmh-h3llo a {
  display: inline-block;
  text-align: center;
  color: var(--accentcolor1idinah);
  text-decoration: none;
  font-size: 14px;
  float: clear;
}

.tmh-h3llo h3llo-txt::-webkit-scrollbar { width: 4px !important;}


/*боксы др*/


.boxdr {
    position: relative;
    background: url(https://upforme.ru/uploads/001a/f6/b2/2/55248.png) no-repeat;
    width: 550px;
    height: 400px;
    margin-left: 70px!important;
    margin-top: 10px!important;
    z-index: 1;
    border: 1px solid var(--bordercolornah) !important;
    border-radius: 0px;
}

.tabs-ls #two1-tab-ls {margin-left: 0px; margin-top: 70px;}
.tabs-ls #three1-tab-ls {margin-left: 0px; margin-top: 110px;}
.tabs-ls #four1-tab-ls {margin-left: 0px; margin-top: 150px;}
.tabs-ls #five1-tab-ls {margin-left: 0px; margin-top: 190px;}
.tabs-ls #six1-tab-ls {margin-left: 0px; margin-top: 230px;}
.tabs-ls #seven1-tab-ls {margin-left: 0px; margin-top: 270px;}

#one1:checked ~ .panels-ls #one1-panel-ls,
#two1:checked ~ .panels-ls #two1-panel-ls,
#three1:checked ~ .panels-ls #three1-panel-ls,
#four1:checked ~ .panels-ls #four1-panel-ls,
#five1:checked ~ .panels-ls #five1-panel-ls,
#six1:checked ~ .panels-ls #six1-panel-ls,
#seven1:checked ~ .panels-ls #seven1-panel-ls {
  display:block;
}

#one1:checked ~ .panels-ls #one1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/35065.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#two1:checked ~ .panels-ls #two1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/564801.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#three1:checked ~ .panels-ls #three1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/428770.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#four1:checked ~ .panels-ls #four1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/730051.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#five1:checked ~ .panels-ls #five1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/334236.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#six1:checked ~ .panels-ls #six1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/655202.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

#seven1:checked ~ .panels-ls #seven1-panel-ls {
background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/449191.png);
    width: 450px;
    height: 400px;
    margin-top: 0px;
    margin-left: 100px;
    position: absolute;
}

.boxdr .tab-ls {
    cursor: pointer;
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/120410.png);
    position: absolute;
    width: 80px;
    height: 30px;
    display: block;
    border-radius: 0;
    margin-top: 30px;
    margin-left: 0px;
    color: transparent;
}

#one1:checked ~ .tabs-ls #one1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/91537.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#two1:checked ~ .tabs-ls #two1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/221017.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#three1:checked ~ .tabs-ls #three1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/786881.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#four1:checked ~ .tabs-ls #four1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/940299.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#five1:checked ~ .tabs-ls #five1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/554353.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#six1:checked ~ .tabs-ls #six1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/340776.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

#seven1:checked ~ .tabs-ls #seven1-tab-ls {
    background-image: url(https://upforme.ru/uploads/001a/f6/b2/2/182846.png);
    background-repeat: no-repeat;
    color: transparent;
    transition: 0.5s;
}

.panel-ls {
  display: none;
  animation: fadein .8s;
}

.panels-ls {
    max-height: 319px;
    max-width: 649px;
    top: 0px;
    left: 0px;
}

.panel-ls block20{
    position: absolute;
    width: 300px;
    height: 200px;
    margin-left: 100px;
    margin-top: 70px;
}

.panel-ls block20 oform {
    height: 200px !important;
    width: 300px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

.panel-ls block21 {
    position: absolute;
    width: 180px;
    height: 75px;
    margin-left: 160px;
    margin-top: 240px;
}

.panel-ls block21 tiket {
    height: 75px !important;
    width: 180px;
    overflow-y: auto;
    text-align: center;
    display: block;
    justify-content: start;
    align-items: center;
    gap: 10px;
    line-height: 1;
    width: 100%;
}

@keyframes fadein {
    from {
        opacity:0;
    }
    to {
        opacity:1;
    }
}

.radio{
  display:none;
}


/* новости без админа */
.fb-news {
  display: block;
  align: justify;
  padding: 24px;
  box-sizing: border-box;
  background-color: var(--wordcolor1);
  width: 600px;
  height: 330px;
  margin: 0 auto 20px !important;
  border: 10px solid var(--whitenah) !important;
  position: relative;
  border-radius: 10px;
  outline: 0px solid var(--bordercolornah) !important;
}

.news-ava {
  position: absolute;
  top: 50px;
  left: 35px;
  z-index: 50;
  text-align: center;
  width: 70px;
  height: 70px;
  border-radius: 70px;
  border: 10px solid var(--whitenah) !important;
  margin: 0 auto !important;
  background: var(--bordercolornah);
}

.news-ava img {
  border-radius: 70px;
  width: 70px;
  height: 70px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.news-nn {
  top: 35px;
  right: 30px;
  display: block;
  position: absolute;
  width: 90%;
  height: 30px;
  overflow: hidden;
  text-transform: lowercase;
  letter-spacing: 0.5px;
  color: var(--accentcolor1idinah);
  font-family: var(--eng1nah);
  font-size: 14px;
  text-align: center;
}

.news-who {
  display: block;
  top: 0px;
  right: 30px;
  display: block;
  width: 90%;
  position: absolute;
  line-height: 25px;
  text-transform: lowercase;
  text-align: center;
  color: var(--accentcolor1idinah);
  font-family: var(--eng1nah);
  font-size: 20px;
  letter-spacing: 1px;
  box-sizing: border-box;
  padding-bottom: 5px;
  background-color: var(--whitenah);
  border-radius: 0 0 10px 10px;
}


.news-text::-webkit-scrollbar {width: 4px !important; height: 0;}

.news-music {
    position: absolute;
    font-style: normal !important;
    display: block;
    top: 55px;
    left: 0px;
    width: 98%;
    text-align: center;
    color: var(--textcolornah);
    font-family: arial;
    font-size: 10px;
    letter-spacing: 0.5px;
    border-radius: 10px;
    padding: 3px;
}

.fb-news a {
  font-weight: 400 !important;
  font-family: Arial;
}

.block-aktivnews a,
.b-para a {
  color: var(--accentcolor1idinah) !important;
}

.fb-news a:hover {
  opacity: 0.5;
}

.block-aktivnews {
  width: 100%;
  display: flex;
  position: absolute;
  justify-content: center;
  align-items: center;
  bottom: 0px;
  z-index: 1;
  left: 0;
  margin: 0px auto !important;
}

.left-aktivnews,
.right-aktiiv {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 120px;
  text-align: center;
  gap: 10px;
} 

.left-aktivnews {
  left: 180px;
  top: -230px;
}

.right-aktiiv {
  left: 380px;
  top: -230px;
}

.left-aktivnews img,
.right-aktiiv img {
  border-radius: 50%;
  max-width: 40px;
  max-height: 40px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.left-aktivnews span,
.right-aktiiv span {
  background: var(--wordcolor2);
  border-radius: 50%;
}

.ep-aktivnews {
  text-transform: lowercase;
  font-size: 10px;
  letter-spacing: 0.4px;
  display: flex;
  width: 150px;
  height: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  color: var(--accentcolor2idinah);
  font-family: var(--rusnah);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  position: absolute;
  left: 420px;
  top: -120px;
}

.post-paranews {
  display: flex;
  justify-content: space-between;
  align-items: center;
  position: absolute;
  box-sizing: border-box;
  left: 120px;
  top: 200px;
}

.b-postnews {
  text-align: justify;
  text-transform: lowercase;
  font-size: 9px;
  width: 300px;
  height: 70px;
  line-height: 10px;
  letter-spacing: 0.3px;
  color: var(--textcolornah);
  font-family: Arial;
  overflow-y: auto;
  box-sizing: border-box;
  padding: 0 5px;
}

.b-postnews::-webkit-scrollbar {
  width: 3px !important;
  height: 0;
}

.b-postnews::-webkit-scrollbar-thumb {
  background: var(--accentcolor2idinah) !important;
}

.b-postnews a {
  color: var(--textcolornah) !important;
  font-family: Arial !important;
  font-style: bold;
}

.b-paranews {
  display: flex;
  position: absolute;
  justify-content: space-between;
  align-items: center;
  width: 80px;
  text-align: center;
}

.b-paranews {
  top: 10px;
  left: -90px;
}

.b-paranews img {
  border-radius: 10px;
  max-width: 80px;
  max-height: 40px;
  filter: grayscale(1);
  mix-blend-mode: soft-light;
}

.b-paranews span {
  background: var(--wordcolor2);
  border-radius: 10px;
}

.news-sns {
  text-transform: lowercase;
  font-size: 16px;
  letter-spacing: 0.4px;
  display: flex;
  width: 600px;
  height: 60px;
  padding: 0 10px;
  box-sizing: border-box;
  color: var(--accentcolor2idinah);
  font-family: var(--rusnah);
  text-align: center;
  justify-content: center;
  align-items: center;
  flex-direction: column;
  flex-wrap: nowrap;
  line-height: 1;
  position: absolute;
  left: -140px;
  top: 55px;
}

.news-links {
  box-sizing: border-box;
  width: 100%;
  text-align: center;
  top: 145px;
  position: absolute;
  left: 50px;
  font-family: var(--eng1nah);
  text-transform: lowercase;
  font-size: 9px;
  letter-spacing: 0.5px;
  color: var(--wordcolor);
  box-sizing: border-box;
}

.news-links a {
  letter-spacing: 0.8px;
  color: var(--accentcolor2idinah) !important;
  padding: 3px 6px 3px;
  box-sizing: border-box;
  line-height: 1;
  border: 0px solid var(--bordercolornah) !important;
  border-radius: 10px;
  font-family: var(--eng1nah);
  font-size: 12px;
  margin: 10px 0;
  width: 100%;
  min-width: 150px;
  text-align: center;
  font-weight: 400;
  cursor: pointer;
  background: var(--wordcolor);
  align-items: center;
}

10

Код:
/* Шрифты диза */
@font-face {
  font-family: nordstove;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/61457.otf) format("truetype");
}

@font-face {
  font-family: topelius-modern;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/57118.ttf) format("truetype");
}

11

Код:
/* Шрифты диза */
@font-face {
  font-family: nordstove;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/61457.otf) format("truetype");
}

@font-face {
  font-family: topelius-modern;
  font-style: normal;
  src: url(https://forumstatic.ru/files/001a/f6/b2/57118.ttf) format("truetype");
}

12

вава

13

укукк

14

цуцуккцууцк

15

йцйцйц

16

аоаооа


Вы здесь » cry4u » техническое » html


Рейтинг форумов | Создать форум бесплатно