/************************************************************* Äèçàéí íîìåð äâà **************************************************************/ /* ÏÎÄÃÐÓÇÊÀ ØÐÈÔÒΠ-------------------------------------------------------------*/ /* áàçîâûå øðèôòû - ïîääåðæêà êèðèëëèöû -------------------------------------------------------------*/ @import url(style_cs.1669406958.css); @import url(http://forumstatic.ru/files/0018/25/96/61263.css); @import url(http://forumstatic.ru/files/001b/bd/0a/58386.css); @import url(http://allfont.ru/allfont.css?fonts=franklin-gothic-medium); @import url('https://fonts.googleapis.com/css?family=Cuprum'); @import url('https://fonts.googleàapis.com/css?family=Roboto'); @import url('https://fonts.googleapis.com/css?family=Montserrat|Montserrat+Alternates|Open+Sans|Oswald'); @import "https://cdn.linearicons.com/free/1.0.0/icon-font.min.css"; @import url('https://fonts.googleapis.com/css?family=Open+Sans+Condensed:300|Roboto+Condensed'); @import url('https://fonts.googleapis.com/css?family=Montserrat:400,600,600i,700,700i,800,800i,900,900i&display=swap&subset=cyrillic,cyrillic-ext'); @import url('https://fonts.googleapis.com/css?family=Open+Sans:700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Montserrat:wght@300;700&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Pangolin&display=swap'); @import url('https://fonts.googleapis.com/css2?family=Pacifico&display=swap'); @import url('https://fonts.googleapis.com/css?family=Playfair+Display:400,700,900|Prata&subset=cyrillic'); @import url('https://fonts.googleapis.com/css?family=Amatic+SC:400,700|Old+Standard+TT:400,700|Oranienbaum|Oswald:300,400,700|PT+Sans:400,700|Roboto+Condensed:300,400,700|Roboto:300,400,700'); @font-face { font-family: FontAwesome; src: local("FontAwesome"), url(http://forumstatic.ru/files/001b/bd/0a/75073.ttf); } @font-face { font-family: Finches; src: local("Finches"), url(http://forumstatic.ru/files/001b/bd/0a/33469.ttf); } @font-face {font-family: beBasn; src: local("beBasn"), url(https://forumstatic.ru/files/001b/b1/f8/80560.ttf);} @font-face {font-family: Nizhe; src: local("Nizhe"), url(https://forumstatic.ru/files/001b/9a/b0/88466.ttf);} @font-face {font-family: Helvetica; src: local("helvetica"), url(http://forumstatic.ru/files/001b/bd/0a/28747.otf);} @font-face {font-family: Qebil; src: local("Qebil"), url(http://forumstatic.ru/files/001b/97/91/26560.otf);} @font-face {font-family: webding; src: local("webding"), url(http://forumstatic.ru/files/001b/97/91/96360.ttf);} @font-face {font-family: MyriadPro; src: local("MyriadPro"), url(http://forumstatic.ru/files/001b/97/91/31256.otf);} @font-face {font-family: Emilea; src: local("Emilea"), url(http://forumstatic.ru/files/001b/97/91/58985.otf);} @font-face {font-family: holdm; src: local("holdm"), url(http://forumstatic.ru/files/001b/97/91/43885.ttf);} @font-face {font-family: cuprumital; src: local("cuprumital"), url(http://forumstatic.ru/files/001b/aa/5e/38934.ttf);} @font-face { font-family: Neon; src: local("Neon"), url(http://forumstatic.ru/files/001b/be/d2/56092.ttf); } @font-face { font-family: Amelaryas; src: local("Amelaryas"), url(http://forumstatic.ru/files/001b/be/d2/32868.ttf); } @font-face { font-family: Zofiere; src: local("Zofiere"), url(http://forumstatic.ru/files/001b/be/d2/23738.ttf?v=1); } @font-face { font-family: Pilated; src: local("Pilated"), url(http://forumstatic.ru/files/001b/be/d2/98347.otf?v=1); } @font-face { font-family: SaintMonica; src: local("SaintMonica"), url(http://forumstatic.ru/files/001b/be/d2/55478.otf?v=1); } @font-face { font-family: MOD; src: local("MOD"), url(http://forumstatic.ru/files/001b/be/d2/26478.ttf?v=1); } @font-face { font-family: StylishCalligraphyDemo; src: local("StylishCalligraphyDemo"), url(http://forumstatic.ru/files/001b/be/d2/36629.ttf?v=1); } @font-face { font-family: SteadfastReg; src: local("SteadfastReg"), url(http://forumstatic.ru/files/001b/be/d2/25397.ttf?v=1); } @font-face { font-family: NarzissDrop; src: local("NarzissDrop"), url(http://forumstatic.ru/files/001b/be/d2/18855.ttf?v=1); } @font-face { font-family: Electric; src: local("Electric"), url(http://forumstatic.ru/files/001b/be/d2/77983.otf); } @font-face { font-family: Delacoso; src: local("Delacoso"), url(http://forumstatic.ru/files/001b/be/d2/18057.otf); } @font-face { font-family: Bebas Neue Cyrillic; src: local("Bebas Neue Cyrillic"), url(http://forumstatic.ru/files/001b/be/d2/99617.ttf); } @font-face { font-family: Clementhorp; src: local("Clementhorp"), url(http://forumstatic.ru/files/001b/be/d2/31693.ttf); } @font-face { font-family: AoromRegular; src: local("AoromRegular"), url(http://forumstatic.ru/files/001b/be/d2/25808.otf?v=1); } @font-face { font-family: RefinestPersonalUe; src: local("RefinestPersonalUe"), url(http://forumstatic.ru/files/001b/be/d2/92583.otf?v=1); } @font-face { font-family: RomilePersonalUse; src: local("RomilePersonalUse"), url(http://forumstatic.ru/files/001b/be/d2/30123.otf?v=1); } @font-face { font-family: CormorantUnicaseLight; src: local("CormorantUnicaseLight"), url(http://forumstatic.ru/files/001b/be/d2/56812.ttf?v=1); } @font-face { font-family: DearJoe; src: local("DearJoe"), url(http://forumstatic.ru/files/001b/be/d2/37402.ttf?v=1); } @font-face { font-family: Marske; src: local("Marske"), url(http://forumstatic.ru/files/001b/be/d2/20015.otf?v=1); } @font-face { font-family: SangBleuSunriseRegular; src: local("SangBleuSunriseRegular"), url(http://forumstatic.ru/files/001b/be/d2/81686.otf?v=1); } @font-face { font-family: Arkhip; src: local("Arkhip"), url(http://forumstatic.ru/files/001b/be/d2/20823.otf); } @font-face { font-family: BlackAcute; src: local("BlackAcute"), url(http://forumstatic.ru/files/001b/be/d2/20810.ttf); } @font-face { font-family: KingthingsPetrock; src: local("KingthingsPetrock"), url(http://forumstatic.ru/files/001b/be/d2/20832.ttf); } @font-face { font-family: CapturaNowMedium; src: local("CapturaNowMedium"), url(http://forumstatic.ru/files/001b/be/d2/20852.otf); } @font-face { font-family: Rostov; src: local("Rostov"), url(http://forumstatic.ru/files/001b/be/d2/20421.ttf); } @font-face { font-family: mr_PotraLightG; src: local("mr_PotraLightG"), url(http://forumstatic.ru/files/001b/be/d2/19700.ttf); } @font-face { font-family: MakLight; src: local("MakLight"), url(http://forumstatic.ru/files/001b/be/d2/19281.otf); } @font-face { font-family: Code Pro Lowercase; src: local("Code Pro Lowercase"), url(http://forumstatic.ru/files/001b/be/d2/22562.ttf); } @font-face { font-family: Quicksand; src: local("Quicksand"), url(http://forumstatic.ru/files/001b/be/d2/20952.ttf); } @font-face { font-family: Gardens CM Regular; src: local("Gardens CM Regular"), url(http://forumstatic.ru/files/001b/be/d2/20011.ttf?v=1); } @font-face { font-family: mr_ArenqG; src: local("mr_ArenqG"), url(http://forumstatic.ru/files/001b/be/d2/19694.ttf?v=1); } @font-face { font-family: Return to classic; src: local("Return to classic"), url(http://forumstatic.ru/files/001b/be/d2/18842.otf?v=1); } @font-face { font-family: Federov2-Regular; src: local("Federov2-Regular"), url(http://forumstatic.ru/files/001b/be/d2/18823.ttf?v=1); } @font-face { font-family: Oranienbaum; src: local("Oranienbaum"), url(http://forumstatic.ru/files/001b/be/d2/91980.ttf); } @font-face { font-family: Montserrat; src: local("Montserrat"), url(http://forumstatic.ru/files/001b/be/d2/16785.ttf); } @font-face { font-family: MontserratRegular; src: local("MontserratRegular"), url(http://forumstatic.ru/files/001b/be/d2/16788.otf); } @font-face { font-family: HaginCapsMedium; src: local("HaginCapsMedium"), url(http://forumstatic.ru/files/001b/be/d2/11358.ttf); } @font-face { font-family: Code Pro; src: local("Code Pro"), url(http://forumstatic.ru/files/001b/be/d2/50333.otf); } @font-face { font-family: Code Pro Light; src: local("Code Pro Light"), url(http://forumstatic.ru/files/001b/be/d2/55872.otf); } @font-face { font-family: Wastebased; src: local("Wastebased"), url(http://forumstatic.ru/files/001b/be/d2/97023.otf); } @font-face { font-family: Century Gothic Bold; src: local("Century Gothic Bold"), url(http://forumstatic.ru/files/001b/be/d2/47506.ttf); } @font-face {font-family: 'ancient'; src: local("ancient"), url(https://forumstatic.ru/files/001b/b3/c9/56474.ttf);} @font-face {font-family: 'Angelwish'; src: local("Angelwish"), url(http://forumstatic.ru/files/001b/bd/0a/16154.ttf);} @font-face {font-family: 'mystical'; src: local("mystical"), url(https://forumstatic.ru/files/001b/b3/c9/68529.otf);} @font-face {font-family: 'Ofl'; src: local("Austin"), url(https://forumstatic.ru/files/001b/b3/c9/74157.ttf);} @font-face {font-family: 'Olondon'; src: local("Olondon"), url(https://forumstatic.ru/files/001b/b3/c9/30405.otf);} @font-face {font-family: 'oldeenglish'; src: local("oldeenglish"), url(https://forumstatic.ru/files/001b/b3/c9/44990.ttf);} @font-face {font-family: 'semethone'; src: local("semethone"), url(https://forumstatic.ru/files/001b/b3/c9/54839.ttf);} @font-face {font-family: 'the centurion'; src: local("the centurion"), url(https://forumstatic.ru/files/001b/b3/c9/86425.otf);} @font-face {font-family: 'Abbeville'; src: local("Abbeville"), url(https://forumstatic.ru/files/001b/b1/f8/61160.ttf);} @font-face {font-family: 'AbrilFatface'; src: local("AbrilFatface"), url(https://forumstatic.ru/files/001b/b1/f8/86488.ttf);} @font-face {font-family: 'Ajinomote'; src: local("Ajinomote"), url(https://forumstatic.ru/files/001b/b1/f8/44125.otf);} @font-face {font-family: 'Alone'; src: local("Alone"), url(https://forumstatic.ru/files/001b/b1/f8/49580.ttf);} @font-face {font-family: 'AmaticSC'; src: local("AmaticSC"), url(https://forumstatic.ru/files/001b/b1/f8/90143.ttf);} @font-face {font-family: 'Angelista'; src: local("Angelista"), url(https://forumstatic.ru/files/001b/b1/f8/36134.ttf);} @font-face {font-family: 'Antapin'; src: local("Antapin"), url(https://forumstatic.ru/files/001b/b1/f8/12237.ttf);} @font-face {font-family: 'Anthony hunter'; src: local("Anthony hunter"), url(https://forumstatic.ru/files/001b/b1/f8/87980.ttf);} @font-face {font-family: 'Arthalia'; src: local("Arthalia"), url(https://forumstatic.ru/files/001b/b1/f8/26534.ttf);} @font-face {font-family: 'Auturium'; src: local("Auturium"), url(https://forumstatic.ru/files/001b/b1/f8/76969.otf);} @font-face {font-family: 'Awaken'; src: local("Awaken"), url(https://forumstatic.ru/files/001b/b1/f8/50792.ttf);} @font-face {font-family: 'Balleria'; src: local("Balleria"), url(https://forumstatic.ru/files/001b/b1/f8/67785.ttf);} @font-face {font-family: 'Beautysleep'; src: local("Beautysleep"), url(https://forumstatic.ru/files/001b/b1/f8/28298.ttf);} @font-face {font-family: 'Bellair'; src: local("Bellair"), url(https://forumstatic.ru/files/001b/b1/f8/97452.ttf);} @font-face {font-family: 'Belucar'; src: local("Belucar"), url(https://forumstatic.ru/files/001b/b1/f8/23877.otf);} @font-face {font-family: 'Bentila'; src: local("Bentila"), url(https://forumstatic.ru/files/001b/b1/f8/85545.ttf);} @font-face {font-family: 'Bottomvega'; src: local("Bottomvega"), url(https://forumstatic.ru/files/001b/b1/f8/12540.ttf);} @font-face {font-family: 'Brittanyhustle'; src: local("Brittanyhustle"), url(https://forumstatic.ru/files/001b/b1/f8/76065.ttf);} @font-face {font-family: 'Caitlyn script'; src: local("Caitlyn script"), url(https://forumstatic.ru/files/001b/b1/f8/58906.ttf);} @font-face {font-family: 'Carhius'; src: local("Carhius"), url(https://forumstatic.ru/files/001b/b1/f8/29107.otf);} @font-face {font-family: 'Charlieperth'; src: local("Charlieperth"), url(https://forumstatic.ru/files/001b/b1/f8/76810.otf);} @font-face {font-family: 'Clafita miller'; src: local("Clafita miller"), url(https://forumstatic.ru/files/001b/b1/f8/98990.otf);} @font-face {font-family: 'claymont'; src: local("claymont"), url(https://forumstatic.ru/files/001b/b1/f8/90234.ttf);} @font-face {font-family: 'cuprum'; src: local("cuprum"), url(https://forumstatic.ru/files/001b/b1/f8/53429.ttf);} @font-face {font-family: 'Daniel script'; src: local("Daniel script"), url(https://forumstatic.ru/files/001b/b1/f8/23594.otf);} @font-face {font-family: 'distractiles'; src: local("distractiles"), url(https://forumstatic.ru/files/001b/b1/f8/92433.ttf);} @font-face {font-family: 'dracolas'; src: local("dracolas"), url(https://forumstatic.ru/files/001b/b1/f8/44664.ttf);} @font-face {font-family: 'Eclat'; src: local("Eclat"), url(https://forumstatic.ru/files/001b/b1/f8/36977.ttf);} @font-face {font-family: 'Essential'; src: local("Essential"), url(https://forumstatic.ru/files/001b/b1/f8/58920.ttf);} @font-face {font-family: 'Falsetto'; src: local("Falsetto"), url(https://forumstatic.ru/files/001b/b1/f8/52734.ttf);} @font-face {font-family: 'Firgiagia'; src: local("Firgiagia"), url(https://forumstatic.ru/files/001b/b1/f8/99934.ttf);} @font-face {font-family: 'Furious'; src: local("Furious"), url(https://forumstatic.ru/files/001b/b1/f8/39816.ttf);} @font-face {font-family: 'Futrfw'; src: local("Futrfw"), url(https://forumstatic.ru/files/001b/b1/f8/12178.ttf);} @font-face {font-family: 'Gattermoon'; src: local("Gattermoon"), url(https://forumstatic.ru/files/001b/b1/f8/35793.ttf);} @font-face {font-family: 'Gerhana'; src: local("Gerhana"), url(https://forumstatic.ru/files/001b/b1/f8/76577.ttf);} @font-face {font-family: 'Gia'; src: local("Gia"), url(https://forumstatic.ru/files/001b/b1/f8/35023.ttf);} @font-face {font-family: 'Gilly fleurs'; src: local("Gilly fleurs"), url(https://forumstatic.ru/files/001b/b1/f8/40612.ttf);} @font-face {font-family: 'Giselle'; src: local("Giselle"), url(https://forumstatic.ru/files/001b/b1/f8/65927.ttf);} @font-face {font-family: 'Glory'; src: local("Glory"), url(https://forumstatic.ru/files/001b/b1/f8/92321.otf);} @font-face {font-family: 'Hamburg'; src: local("Hamburg"), url(https://forumstatic.ru/files/001b/b1/f8/55483.ttf);} @font-face {font-family: 'Handover'; src: local("Handover"), url(https://forumstatic.ru/files/001b/b1/f8/41599.ttf);} @font-face {font-family: 'Hello stylis'; src: local("Hello stylis"), url(https://forumstatic.ru/files/001b/b1/f8/78855.ttf);} @font-face {font-family: 'helmswald'; src: local("helmswald"), url(https://forumstatic.ru/files/001b/b1/f8/18524.ttf);} @font-face {font-family: 'hillstati'; src: local("hillstati"), url(https://forumstatic.ru/files/001b/b1/f8/80744.ttf);} @font-face {font-family: 'Hoffmans'; src: local("Hoffmans"), url(https://forumstatic.ru/files/001b/b1/f8/98706.ttf);} @font-face {font-family: 'Jasminerose'; src: local("Jasminerose"), url(https://forumstatic.ru/files/001b/b1/f8/10878.otf);} @font-face {font-family: 'Jaysen'; src: local("Jaysen"), url(https://forumstatic.ru/files/001b/b1/f8/21260.ttf);} @font-face {font-family: 'Jhoony richmond'; src: local("Jhoony richmond"), url(https://forumstatic.ru/files/001b/b1/f8/62897.ttf);} @font-face {font-family: 'Jonathan smith'; src: local("Jonathan smith"), url(https://forumstatic.ru/files/001b/b1/f8/73253.ttf);} @font-face {font-family: 'JuliusSansOne'; src: local("JuliusSansOne"), url(https://forumstatic.ru/files/001b/b1/f8/58366.ttf);} @font-face {font-family: 'Konstanhigh'; src: local("Konstanhigh"), url(https://forumstatic.ru/files/001b/b1/f8/21662.ttf);} @font-face {font-family: 'LaBelle'; src: local("LaBelle"), url(https://forumstatic.ru/files/001b/b1/f8/14732.otf);} @font-face {font-family: 'Lafoyettes'; src: local("Lafoyettes"), url(https://forumstatic.ru/files/001b/b1/f8/85861.ttf);} @font-face {font-family: 'Lancar'; src: local("Lancar"), url(https://forumstatic.ru/files/001b/b1/f8/46962.otf);} @font-face {font-family: 'Caveat'; src: local("Caveat"), url(http://forumstatic.ru/files/001b/bd/0a/18830.ttf);} @font-face {font-family: 'Lobster'; src: local("Lobster"), url(https://forumstatic.ru/files/001b/b1/f8/72068.ttf);} @font-face {font-family: 'Bad Script'; src: local("Bad Script"), url(http://forumstatic.ru/files/001b/bd/0a/11491.ttf);} @font-face {font-family: 'Madona'; src: local("Madona"), url(https://forumstatic.ru/files/001b/b1/f8/26316.otf);} @font-face {font-family: 'Margarethrosinante'; src: local("Margarethrosinante"), url(http://forumstatic.ru/files/001b/bd/0a/25137.otf);} @font-face {font-family: 'Masteria'; src: local("Masteria"), url(https://forumstatic.ru/files/001b/b1/f8/93730.ttf);} @font-face {font-family: 'moonlight'; src: local("moonlight"), url(https://forumstatic.ru/files/001b/b1/f8/14049.ttf);} @font-face {font-family: 'my autery'; src: local("my auteryt"), url(https://forumstatic.ru/files/001b/b1/f8/78908.otf);} @font-face {font-family: 'Comforter'; src: local("Comforter"), url(https://forumstatic.ru/files/001b/b1/f8/22182.ttf);} @font-face {font-family: 'denistina'; src: local("denistina"), url(https://forumstatic.ru/files/001b/b1/f8/84454.ttf);} @font-face {font-family: 'Katherine'; src: local("Katherine"), url(https://forumstatic.ru/files/001b/b1/f8/33913.ttf);} @font-face {font-family: 'Lastochka'; src: local("Lastochka"), url(https://forumstatic.ru/files/001b/b1/f8/57898.ttf);} @font-face {font-family: 'Lavanderiac'; src: local("Lavanderiac"), url(https://forumstatic.ru/files/001b/b1/f8/29226.ttf);} @font-face {font-family: 'Magic fix'; src: local("Magic fix"), url(https://forumstatic.ru/files/001b/b1/f8/77748.ttf);} @font-face {font-family: 'Miama'; src: local("Miama"), url(https://forumstatic.ru/files/001b/b1/f8/51234.ttf);} @font-face {font-family: 'Scandal'; src: local("Scandal"), url(https://forumstatic.ru/files/001b/b1/f8/24556.ttf);} @font-face {font-family: 'Scriptorama'; src: local("Scriptorama"), url(http://forumstatic.ru/files/001b/bd/0a/14117.ttf);} @font-face {font-family: 'Scripts'; src: local("Scripts"), url(http://forumstatic.ru/files/001b/bd/0a/11644.ttf);} @font-face {font-family: 'Young love'; src: local("Young love"), url(https://forumstatic.ru/files/001b/b1/f8/58836.ttf);} @font-face {font-family: 'Playfair Display SC'; src: local("Playfair Display SC"), url(https://forumstatic.ru/files/001b/b1/f8/41292.ttf);} @font-face {font-family: 'Prettier'; src: local("Prettier"), url(https://forumstatic.ru/files/001b/b1/f8/64705.ttf);} @font-face {font-family: 'Roboto'; src: local("Roboto"), url(https://forumstatic.ru/files/001b/b1/f8/48960.ttf);} @font-face {font-family: 'salisbury'; src: local("salisbury"), url(https://forumstatic.ru/files/001b/b1/f8/26710.ttf);} @font-face {font-family: 'senorita signature'; src: local("senorita signature"), url(https://forumstatic.ru/files/001b/b1/f8/34327.ttf);} @font-face {font-family: 'signatures'; src: local("signatures"), url(https://forumstatic.ru/files/001b/b1/f8/48185.otf);} @font-face {font-family: 'thamepalms'; src: local("thamepalms"), url(https://forumstatic.ru/files/001b/b1/f8/43853.ttf);} @font-face {font-family: 'yellowbird'; src: local("yellowbird"), url(https://forumstatic.ru/files/001b/b1/f8/35237.ttf);} /* A2 ÍÀÑÒÐÎÉÊÈ ÁÐÀÓÇÅÐÀ ÏÎ ÓÌÎË×ÀÍÈÞ. ËÓ×ØÅ ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ /* A2.1 */ html, body {margin: 0; padding: 0} /* A2.2 */ .punbb * { margin: 0 } /* A2.3 */ .punbb ul, .punbb dl, .punbb li, .punbb dd, .punbb dt { padding: 0; list-style: none; } /* A2.4 */ .punbb img { margin-top: 0px; border-radius: 0%; } /* A2.5 */ .punbb .main table { table-layout: fixed; width: 100%; } /* A2.6 */ .checkfield input[type="checkbox"], .radiofield input[type="radio"] {margin: 0 0.3em;} /* A2.7 */ p[class="checkfield"] *, div[class="checkfield"] *, fieldset[class="radiofield"] * { height: 1.8em; vertical-align: middle } /* A3 ØÐÈÔÒ ÍÀ ÔÎÐÓÌÅ - ËÓ×ØÅ ÍÅ ÒÐÎÃÀÒÜ. áëîê îòâå÷àåò çà øðèôòû è èõ ðàçìåðû, íî îí íå òðåáóåò èçìåíåíèé â 95% ñëó÷àåâ -------------------------------------------------------------*/ /* A3.1 ÐÀÇÌÅÐ ØÐÈÔÒÀ ÍÀ ÔÎÐÓÌÅ -------------------------------------------------------------*/ body { font-size: 100.01%; overflow-x: hidden } /* A3.1 ØÐÈÔÒÛ ÍÀ ÔÎÐÓÌÅ -------------------------------------------------------------*/ .punbb { font: normal 68.75% verdana, arial, montserrat, sans-serif; } /* A3.2 ØÐÈÔÒÛ Â ÏÎËßÕ ÂÂÎÄÀ -------------------------------------------------------------*/ .punbb textarea, .punbb input, .punbb select, .punbb optgroup { font: 1em verdana, arial, montserrat, sans-serif; } /* A3.4 ÇÀÃÎËÎÂÊÈ -------------------------------------------------------------*/ .punbb h1, .punbb h2, .punbb h3, .punbb h4, .punbb table, .punbb th { font-size: 10px; color: #3d3948; letter-spacing: 0px; text-transform: lowercase; font-family: montserrat!important; padding-top: 2px; font-weight: 500; border-color: transparent; } /* ÂÑÅ, ×ÒÎ ÍÈÆÅ Â ÁËÎÊÅ À3, ËÓ×ØÅ ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ /* A3.5 */ .punbb h1 span, .punbb h2 span, .punbb legend span { font-size: 1.1em; } /* A3.6 */ .punbb pre { font: 1.1em/140% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* A3.7 */ .punbb address, .punbb em { font-style: normal } /* A3.8 */ .punbb .post-content em { font-style: italic } /* A3.9 */ .punbb .post-content em.bbuline { font-style: normal; text-decoration: underline; } /* A3.10 */ .punbb a { text-decoration: underline } /* A3.11 */ .punbb optgroup { font-weight: bold; } /* A4 ÏÎÇÈÖÈÎÍÈÐÎÂÀÍÈÅ È ÑÊÐÛÒÛÅ ÝËÅÌÅÍÒÛ - ËÓ×ØÅ ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ /* A4.1 */ #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; } /* A4.2 */ .acchide, #pun-index #pun-main h1, #pun-navlinks h2, #pun-pagelinks 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, #pun-userlist .main h2 { font-size: 0; height: 0; width: 0; line-height: 0.0; position:absolute; left: -9999px; overflow: hidden } /* A5 ÎÑÍÎÂÍÎÉ ÌÀÊÅÒ ÑÒÐÀÍÈÖÛ È ÃÐÀÍÈÖÛ -------------------------------------------------------------*/ /* A5.4 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .section, .punbb .main { margin-bottom: 1em; } /* A5.5 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .category, .punbb .post { margin-top: 0.4em; } /* A5.6 ÍÅ ÒÐÎÃÀÅÌ */ .punbb #pun-category1, .punbb .toppost, .punbb .topicpost { margin-top: 0; } /* 5.7 ÍÅ ÒÐÎÃÀÅÌ */ #pun-post .topic { margin-top: 1em; } /* A5.8 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-style: none none solid none; border-width: 0px 0px 2px 0px } /* A5.9 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .container { border-style: solid; border-width: 1px; } /* A5.10 ÊÀÒÅÃÎÐÈÈ, ÇÀÃÎËÎÂÊÈ - ÎÒÑÒÓÏÛ - ÍÅ ÒÐÎÃÀÅÌ */ .punbb .section h2, #pun-main h1, #pun-main h2, #pun-stats h2, #pun-debug h2 { padding: 0px 1em 9px 1em; border-style: solid solid none solid; border-width: 1px 1px 0px 1px; } /************************************************************* B - ÃËÀÂÍÎÅ ÑÎÄÅÐÆÈÌÎÅ - ÎÁÙÈÅ **************************************************************/ /* B1 êîíòåíò, ïîäïèñè è ïîëÿ ïðîêðóòêè -------------------------------------------------------------*/ /* B1.1 ÂÀÆÍÎ! ÂÛÐÀÂÍÈÂÀÍÈÅ ÒÅÊÑÒÀ  ÏÎÑÒÀÕ Justify â ïîñëåäíåé ñòðîêå îòâå÷àåò çà âûðàâíèâàíèå ïîñòîâ ïî øèðèíå*/ .punbb .post-content { width: 100%; overflow: hidden; text-align: justify; font-family: arial !important; font-size: 12px; } /* B1.2 ÏÎËÎÑÀ, ÎÒÄÅËßÞÙÀß ÏÎÑÒ È ÏÎÄÏÈÑÜ*/ .punbb .post-sig dt { display: block; border-top: 1px solid color: #4444442e; width: 250px; margin: 5px 0; } /* B1.3 ÀÁÇÀÖÛ ÂÍÓÒÐÈ ÏÎÑÒÎÂ*/ .punbb .post-content p { margin: 0; padding: 0 0 2em 0; line-height: 150%;} /* B1.4 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-content img { vertical-align: text-bottom } /* B1.5 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-content img.postimg { vertical-align: middle; } /* B1.6 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-content .blockcode, .punbb .post-content blockquote { width: 100%; overflow: hidden; } /* B1.7 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-content .scrollbox { width: 100%; overflow: auto; } /* B1.8 ÎÒÑÒÓÏÛ Ó ÖÈÒÀÒ, ÊÎÄΠ- ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-content .quote-box, .punbb .post-content .code-box { border: medium none; margin: 0.4em 0em 0.8em; padding: 0em; } /* B2 ÈÍÔÎÁÎÊÑÛ ÂÎÎÁÙÅ ÍÅ ÒÐÎÃÀÅÌ -------------------------------------------------------------*/ /* B2.1 */ .punbb .info-box { padding: 1.1em 1.7em 1em 1.7em; border-style: solid; border-width: 1px; margin: 0 0 1.1em 0; } /* B2.2 */ .punbb .info-box * { padding: 0 0 0.7em 0; } /* B2.3 */ .punbb #pun-main .info-box .legend { font-size: 1.1em; font-weight: bold; } /* B3 ÐÀÇÁÈÂÊÀ ÍÀ ÑÒÐÀÍÈÖÛ È ÐÀÇÌÅÙÅÍÈÅ ÑÑÛËÎÊ -------------------------------------------------------------*/ /* B3.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .linkst { float: left; position: relative; width: 100%; font-size: 1.1em; height: 0; } /* B3.2 ÍÅ ÒÐÎÃÀÅÌ */ .multipage { margin-top: 3em; } /* B3.3 ÑÒÐÀÍÈÖÛ ÂÍÓÒÐÈ ÒÅÌ ÑÂÅÐÕÓ */ .linkst .pagelink { margin-top: -9px; margin-left: 24px; } /* ÑÍÈÇÓ */ .linksb .pagelink { float: left; width: 24em; text-align: left; } /* ÍÅ ÒÐÎÃÀÒÜ */ .linksb .postlink { float: right; width: 16em; font-weight: bold; } /* ÑÒÐÀÍÈÖÛ ÂÍÓÒÐÈ ÒÅÌ ÑÍÈÇÓ */ .punbb .linksb { text-align: right; padding: 0.4em 1em 0.5em 1em; font-size: 1.1em; } /* B3.4 ÑÑÛËÊÈ ÍÎÂÀß ÒÅÌÀ, ÑÎÇÄÀÒÜ ÎÏÐÎÑ ÂÍÓÒÐÈ ÏÎÄÔÎÐÓÌÀ Ëó÷øå íå òðîãàòü */ .linkst .postlink { position: absolute; top: -1.5em; right: 1em; width: 16em; text-align: right; font-weight: bold; padding-right: 17px; } /* B3.8 ÑÑÛËÊÀ ÏÎÄÏÈÑÀÒÜÑß È ÎÒÑËÅÆÈÂÀÒÜ ÂÍÓÒÐÈ ÒÅÌÛ Ëó÷øå íå òðîãàòü */ .subscribelink { clear:both; padding-top: 0.3em; padding-bottom: 0.5em; } /************************************************************* C - ÍÀÑÒÐÎÉÊÀ ÃËÀÂÍÛÕ ÝËÅÌÅÍÒΠ**************************************************************/ /* C1 ÐÀÑÏÎËÎÆÅÍÈÅ ÔÎÐÌ -------------------------------------------------------------*/ /* C1.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .formal .container { padding: 1.7em 2.3em 1.1em 2.3em; } /* C1.2 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .formsubmit { padding: 0 0 0 1.7em; margin: 1em 0 0 0; } /* C1.3 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .formsubmit input, .punbb .formsubmit a, .punbb .formsubmit span { margin: 0 0.6em 0 0 } /* C1.4 ÍÅ ÒÐÎÃÀÅÌ */ .punbb fieldset { border-style: solid; border-width: 1px; padding: 0 18px 0 18px; margin: 0 0 1em 0 } /* C1.5 ÍÅ ÒÐÎÃÀÅÌ */ .punbb fieldset legend { padding: 0; margin: 0 0 0 11px; font-size: 1.1em } /* C1.6 ÍÅ ÒÐÎÃÀÅÌ */ .punbb fieldset legend span { padding: 0 5px; margin: 0 0 0 10px; } /* C1.7 ÍÅ ÒÐÎÃÀÅÌ */ .punbb fieldset fieldset { border-style: none; margin: 0; padding: 0 0 8px 0 } /* C1.8 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .fs-box { padding: 1em 0 0.8em 0; } /* C1.9 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .fs-box p, .punbb .fs-box fieldset { padding: 0 0 0.8em 0 } /* C1.10 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .inline .inputfield, .punbb .inline .selectfield, .punbb .inline .passfield { float: left; margin-right: 1em; } /* C1.11 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .inline .infofield { clear:both } /* C1.12 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .datafield br { display: none } /* C1.13 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .required label, .punbb .datafield span.input { font-weight: bold } /* C1.14 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .datafield span.input a { font-weight: normal; } /* C1.15 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .areafield span.input, .punbb p.longinput span.input { display: block; padding: 0 12em 0 0; height: 100%; /* For IE */ } /* C1.16 ÍÅ ÒÐÎÃÀÅÌ */ .punbb textarea, .punbb .longinput input { width: 64%; margin: 0; } /* C1.17 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .hashelp { position: relative; } /* C1.18 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .helplinks { display: block; position: absolute; top: 1em; right: 0; font-weight: normal; width: 36%; } /* c1.19 ÍÅ ÒÐÎÃÀÅÌ */ .punbb #profile .helplinks { top: 1.5em; } /* C1.20 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .helplinks span { display: block; padding-bottom: 0.2em; } /* C1.21 ÍÅ ÒÐÎÃÀÅÌ */ #pun-post .formal .info-box li { padding-left: 4px; list-style-type: square; list-style-position: inside; line-height: 1.5; margin: 0; } /* C1.21.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .helplinks span INPUT { margin-right: 2px; margin-bottom: 2px; } /* C2 ÐÀÑÏÎËÎÆÅÍÈÅ ÒÀÁËÈÖ -------------------------------------------------------------*/ /* C2.1 ÏÎÄÔÎÐÓÌ - ÑÊÎËÜÊÎ % ÇÀÍÈÌÀÅÒ ØÈÐÈÍÀ ÏÎÄÔÎÐÓÌÀ Î÷åíü ðåäêî òðåáóåò êîððåêòèðîâêè */ .punbb .main .tcl { text-align: left; width: 60%; } /* C2.2 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .main .tc2, .punbb .main .tc3, .punbb .main .tcmod { text-align: center; width: 10%; } /* C2.3 ÏÎÑËÅÄÍßß ÀÊÒÈÂÍÀß ÒÅÌÀ È ÏÎÑËÅÄÍÅÅ ÑÎÎÁÙÅÍÈÅ ÑÊÎËÜÊÎ % ÇÀÍÈÌÀÅÒ ØÈÐÈÍÀ ÏÎÄÔÎÐÓÌÀ Î÷åíü ðåäêî òðåáóåò êîððåêòèðîâêè */ .punbb .main .tcr { overflow: hidden; text-align: left; width: 30%; } /* C2.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-userlist .main .tcl, #pun-searchtopics .main .tcl, #pun-modviewforum .main .tcl { width: 40% } /* C2.5 ÍÅ ÒÐÎÃÀÅÌ */ #pun-userlist .main .tc2, #pun-searchtopics .main .tc2 { text-align: left; width: 20%; } /* C2.6 ÍÅ ÒÐÎÃÀÅÌ */ #pun-debug table .tcl { width: 15%; white-space:normal; } /* C2.7 ÍÅ ÒÐÎÃÀÅÌ */ #pun-debug .tcr { width: 90%; white-space: normal; } /* C2.8 ÍÅ ÒÐÎÃÀÅÌ */ #pun-index .tcl h3 { font-size: 1.2em; font-weight: bold; margin-top: -28px!important; margin-left: 35px!important; font-family: finches!important; color: #73737e; } /* C2.9 ÍÅ ÒÐÎÃÀÅÌ */ .punbb td span.youposted { font-weight: bold; margin-left: -1em; position: absolute; } /* C2.10 ÍÅ ÒÐÎÃÀÅÌ */ .punbb td .modlist { display: block; padding-top: 0.3em } /* C2.11 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .main td { border-style: solid none none solid; border-width: 1px 0 0 1px; padding: 0.8em 1em; } /* C2.12 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .main th { border-style: none none none solid; border-width: 0 0 0 1px; padding: 0.4em 1em 0.4em 1em; } /* C2.13 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .main .tcl { border-left-style: none; border-left-width: 0 } /* C2.14 ÍÅ ÒÐÎÃÀÅÌ */ .punbb tbody.hasicon td.tcl { } /* C2.15 ÍÅ ÒÐÎÃÀÅÌ */ .punbb div.icon { } /* C3 ÒÎÏÈÊÈ -------------------------------------------------------------*/ /* C3.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post .container { border-style: none solid solid solid; border-width: 1px; margin-top: -1px; padding-bottom: 1px; } /* C3.2 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post h3 { border-style: solid solid none solid; border-width: 1px; } /* C3.3 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post h3 span { padding: 3px; display: block; margin: 23px -49px; font-family: montserrat; text-transform: lowercase; background: linear-gradient(0.75turn, #36688c8c, #4a4f6582, #5240538c); margin-left: 27px; border-radius: 0px 10px; } .punbb .post h3 span a { color: #dfe3e1; margin: 0px 9px; font-size: 11px; } /* C3.4 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post h3 strong { float: right; width: 5em; text-align: right; font-weight: normal; } /* C3.5 ÏÐÎÔÈËÜ */ .punbb .post .post-author { float: left; width: 200px; height: auto; margin-top: 8px; margin-left: -33px; overflow: hidden; text-align: center; color: #e7ebe9e3; font-family: montserrat; text-transform: lowercase; font-size: 11px; letter-spacing: 0px; border-radius: 0px 20px 0px 20px; border: 1px solid #98959ead; background-image: linear-gradient(0.75turn, #7792a5, #5a4d5ad1); -moz-background-image: -moz-linear-gradient(0.75turn, #7792a5, #5a4d5ad1); -webkit-background-image: -webkit-linear-gradient(0.75turn, #7792a5, #5a4d5ad1); } /* C3.6 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post .post-author ul, .punbb .post .post-author p { line-height: 140%; } /* C3.7 ÍÅ ÒÐÎÃÀÅÌ */ .pa-author { } /* C3.8 ÍÅ ÒÐÎÃÀÅÌ */ .pa-author a { } .pa-author a:hover { } /* C3.9 ÑÒÀÒÓÑ-ËÈ×ÍÎÅ ÇÂÀÍÈÅ ÀÂÒÎÐÀ  ÏÐÎÔÈËÅ Â ÒÎÏÈÊÅ */ li.pa-title { } /* C3.10 ÏÐß×ÅÌ, ÊÎÃÄÀ ÇÀÐÅÃÈÑÒÐÈÐÎÂÀÍ*/ .pa-reg {display: none;} .pa-posts, li.pa-fld4 { display: inline-block; width: 93px; margin: 1px 0px 2px 0px!important; padding: 2px 0px!important; color: #e7ebe9c7; background: #ffffff1a; font-size: 9px; font-weight: normal; font-family: catallina !important; text-transform: uppercase; } .pa-respect, li.pa-fld5 { display: inline-block; width: 98px; margin: 1px 0px 2px 0px!important; padding: 2px 0px!important; color: #e7ebe9c7; background: #ffffff1a; font-size: 9px; font-weight: normal; font-family: catallina !important; text-transform: uppercase; } .pa-respect a:link { color: #e7ebe9c7; text-decoration: none; font-weight: normal; transition: color 0.3s ease-in-out 0s;} .pa-respect a:hover { color: #3a3545; text-decoration: none; font-weight: normal; } li.pa-ip { font-size: 7px; text-align: center; margin-bottom: 4px; } /* íå òðîãàåì */ li.pa-online { font-size: 10px; margin-top: 1px; width: 228px; font-family: cuprum !important; text-transform: lowercase; color: #767a9b; margin-left: 2px; text-align: center; display: none;} /* C3.11 ÂÀÆÍÎ!!! ÑÎÎÒÍÎØÅÍÈÅ ÌÅÆÄÓ ØÈÐÈÍÎÉ ÏÐÎÔÈËß È ØÈÐÈÍÎÉ ÏÎÑÒÀ */ .punbb .post-body { margin-left: 19em; margin-right: 6px; border-left-style: solid; border-left-width: 1px; padding: 0px 0 1px 0; } /* C3.12 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-box { padding: 1em 0em; padding-right: 1px; } /*C3.13 ÍÅ ÒÐÎÃÀÅÌ */ .punbb fieldset .post-box { margin-bottom: 0.8em } /* C3.14 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-links { margin-left: 19em; border-left-style: solid; border-left-width: 1px; } /* C3.15 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-links ul { height: 0em; line-height: 1em; margin-left: -226px; font-family: arial; font-size: 10px; text-transform: lowercase; border-top-style: dashed; border-top-width: 1px; background: transparent; text-align: right; margin-right: -61px; } /* C3.16 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .post-links li { display: inline; padding-right: 1em; } /* C3.17 ÍÅ ÒÐÎÃÀÅÌ */ .pl-email, .pl-website { float: left; } /* C3.18 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .clearer { clear: both; height: 0; font-size: 0; } /* C4 ÌÅÍÞ ÌÎÄÅÐÀÒÎÐÀ -------------------------------------------------------------*/ /* C4.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .modmenu .container { padding: 1.5em 1em; text-align: right; } /* C4.2 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .modmenu strong, .punbb .modmenu a { height: 1.8em; line-height: 1.8em; } /* C4.3 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .modmenu .container strong { float: left; } /* C4.4 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .modmenu input { margin-left: 1em; } /* C5 ÍÅ ÒÐÎÃÀÅÌ -------------------------------------------------------------*/ /* C5.1 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .info .container { padding: 0.8em 1em } /* C5.2 ÍÅ ÒÐÎÃÀÅÌ */ .punbb .info .container .backlink { padding-top: 0.8em; } /* C6 ÏÐÎÔÈËÜ -------------------------------------------------------------*/ /* C6.1 ÍÅ ÒÐÎÃÀÅÌ */ #profile .container { padding-left: 18.6em; } /* C6.2 ÍÅ ÒÐÎÃÀÅÌ */ #profilenav { float: left; width: 14em; margin-left: -16.3em; display: inline; } /* C6.3 ÍÅ ÒÐÎÃÀÅÌ */ #profilenav li { padding-bottom: 0.8em; font-weight: normal; } /* C6.4 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile ul, #profilenav ul { border-style: solid; border-width: 1px; padding: 1.5em 18px 0.8em 18px; margin: 0 0 1em 0; } /* C6.5 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile h2, #profilenav h2 { background: transparent; border: none; padding: 0 0 0 0; margin: 0 14px -0.6em 14px; } /* C6.6 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile h2 span, #profilenav h2 span { padding: 0 5px; position: relative; } /* C6.7 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile li, #setmods dl { padding: 0 0 0 16em; margin-bottom: 0.2em; } /* C6.8 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile li span { float: left; width: 150px; font-size: 10px; text-transform: uppercase; margin-left: -17em; padding: 0.5em 1em; font-weight: bold; } /*C6.9 ÍÅ ÒÐÎÃÀÅÌ */ #setmods dt { float: left; width: 14em; margin-left: -16em; padding: 0.8em 1em; font-weight: bold; display: inline; } /* C6.10 ÍÅ ÒÐÎÃÀÅÌ */ #viewprofile li strong, #viewprofile li div, #setmods dd { display: block; padding: 0.5em 1em; font-weight: normal; font-family: 'Montserrat'; font-size: 12px; } /* C6.11 ÍÅ ÒÐÎÃÀÅÌ */ .punbb img.avatardemo { float: right; margin: 0 0 0.8em 1.8em } /* C7 ÑÏÈÑÎÊ ÏÎËÜÇÎÂÀÒÅËÅÉ -------------------------------------------------------------*/ /* C7.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-userlist .formal, #pun-userlist .formal .container { border-bottom: none; margin-bottom: 0; } /* C7.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-userlist .usertable .container { padding: 0 2.3em 2.3em 2.3em; border-top: none; } /* C7.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-userlist .usertable table { border-style: solid; border-width: 1px; } /************************************************************* D - PUNBB ÐÀÇÄÅËÛ, ÎÑÍÎÂÍÎÅ ÑÎÄÅÐÆÈÌÎÅ **************************************************************/ * html .tclcon {height: 1px} /* D1 ËÎÃÎÒÈÏ È ÎÏÈÑÀÍÈÅ -------------------------------------------------------------*/ /* D1.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-title { margin: 0; border-style: none none none none; border-width: 1px 1px 0 1px; } /* D1.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-title h1 { display : block; height : 40px; padding: 2em 1em 0 1em; } /* D1.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-title .container { border-style: none solid none solid; } /* D1.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-title h1 span { font-size: 0em; } #pun-title TD.title-logo-tdl { border: none; width: 100%; } #pun-title TD.title-logo-tdr { border: none; width: 420px; } /* D2 ÍÀÂÈÃÀÖÈß ÏÎ ÑÒÐÀÍÈÖÀÌ -------------------------------------------------------------*/ /* D2.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks { position: absolute; top: -15px; left: 0; margin: 0; border: none; padding: 0; width: 100%; } /* D2.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks .container { background: transparent; border: none; padding: 0} /* D2.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks .container li { display: inline } /* D2.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks li a, #pun-pagelinks a:link, #pun-pagelinks a:hover { height: 2em; line-height: 2em; padding: 0; font-size: 1.2em; margin-left: -9999px; display: block; float:left; width: 100%; } /* D2.5 ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks a:active, #pun-pagelinks a:focus { position:relative; margin: 0; } /* ÍÅ ÒÐÎÃÀÅÌ */ #pun-pagelinks li a span { display:block; margin: 0 1em } /* D3 ÍÀÂÈÃÀÖÈß ÏÎ ÔÎÐÓÌÓ ÑÂÅÐÕÓ Òà ñàìàÿ ñòðîêà, êîòîðàÿ ïîêàçûâàåò âàøå íûíåøíåå ïîëîæåíèå â âèäå ÍÀÇÂÀÍÈÅ ÔÎÐÓÌÀ - ÏÎÄÔÎÐÓÌ - ÒÅÌÀ -------------------------------------------------------------*/ /* D3.1 */ #pun-navlinks { border: none; margin: 0; } /* D.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-navlinks li { display: inline; padding-right: 0em; } /* D3.4 ÂÀÆÍÎ!!! ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ Ôîðóì, ó÷àñòíèêè, ïîèñê è òä - íàñòðàèâàåì âèä ññûëîê */ #pun-navlinks li a { margin-right: 7px!important; font-size: 13px!important; letter-spacing: 1px; word-spacing: 29px !important; color: #ebeae7; text-transform: uppercase; font-family: catallina !important; font-weight: 300; } /* D3.4 ÂÀÆÍÎ!!! ÑÑÛËÊÈ ÍÀÂÈÃÀÖÈÈ íàñòðàèâàåì âèä ññûëîê ïðè íàâåäåíèè */ #pun-navlinks li a:hover { color: #fff; background: linear-gradient(to right, #c3d8c399, #d6ba9c96); transition: all .5s linear 0s !important; padding-right: 5px!important; padding-left: 5px!important; border-radius: 10px 0px!important; } /* ÊÀÆÄÛÉ ÝËÅÌÅÍÒ ÍÀÂÈÃÀÖÈÈ ÏÎ ÔÎÐÓÌÓ Â ÎÒÄÅËÜÍÎÑÒÈ Â òîì ñëó÷àå, åñëè íóæíî áóäåò ïðèäàòü êàæäîé èç ññûëîê ñâîå ñîáñòâåííîå ðàñïîëîæåíèå -------------------------------------------------------------*/ /* MAIN */ #navindex { display: inline; padding-right: 1em; } /* USERS */ #navuserlist { display: inline; padding-right: 1em; } /* SEARCH */ #navsearch { display: inline; padding-right: 1em; } /* PROF */ #navprofile { display: inline; padding-right: 1em; } /* SMS */ #navpm { display: inline; padding-right: 1em; } /* EXIT */ #navlogout { display: inline; padding-right: 1em; } /* REG */ #navregister { display: inline; padding-right: 1em; } /* ENTER */ #navlogin { display: inline; padding-right: 1em; } /* PR */ #navpr_1 { display: inline; padding-right: 1em; } /* AMS */ #navadmin { display: inline; padding-right: 1em; } /* AWARDS HIDDEN */ #navawards a span { display:none; } /* D4 ÑÑÛËÊÈ ÏÎËÜÇÎÂÀÒÅËÜÑÊÎÉ ÍÀÂÈÃÀÖÈÈ Íîâûå ñîîáùåíèÿ, àêòèâíûå òåìû, Òåìû áåç îòâåòîâ è ò.ä. -------------------------------------------------------------*/ /* D4.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-ulinks { border: 2px solid transparent; margin-bottom: 15px; } /* D4.2 ÐÀÑÏÎËÎÆÅÍÈÅ ÊÎÍÒÅÉÍÅÐÀ Ñ ÏÎËÜÇÎÂÀÒÅËÜÑÊÈÌÈ ÑÑÛËÊÀÌÈ íå òðîãàåì */ #pun-ulinks .container { position: absolute; display: inline; padding: 0!important; } /* ÍÅ ÒÐÎÃÀÅÌ */ #pun-ulinks li, #pun-ulinks li a { display: inline; white-space: nowrap; } /* ÍÅ ÒÐÎÃÀÅÌ */ #pun-ulinks li a { padding: 0 0 0 5px; } /* D5 ÑÒÐÎÊÀ ÏÐÈÂÅÒÑÒÂÈß -------------------------------------------------------------*/ /* D5.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-status, #pun-status .container { border-bottom: none; margin-bottom: 0; } /* D5.2 ÂÀÆÍÎ!!! ÍÀÑÒÐÎÉÊÈ ÑÒÐÎÊÈ ÏÐÈÂÅÒÑÒÂÈß */ #pun-status .container { position: absolute; width: 150px; text-align: left; font-family: 'Montserrat'; font-size: 10px; color: #e4e9eb; text-transform: lowercase; top: 103px; margin-left: 13px; } #pun-status .container .item1 { position: absolute; top: 15px; left: 2px; width: 205px; color: #ededef; font-size: 13px; font-family: montserrat; } #pun-status .container .item2 { position: absolute; left: 2px; top: 30px; width: 188px; text-transform: lowercase; font: 11px montserrat; color: #dad0df; line-height: 9px; text-shadow: none; } #pun-status .container .item4 { display: none; } #pun-status .container .status_userava>img { position: absolute; width: 48px; height: 48px; top: -3px; border-radius: 0px 10px; left: -53px; object-fit: cover; filter: grayscale(1); mix-blend-mode: soft-light; transition: all 0.6s ease 2s; } #pun-status .container .status_userava>img:hover { mix-blend-mode: normal!important; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; -ms-transition: all 0.5s; -o-transition: all 0.5s; -webkit-filter: grayscale(0%); } /* D5.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-status span { white-space: nowrap; margin-right: 0.5em; } /* D5.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-crumbs1 { overflow: hidden; margin-top: 0; } /* D5.5 ÍÅ ÒÐÎÃÀÅÌ */ #pun-crumbs1 p.container { border-top: none; padding: 0em 3em 0.8em 1em; font-size: 10px; text-transform: uppercase; letter-spacing: 1px; } /* D5.6 ÍÅ ÒÐÎÃÀÅÌ */ #pun-break1 { margin: 0 1em; border-style: solid none; border-width: 1px 0; height: 0; margin: -2px 1em; position: relative; z-index: 1; } /* D6 ÎÁÚßÂËÅÍÈÅ -------------------------------------------------------------*/ /* D6.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-announcement h2 { padding: 0; margin: 0 15px -3.5em 1em; border-style: none none solid none; border-width: 0 0 1px 0; position: relative; display:none; } /* D6.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-announcement h2 span { display: block; padding: 1em 0 0.8em 0; border-bottom-style: solid; border-bottom-width: 1px; } /* D6.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-announcement .container { padding: 0.6em 0.5em 1em 1em; margin-bottom: -54px; margin-top: 45px; text-align: center; } /* D7 ÑÒÀÒÈÑÒÈÊÀ -------------------------------------------------------------*/ * D7.1 ÑÒÀÒÈÑÒÈÊÀ Ìîæíî äîáàâèòü îñîáåííûé øðèôò è öâåò, íî ìîæíî è íå òðîãàòü*/ #pun-stats .container { padding: 0.8em 1em } #pun-stats .container strong { color: #504753; } #pun-stats .container a { color: #413746; } #pun-stats .container a:hover { color: #413746b5; } /* D7.2 ÍÅ ÒÐÎÃÀÅÌ*/ #pun-stats li.item1, #pun-stats li.item2 { clear: both; font-family: catallina; font-size: 10px; text-transform: uppercase; padding: 2px; letter-spacing: 0px; color: #372c3c; } /* D7.3 ÍÅ ÒÐÎÃÀÅÌ*/ #pun-stats li.item3, #pun-stats li.item4 { clear: both; font-family: catallina; font-size: 10px; padding: 2px; text-transform: uppercase; letter-spacing: 0px; color: #372c3c; } /* D7.4 ÍÅ ÒÐÎÃÀÅÌ*/ li#onlinelist { margin-top: 1em; border-top-style: solid; border-top-width: 1px; float: left; width: 100%; line-height: 130%; } /* D7.5 ÍÅ ÒÐÎÃÀÅÌ*/ li#onlinelist div { border-top-style: solid; border-top-width: 1px; padding: 0px 0px 0px 0px; font-family: 'Montserrat'; margin-left: -3px; font-size: 11px; letter-spacing: 0px; color: #372c3c; text-align: justify; } #pun-stats .item1 { display: inline-block; text-align: center; width: 150px; margin-left: 6px; background: linear-gradient(45deg, #98a2964a, #b09e944a); border-radius: 5px 0px; } #pun-stats .item2 { display: inline-block; text-align: center; width: 150px; margin-left: 25px; background: linear-gradient(45deg, #98a2964a, #b09e944a); border-radius: 5px 0px; } #pun-stats .item3 { display: inline-block; text-align: center; margin-left: 25px; width: 260px; background-color: #40334538; background: linear-gradient(45deg, #98a2964a, #b09e944a); border-radius: 5px 0px; } #pun-stats .item4 { display: inline-block; text-align: center; width: 320px; position: absolute; background-color: #40334538; background: linear-gradient(45deg, #98a2964a, #b09e944a); border-radius: 5px 0px; border: none; margin-left: 25px; margin-top: 0px; } /* D8 ÍÅ ÒÐÎÃÀÅÌ -------------------------------------------------------------*/ /* D8.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-qjump { margin: 0; border: none; width: 50%; position: relative; float: left; } /* D8.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-qjump .container { border: none; background: transparent; padding: 0.8em 1em; } /* D8.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-about { margin-top: 0; } /* D8.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-about .container { border-top-style: none; text-align: right; line-height: 150%; padding: 1px 1em; } /* D8.5 ÍÅ ÒÐÎÃÀÅÌ */ #pun-about p span { display:block; padding-left: 50%; } /* D8.6 ÍÅ ÒÐÎÃÀÅÌ */ #pun-crumbs2 { overflow: hidden; margin-bottom: 0; border-bottom: none; } /* D8.7 ÍÅ ÒÐÎÃÀÅÌ */ #pun-crumbs2 .container { border-bottom: none; padding: 20px 1em; font-size: 10px; } /* D8.8 ÍÅ ÒÐÎÃÀÅÌ */ #pun-break4 { margin: -2px 1em; border-style: solid none; border-width: 1px 0; position: relative; height: 0; z-index: 1; } /* D8.9 ÍÅ ÒÐÎÃÀÅÌ */ div.punbb-admin #pun-about .container { border-top-style: solid; border-top-width: 1px; } /* D9 ÍÅ ÒÐÎÃÀÅÌ -------------------------------------------------------------*/ /* D9.1 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal .info-box h3.legend { border-bottom-style: solid; border-bottom-width: 1px; padding-bottom: 0; margin-bottom: 0.8em; } /* D9.2 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal .info-box h3.legend span { padding-bottom: 0.6em; display: block; border-bottom-style: solid; border-bottom-width: 1px; font-size: 1.1em; } /* D9.3 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal p, #pun-help .formal dd { margin-bottom: 1em } /* D9.4 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal ul, #pun-help .formal dl { padding: 0 0 0 1em } /* D9.5 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal li { padding: 0; line-height: 130% } /* D9.6 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal li * { vertical-align: text-top } /* D9.7 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal dt span { font: 1.4em/120% monaco, "bitstream vera sans mono", "courier new", courier, monospace } /* D9.8 ÍÅ ÒÐÎÃÀÅÌ */ #pun-help .formal .parsedmsg, #pun-help .formal .parsedmsg .incode { padding-bottom: 0; } /* ÔÎÐÌÀ ÎÒÂÅÒÀ */ #main-reply {height: 220px} /* ÔÎÐÌÀ ÎÒÂÅÒÀ  ÀÄÌÈÍÅ */ #pun-admain textarea { width: 94%!important;} /************************************************************* ÍÅ ÒÐÎÃÀÒÜ **************************************************************/ /* ÐÀÑÏÎËÎÆÅÍÈÅ ÔÎÐÓÌÀ ÏÎ ÖÅÍÒÐÓ -------------------------------------------------------------*/ #pun { background-position: center top; background-repeat: repeat-y; } #pun-title {border: none} .punbb .section h2, #pun-main h1, #pun-stats h2, #pun-main h2, #pun-debug h2 { font-size: 23px!important } #pun-index h2 {box-shadow: none} #pun-main div.catleft, #pun-main div.catright { display: none; } .punbb th {font-size: 0!important;} /* ÏÐß×ÅÌ ÊÍÎÏÊÓ ÏÎÄÅËÈÒÜÑß -------------------------------------------------------------*/ .topic a.sharelink { display: none; } /* ÍÅ ÒÐÎÃÀÅÌ - ÍÅ ÒÐÅÁÓÅÒ ÈÇÌÅÍÅÍÈÉ -------------------------------------------------------------*/ .punbb .container, .punbb .post-body, .post h3, #pun-title, .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post, #pun-stats h2, .punbb .main h1, .punbb .main h2, #pun-debug h2, .punbb-admin #pun-admain h2, .punbb td, .punbb fieldset, #viewprofile ul, #profilenav ul, .punbb .post .post-body, .punbb .post h3 span, .post-links ul, .post-links, .usertable table, #pun-ulinks li, #pun-announcement h2 span, li#onlinelist, #pun-help .formal .info-box h3.legend span, #pun-ulinks li a, #pun-announcement h2, li#onlinelist div, #pun-help .formal .info-box h3.legend, .punbb .divider, .punbb .quote-box, .punbb .code-box, .punbb th, .punbb .formal fieldset .post-box, .punbb .info-box, li.pa-online, .punbb .post-sig dt {border-color: transparent;} .punbb input { border: -1px #9094aa; } /* ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ #pun-main .post-author ul { text-align: center; } /* ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ .punbb .section, .punbb .forum, .punbb .formal, .punbb .modmenu, .punbb .info, .punbb .category, .punbb .post { border-color: transparent; text-align: justify; } /* ÍÅ ÒÐÎÃÀÒÜ -------------------------------------------------------------*/ .punbb .user-avatar { margin: -2px 7px 0px 33px!important } .punbb .user-avatar .avatar-image { border-radius: 10px 0px!important; height: 32px!important; width: 32px!important; opacity: 0.55!important; background-position: center center; background-size: cover; background-repeat: no-repeat; filter: grayscale(1); float: left; } .punbb .user-avatar .avatar-image:hover { filter: grayscale(0); opacity: 0.85!important;} /* óëó÷øèòü ïðîôèëü -------------------------------------------------------------*/ #pun-status .status-right { float: none !important; } /* ýòî èíòåðåñíî -------------------------------------------------------------*/ div#pun-live-rusff {display: none !important;} /* äëÿ ëè÷íûõ ñîîáùåíèé -------------------------------------------------------------*/ span.num_msg { margin-top: -11px !important; margin-left: -10px !important; font-size: 9px !important; font: bolder 10px/1.6 Tahoma; text-align: center!important; background: #9eb5a6 !important; padding: 1px 3px !important; height: 12px !important; width: auto!important; } span.num_msg:before { top: 12px !important; background: #9eb5a6 !important; margin-left: 6px !important; } div#pun-ulinks .item9 { display: none; } /* äâèãàåì ðåéòèíã ïîñòà -------------------------------------------------------------*/ div.post-rating a, div.post-vote a { font-size: 130% !important; text-decoration: none !important; margin-right: -10px !important; } /* ìåíÿåì öâåò êðóæêà îíëàéí -------------------------------------------------------------*/ .punbb .user-avatar .isonline { display: block; position: absolute; top: -3px!important; background: #96a895 !important; z-index: 100; } .bubble { background: #534052 !important; } .bubble:after { border-color: #534052 transparent!important; } /* àíêåòà îò âåùåãî äóõà */ .cheese_head_wrap { background: #eae9e2; /* îáùèé ôîí */ width: 100%; height: auto; margin: auto } .cheese_head_first { background: url(https://i.ibb.co/x6d7nTG/2.png) no-repeat top right, url(https://i.ibb.co/WGCHxnb/image.jpg); /* âåðõíèé òåìíûé ôîí â äâà èçîáðàæåíèÿ */ padding: 23px; display: flex; color: #eae9e2; /* öâåò øðèôòà */ font-family: Merriweather; /* íàçâàíèå øðèôòà â âåðõíåì áëîêå */ } .cheese_head_img { filter: grayscale(100%); /* äåëàåò âñå êàðòèíêè ÷/á*/ border: 2px solid #eae9e2; /* öâåò îáâîäêè êàðòèíêè */ padding: 4px; /* îòñòóï îáâîäêè */ line-height: 0; margin-right: 23px; overflow: hidden } .cheese_head_img img { width: 180px; /* øèðèíà èçîáðàæåíèÿ */ } .cheese_head_info { display: flex; flex-direction: column; justify-content: space-between; } .cheese_head_info span { font-size: 20px; /* ðàçìåð øðèôòà èìåíè ïåðñîíàæà */ text-transform: uppercase; letter-spacing: 1px } .cheese_head_info em { font-size: 10px; /* ðàçìåð øðèôòà â ñòðîêàõ ïîä èìåíåì */ font-weight: 200; } .cheese_head_quenta { padding: 18px 23px; line-height: 150%; text-align: justify; } .cheese_head_last { padding: 23px; background: #1c1c1c url(https://i.ibb.co/Lhhh9BN/3.jpg) repeat top; /* íèæíèé òåìíûé ôîí îäíî èçîáðàæåíèå è öâåò */ } #post_button { background: #212121; /* ôîí êíîïêè ïîñòà */ border: 1px solid #303030; /* îáâîäêà êíîïêè ïîñòà */ text-align: center; font: 500 11px merriweather; /* øðèôò êíîïêè */ text-transform: uppercase; letter-spacing: 2px; color: #eae9e2; /* öâåò øðèôòà */ padding: 7px; transition: all .6s ease-in-out 0s } #post_button.openpost { background: #373535; /* öâåò êíîïêè ïî íàæàòèþ */ color: #939393; /* öâåò øðèôòà */ border-color: #303030 /* öâåò îáâîäêè */ } #postblock { background: #efeff1; /* öâåò âûïàäàþùåãî áëîêà*/ padding: 18px 23px; margin-top: 23px; } img[alt~="hide-autor2"], img[alt~="hide-autor"] { opacity: 0 } /* êíîïêè ñ ýôôåêòîì ðàñòÿæåíèÿ -------------------------------------------------------------*/ button1 { font-family: 'Play', sans-serif; font-size: 16px; background: transparent; border: 2px solid #eee; width: 150px; height: 50px; border-radius: 5px; color: #eee; -webkit-tap-highlight-color: transparent; cursor: pointer; transition: 400ms ease-in-out; margin: 0 10px 0 10px; } .vedmolas-kugsan { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } button1:hover { width: 170px; background: #777; border: 2px solid #777; margin: 0; } button1:focus { border: none; } button1 span { color: transparent; transition: 500ms; margin-left: -20px; } button1:hover span{ color: #eee; margin-left: 0; } /* çíà÷îê ñ âðàùåíååèì -------------------------------------------------------------*/ @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); .dotakun_samolas { position: relative; font-size: 40px; border: 2px solid #000000; color: #ffffff; width: 75px; margin: 40px; height: 75px; line-height: 75px; display: inline-block; text-align: center; border-radius: 50%; } .dotakun_samolas * { -webkit-box-sizing: content-box; box-sizing: content-box; } .dotakun_samolas:before, .dotakun_samolas:after { -webkit-transition: all 0.5s; transition: all 0.5s; } .dotakun_samolas:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #36d278; content: ''; z-index: -1; border-radius: 50%; -webkit-transform: scale(0.9); transform: scale(0.9); } .dotakun_samolas:hover, .dotakun_samolas .hover { color: #000000; } .dotakun_samolas:hover:after, .dotakun_samolas .hover:after { opacity: 0; } .dotakun_samolas:hover:before, .dotakun_samolas .hover:before, .dotakun_samolas:hover:after, .dotakun_samolas .hover:after { -webkit-transform: rotateY(180deg); transform: rotateY(180deg); } .dotakun_samolas:hover.sanlosa, .dotakun_samolas .hover.sanlosa { color: #2980b9; } .dotakun_samolas:hover.demisa, .dotakun_samolas .hover.demisa { color: #f39c12; } .dotakun_samolas:hover.pedsan, .dotakun_samolas .hover.pedsan { color: #27ae60; } .dotakun_samolas:hover.gasum, .dotakun_samolas .hover.gasum { color: #34495e; } .dotakun_samolas:hover.kidsab, .dotakun_samolas .hover.kidsab { color: #c0392b; } .dotakun_samolas:hover.silver, .dotakun_samolas .hover.silver { color: #bdc3c7; } .dotakun_samolas.sanlosa { border: 2px solid #2980b9; } .dotakun_samolas.sanlosa:after { background: #409ad5; } .dotakun_samolas.demisa { border: 2px solid #f39c12; } .dotakun_samolas.demisa:after { background: #f5b043; } .dotakun_samolas.pedsan { border: 2px solid #27ae60; } .dotakun_samolas.pedsan:after { background: #36d278; } .dotakun_samolas.gasum { border: 2px solid #34495e; } .dotakun_samolas.gasum:after { background: #46627f; } .dotakun_samolas.kidsab { border: 2px solid #c0392b; } .dotakun_samolas.kidsab:after { background: #d65548; } .dotakun_samolas.silver { border: 2px solid #bdc3c7; } .dotakun_samolas.silver:after { background: #d9dcde; } /* Èêîíêè ñ ýôôåêòîì íàâåäåíèÿ ôîíà -------------------------------------------------------------*/ @import url(https://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css); .navedeniya-semevona { position: relative; font-size: 40px; border: 1px solid #000000; color: #ffffff; width: 75px; margin: 40px; height: 75px; line-height: 75px; display: inline-block; text-align: center; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s; } .navedeniya-semevona * { -webkit-box-sizing: content-box; box-sizing: content-box; } .navedeniya-semevona:before { -webkit-box-sizing: border-box; box-sizing: border-box; } .navedeniya-semevona:after { position: absolute; top: 0; left: 0; height: 100%; width: 100%; background: #1a1a1a; content: ''; z-index: -1; border-radius: 50%; -webkit-transition: all 0.5s; transition: all 0.5s; -webkit-transform: scale(0.98); transform: scale(0.98); } .navedeniya-semevona:hover, .navedeniya-semevona .hover { color: #000000; } .navedeniya-semevona:hover:after, .navedeniya-semevona .hover:after { -webkit-transform: scale(0); transform: scale(0); opacity: 0; } .navedeniya-semevona:hover.siniya, .navedeniya-semevona .hover.siniya { color: #2980b9; } .navedeniya-semevona:hover.xanous, .navedeniya-semevona .hover.xanous { color: #e67e22; } .navedeniya-semevona:hover.zelenu, .navedeniya-semevona .hover.zelenu { color: #27ae60; } .navedeniya-semevona:hover.temno, .navedeniya-semevona .hover.temno { color: #34495e; } .navedeniya-semevona:hover.krasnya, .navedeniya-semevona .hover.krasnya { color: #c0392b; } .navedeniya-semevona:hover.silver, .navedeniya-semevona .hover.silver { color: #bdc3c7; } .navedeniya-semevona.siniya { border: 2px solid #2980b9; } .navedeniya-semevona.siniya:after { background: #409ad5; } .navedeniya-semevona.xanous { border: 2px solid #e67e22; } .navedeniya-semevona.xanous:after { background: #eb9950; } .navedeniya-semevona.zelenu { border: 2px solid #27ae60; } .navedeniya-semevona.zelenu:after { background: #36d278; } .navedeniya-semevona.temno { border: 2px solid #34495e; } .navedeniya-semevona.temno:after { background: #46627f; } .navedeniya-semevona.krasnya { border: 2px solid #c0392b; } .navedeniya-semevona.krasnya:after { background: #d65548; } .navedeniya-semevona.silver { border: 2px solid #bdc3c7; } .navedeniya-semevona.silver:after { background: #d9dcde; } /*âèçèòíàÿ êàðòî÷êà ñ íàâèãàöèåé1 -------------------------------------------------------------*/ .wrapper { max-width: 50rem; width: 100%; margin: 5rem auto; text-align: center; } #flip { display: none; } .card { padding: 0; display: block; width: 32rem; height: 20rem; margin: 0 auto; transform-style: preserve-3d; } #flip:not(:checked) + label > .card { transform: rotateY(0deg); transition: transform 1s; } #flip:checked + label > .card { transform: rotateY(180deg); transition: transform 1s; } .front, .back { overflow: hidden; position: absolute; width: 100%; height: 100%; box-shadow: rgba(0,0,0,0.2) 0 0 3rem 0, rgba(0,0,0,0.1) 0 0 1rem 0; } .front { transform: translateZ(2px); background: #2d5077; border-radius: 2rem 0; color: #cddbea; } .front:after { content: 'CLICK TO FLIP'; background: #2d5077; white-space: nowrap; position: absolute; top: 6rem; bottom: 6rem; left: 5.5rem; right: 5.5rem; font-size: 2rem; font-weight: 800; line-height: 128px; cursor: pointer; visibility: hidden; opacity: 0; transition: opacity 0.35s; } .front:hover:after { visibility: visible; opacity: 1; transition: opacity 0.35s; } .front_bg { position: absolute; left: -2.7rem; top: -1rem; font-weight: 800; font-style: italic; font-size: 30rem; line-height: 20rem; letter-spacing: -0.09em; color: rgba(255,255,255,0.04); } .name { position: absolute; top: 8rem; left: 0; right: 0; text-align: center; font-size: 2rem; font-weight: 300; } .name span { font-weight: 800; } .profession { position: absolute; top: 11rem; left: 0; right: 0; text-align: center; font-size: 1.5rem; font-weight: 300; } .strip { position: absolute; top: 6rem; bottom: 6rem; left: 0; right: 0; background: #2d5077; } .left_side, .right_side { position: absolute; top: 7rem; bottom: 7rem; width: 0.25rem; background: #3a5c81; } .left_side { left: 4.5rem; } .right_side { right: 4.5rem; } .back { border-radius: 0 2rem; transform: translateZ(-2px) rotateY(180deg); background: #fff; border: 1px solid #2d5077; padding-top: 1.7rem; } .left_back { background: #2d5077; position: absolute; top: 0; left: -1rem; bottom: 0; width: 9.5rem; } .item { position: relative; margin-left: 3.5rem; text-align: left; font-size: 1.65rem; font-weight: 700; line-height: 2em; z-index: 1; } .item::before { content: ''; position: absolute; top: 0; left: 0; width: 0; bottom: 0; background: #2d5077; z-index: -1; transition: width 0.35s; } .item:hover::before { width: 30rem; transition: width 0.35s; } .item::after { content: ''; position: absolute; top: 0; width: 0; right: 23.35rem; bottom: 0; background: #34587f; z-index: -1; transition: width 0.35s; } .item:hover::after { width: 9rem; transition: width 0.35s; } .item:hover a { color: #cddbea; transition: color 0.35s; } .item a { color: #2d5077; transition: color 0.35s; } .item:hover .fa { color: #fff; transition: color 0.35s; } .fa { width: 2em; text-align: center; margin-right: 2em; color: #cddbea; transition: color 0.35s; } /* ÀÊÒÈÂÅÍ / ÍÅÀÊÒÈÂÅÍ -------------------------------------------------------------*/ .post-author{ position:relative; } .post-author .pa-author { margin-top: 9px; margin-left: 5px; padding-top: 0px; width: 182px; height: 18px; text-decoration: none; text-align: center; font-family: catallina!important; font-size: 15px !important; } .indOnline { display: block !important; width: 15px; height: 15px; background: url(https://i.imgur.com/L5raBpS.png); box-sizing: border-box; margin-top: -22px !important; margin-right: -2px !important; animation: blinkColor .9s linear infinite; -moz-animation: blinkColor .9s linear infinite; -webkit-animation: blinkColor .9s linear infinite; } .indOffline { display: block !important; width: 15px; height: 15px; background: url(https://i.imgur.com/SOnqOGw.png); box-sizing: border-box; margin-top: -22px !important; margin-right: -2px !important; } /************************* Ñòèëü äëÿ Áûñòðîé ñìåíû àêêàóíòîâ Deff *************************/ /*Cêðûòèå ôîðìû âõîäà áåç êëèêà*/ #pun-navlinks a:not(.NextShow)+span.odd{ display:none!important; } #pun-navlinks #New-exit img{ position:absolute; margin: 0; width:20px; height:auto; opacity:.79; } #pun-navlinks #New-exit:hover{ opacity: .4; } /*Ñòèëü äîï-èêîíêè Âûõîä!*/ .punbb #pun-navlinks a#New-exit { position:absolute; z-index:100000!important; margin-top: 3px!important; margin-left: 39px!important; float:none!important; } .punbb #pun-navlinks a#New-exit:before { content:none; } .punbb #pun-navlinks #form-login input{ text-align: center; border: 2px inset rgb(185 209 190); text-rendering: auto; color: #f3f3f6!important; margin-top: 4px!important; border-radius: 5px; 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 12px/normal arial!important; background-color: rgb(227 226 233 / 52%); } .punbb #form-login #fld1,#form-login #fld2{ background-color: rgb(250, 255, 189); } .punbb #pun-navlinks #form-login input[type="submit"]{ border: 2px outset #b9d1be!important; color: #f3f3f6!important; font-family: 'Montserrat'!important; cursor: pointer; font-weight: 400!important; margin-top: 10px!important; } /*Ñòèëü ôîðìû âõîäà*/ .punbb #pun-navlinks #form-login { letter-spacing: normal; word-spacing: normal; text-shadow: 1px 1px 0 rgb(0 0 0 / 24%); display: block; font: normal normal 400 11px/normal montserrat; color: #E7EAF0; text-transform: none; position: absolute!important; left: 0px; top: 12px; z-index: 100000!important; padding: 7px 12px; background: rgb(80 61 81); background-size: 36px auto; border-color: #372c3c; border-style: solid; border-width: 1px 1px 1px 1px; border-radius: 0px 0px 15px 15px; text-align: center; /* box-shadow:inset 0 0 4em rgba(23,23,13,.99); */ } #pun-navlinks #navlogin #form-login { margin-left: -21px;/*Ïîäâèæêè ôîðìû âëåâî îò âõîä*/ } #pun-navlinks #navlogout #form-login { margin-left: -21px;/*Ïîäâèæêè ôîðìû âëåâî îò âûõîä*/ } .ismoderator #pun-navlinks #navlogout #form-login { margin-left: -21px!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; margin-left:11px; text-transform: none!important; z-index:20; /*text-shadow:none;*/ color: #EFF4F2!important; cursor:pointer; font: normal normal 400 9.5px/normal Tahoma!important; word-spacing: normal!important; letter-spacing: .5px!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: rgb(80 61 81); border-color: #372c3c; border-style: solid; border-width: 1px 1px 1px 1px; 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: #9c93a1bd; text-align: left; box-shadow: 2px 2px 1px rgb(185 209 190 / 81%); padding-left: 5px!important; font: normal normal 700 12x/normal montserrat!important; margin: 1px auto!important; padding: 2px 0; transition: .33s; } .punbb #List-UserNames li:hover{ opacity:.84; /*background:#546a6b!important;*/ } /*Ñòèëü Íèêîâ*/ .punbb #List-UserNames li>b{ cursor: pointer; opacity: .9; color: #FFFFFF; text-shadow: 1px 1px 1px rgba(0, 0, 0, 0.31); } .punbb #List-UserNames li>b:hover{ opacity:.93; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Ñêðîëë êîíòåéíåðà ñ íèêàìè*/ #List-UserNames ul::-webkit-scrollbar { width: 7px; height: 5px; } #List-UserNames ul::-webkit-scrollbar-track { background-color: #919190; border: 1px solid #919190; box-shadow: none; } #List-UserNames ul::-webkit-scrollbar-thumb { background-color: #bdbdbc; border: 2px solid #888887; 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; color:#fff; font: normal normal 700 10.56px/normal Verdana; text-shadow:1px 1px 1px rgba(0,0,0,.6); } /*Òåêñò ïðè îòñóòñòâèè çàïîìíåííûõ Íèêîâ!*/ #List-UserNames ul:empty:before{ display:inline-block; content: "Ó Âàñ íåò çàïîìíåííûõ íèêîâ, ââåäåííûõ ÷åðåç ôîðìó ñïðàâî, èëè ÷åðåç ïåðåíîñ íèæå!"; } /*Êíîïêà âûõîä-2*/ #navlogin #exit-2 { display:none; } #navlogin #form-login, #navlogout .Rega, #navlogout .Forgot { background-image:none!important; 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: rgb(156 147 161); border: 2px inset rgb(185 209 190)!important; border-radius: 6px; text-shadow: none!important; color:#282828!important; background-color: #C5C3C3; font: normal normal 400 11px/normal arial!important; /* box-shadow: inset 0px 0px 3px rgba(100,102,80,.97); */ 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: #E7EAF0; } /*Êëèêàëêà ñëåâî, ÷óòü âûøå èíïóòà*/ #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; } /************************* //Êîíåö Ñòèëÿ äëÿ Áûñòðîé ñìåíû àêêàóíòîâ *************************/ .post-content .spoiler-box > div { background: url(https://i.imgur.com/zPcRt7F.png) no-repeat left center!important; cursor: pointer; padding-left: 18px; } .post-content .spoiler-box > div.visible { background-image: url(https://i.imgur.com/59tXsRJ.png)!important; }