Единый форум поддержки

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

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


Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63) #2


Общие вопросы от новичков (63) #2

Сообщений 781 страница 800 из 941

1

Инструменты для поиска и редактирования стиля (скриптов).

Как с помощью браузера можно определить элемент дизайна.

Каталог скриптов/CSS

Полезные скрипты, необходимые темы для новичков, а также ссылки на сайты рассказывающие что такое HTML и CSS.

Типовые Вопросы (ЧаВо)

Ответы на часто задаваемые вопросы.

Как задавать вопросы! Разница между стилем и скриптом. ( Советы)

Плюс к названию темы еще и Памятка.

Любой вопрос по оформлению/неполадкам сопровождайте ссылкой на форум, по которому возникли сложности.

Предыдущая часть темы: Общие вопросы от новичков (63)

+1

781

kernel написал(а):

СветланаАм
Первые 7 дней после регистрации форума рассылки с него не работают.

Спасибо за хорошие вести. Стало быть подождем. Как раз к Новому году - как подарок от Деда Мороза...

0

782

Добрый день!
Помогите, пожалуйста, решить проблему с шапкой форума.
Старая шапка исчезла, поставила новую, но она как-то криво встала.
В левом нижнем углу шапки наложилась другая картинка, кнопки меню заехали на шапку и сама шапка срезана снизу.
Ссылка на форум   https://n-more.ru/
Ссылка на шапку  https://forumstatic.ru/files/0017/d2/91/85968.jpg?v=1

0

783

ЛюбовьZ
пробуйте заменить HTML верх полностью на такое(старый код сохраните):

Код:
<img src="//forumstatic.ru/files/0017/d2/91/85968.jpg" width=100%>
<style>
#pun-title{ display:none;}
</style> 

	<!-- Подфорумы "не скриптом" © Alex_63 / Ч.1 в начало HTML верх -->

<style type="text/css">
.punbb .newtext {
  font-size: 0;
}
https://disk.yandex.ru/i/vcg9Z_rVjyFMbw
.punbb .newtext > a {    
 content: url(http://forumstatic.ru/files/0014/cf/dd/42490.gif);  
  float: left;
  margin-right: 5px;
  margin-left: -3px;
  margin-top: 1px;
}
.punbb .newtext a:hover {
  opacity: 0.7;
}

</style>
<script type="text/javascript">(function() {
  if (window.pluso)if (typeof window.pluso.start == "function") return;
  if (window.ifpluso==undefined) { window.ifpluso = 1;
    var d = document, s = d.createElement('script'), g = 'getElementsByTagName';
    s.type = 'text/javascript'; s.charset='UTF-8'; s.async = true;
    s.src = ('https:' == window.location.protocol ? 'https' : 'http')  + '://share.pluso.ru/pluso-like.js';
    var h=d[g]('body')[0];
    h.appendChild(s);
  }})();</script>
<div class="pluso" data-background="transparent" data-options="medium,round,line,horizontal,counter,theme=01" data-services="vkontakte,odnoklassniki,facebook,twitter,google,moimir,email,print" data-url="http://n-more.ru/" data-title="Добро пожаловать на форум НашеМОРЕ.ру" data-description="Форум об отдыхе на Российских городах курорт. "></div>



<!-- Кликабельность категорий - New Edition © Alex_63 -->
<style id="Hidecategor">#pun-index .category{display:none}</style>
<script type="text/javascript" src="http://forumstatic.ru/files/0015/c4/3f/22205.js"></script>
 
<style type="text/css"> #pun-main h2,#pun-stats h2 { 
background-color : transparent; background-image : url(http://forumstatic.ru/files/0017/d2/91/57147.png);
}
</style>
 
<style type="text/css"> #pun th {
color: red; background-color : #FFFFFF; background-image : url(http://forumstatic.ru/files/0017/d2/91/57006.jpg);
}
</style>
 
<style type="text/css"> /* Ставим новые иконки  */
.punbb table Div.icon {float: left; display: block; width: 38px; height: 35px; border-style: none;
background-image: url(http://forumstatic.ru/files/0017/d2/91/54910.png); 
background-repeat: no-repeat;
position: relative; margin-right: 8px; margin-left: 1px;}
</style>
 

<style>
#pun-navlinks .container {
    padding-top: 30px;
    height: 0px;
    font-weight: bold;
    text-align: center;
    font-family: arial;
}
</style>
 
<style>
#pun-ulinks {
    margin-top: -70px;
}
</style>
 
<style>
#pun-navlinks li {
    padding-left: 8px;
    border-left: 0px solid #000;
    margin: 0px;
}
</style>
 
<style type="text/css"> #pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
background-color : transparent; background-image : url(http://forumstatic.ru/files/0017/d2/91/57147.png);
}
</style>
 
<script type="text/javascript">
var nrisunok="http://forumupload.ru/uploads/0000/0a/f2/68797-1.gif";
if( (document.getElementById("navpm").innerHTML.indexOf("(") != -1))
{ 
document.getElementById("navpm").innerHTML="<img src='"+nrisunok+"'> "+document.getElementById("navpm").innerHTML;
};
</script>
 
<!-- Кнопки BB-кодов при редактировании подписи © Alex_63 -->
<script type="text/javascript">
if(document.URL.indexOf('section=signature')!=-1)document.write('<scr'+'ipt type="text/javascript" src="http://forumstatic.ru/files/0016/0b/c8/99528.js"></scr'+'ipt>');
</script>
 
<div class="go-up" title="Вверх" id='ToTop'>⇧</div>
<div class="go-down" title="Вниз" id='OnBottom'>⇩</div>
<style>
.go-up,.go-down {
display:none;
position:fixed; /*позиционируем*/
right:5px; /*указываем положение, если слева - left*/
z-index:9999; /*показываем поверх все элементов на странице*/
background:#4F4F4F; /*фон кнопок*/
border:2px solid #ccc; /*толщина, стиль, цвет рамки*/
box-shadow:0 10px 0.3em -0.1em rgba(0,0,6,0.5); /*тень*/
border-radius:10px;
cursor:pointer;
color:#fff; /*цвет стрелок*/
text-align:center; /*выравнивание*/
font-size:42px; /*размер стрелок*/
text-shadow:0 1px 2px #000, 0 0 10px #E0F1FF;
opacity: .7; /*прозрачность*/
padding:0 3px 5px 3px; /*отступы внутри*/
margin-bottom:5px; /*отступ снизу (можно не указывать)*/
width:48px; /*ширина кнопки*/
height:48px; /*высота кнопки*/
}
.go-up {
bottom:70px; /*положение от низа окна браузера верхняя кнопка*/
}
.go-down {
bottom:10px; /*положение от низа окна браузера нижняя кнопка кнопка*/
}
/*стили при наведении курсора*/
.go-down:hover,.go-up:hover {
opacity:1;
}
</style>
 
<style>
.lastedit{display:none;}
</style>
 
<style>
/* = доп смайлы
====================*/
#smilies-area {
    width: 600px!important;
    z-index: 999;
}
#wrapper {width: 600px;}
ul.tabs {height: 25px;line-height: 20px;margin: 0 0 3px;list-style: none;}
ul.tabs li {float: left;margin-right: 1px; cursor:pointer;}
 
ul.tabs li a {background: url("http://flowplayer.org/img/global/tabs.png") no-repeat scroll -652px 0 transparent;color: #039;cursor: pointer;display: block;margin-bottom: -1px;padding: 0 14px 1px;position: relative;text-decoration: none;width: 84px;
 display: inline-block;
  padding:3px 3px 3px 3px;
  font: normal normal 700 11px/normal Tahoma;
  background-color:#afdafc;
  box-shadow:inset 2px 2px 10px #363636;
 border-style: double;
border-width: 4px;
border-radius: 6px;
border-color: #6699cc;
text-align:center;
}
 
ul.tabs li a:hover {color: #fff;}
 
ul.tabs li.tab-current a 
{color: #039;padding: 0px 14px 2px;line-height: 22px;background-position: -652px -62px;
display: inline-block;
  padding:3px 3px 3px 3px;
  font: normal normal 700 11px/normal Tahoma;
  background-color:#fff;
  box-sms-linear-gradient(left top, #B22222, #FA8072);
} 
.exmod1{background-color: #FFB6C1;border: 2px solid #ce4378 !important;}
.exmod2{background-color: #87CEFA;border: 2px solid #59add4 !important;} 
div[class^="modex"] {
  border-radius: 8px 8px 0 0 !important; 
  font-size: 1.2em; color: white;
  text-shadow: 0 0 3px rgba(0, 0, 0, 0.7);
  background-attachment: scroll !important;
  background-clip: border-box !important;
  background-origin: padding-box !important;
  background-position: 0 0 !important;
  background-repeat: repeat !important;
  background-size: auto auto !important;
  margin:0;padding:2px 0 2px 10px;
} 
.modex2 {
  background-color: #4682B4 !important;
  background-image: -moz-linear-gradient(left top , #4682B4, #87CEFA);
  background-image: -o-linear-gradient(left top, #4682B4, #87CEFA);
  background-image: -webkit-linear-gradient(left top, #4682B4, #87CEFA);
  background-image: -ms-linear-gradient(left top, #4682B4, #87CEFA);
}
.mod-inner{padding:6px 10px;display:block;min-height:73px;height:auto;}
.exmod1 .mod-inner{
  background:url(//forumupload.ru/uploads/0000/14/1c/687287-3.png) no-repeat scroll 95% 0 transparent;
}
.exmod2 .mod-inner{
  background:url(//forumupload.ru/uploads/0000/14/1c/687287-4.png) no-repeat scroll 95% 0 transparent;
}
#button-mod{background:url(http://forumstatic.ru/files/0016/a6/f8/89851.png) no-repeat;}
#button-ex{background:url(http://forumstatic.ru/files/0016/a6/f8/43915.png) no-repeat;}
</style>

<style>
.button {
   border: 1px solid #0a3c59;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   padding: 10.5px 21px;
   -webkit-border-radius: 6px;
   -moz-border-radius: 6px;
   border-radius: 6px;
   -webkit-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   -moz-box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   box-shadow: rgba(255,255,255,0.4) 0 1px 0, inset rgba(255,255,255,0.4) 0 1px 0;
   text-shadow: #7ea4bd 0 1px 0;
   color: #06426c;
   font-size: 14px;
   font-family: helvetica, serif;
   text-decoration: none;
   vertical-align: middle;
   }
 .button:hover {
   border: 1px solid #0a3c59;
   text-shadow: #1e4158 0 1px 0;
   background: #3e779d;
   background: -webkit-gradient(linear, left top, left bottom, from(#65a9d7), to(#3e779d));
   background: -webkit-linear-gradient(top, #65a9d7, #3e779d);
   background: -moz-linear-gradient(top, #65a9d7, #3e779d);
   background: -ms-linear-gradient(top, #65a9d7, #3e779d);
   background: -o-linear-gradient(top, #65a9d7, #3e779d);
   background-image: -ms-linear-gradient(top, #65a9d7 0%, #3e779d 100%);
   color: #fff;
   }
 .button:active {
   text-shadow: #1e4158 0 1px 0;
   border: 1px solid #0a3c59;
   background: #65a9d7;
   background: -webkit-gradient(linear, left top, left bottom, from(#3e779d), to(#3e779d));
   background: -webkit-linear-gradient(top, #3e779d, #65a9d7);
   background: -moz-linear-gradient(top, #3e779d, #65a9d7);
   background: -ms-linear-gradient(top, #3e779d, #65a9d7);
   background: -o-linear-gradient(top, #3e779d, #65a9d7);
   background-image: -ms-linear-gradient(top, #3e779d 0%, #65a9d7 100%);
   color: #fff;
}
   </style>

<!-- Скрываем профиль от гостей -->
<style id="HideProfile">.gid3 #pun-profile .main{display:none}</style>
<script type="text/javascript">
if(GroupID==3&&$('#pun-profile').length)$().pun_mainReady(function(){
var s='Информация',s1=$('#pun-title h1>span').text();document.title=s1;
var L=' »&nbsp;<a href="/">'+s1+'</a> »&nbsp;'+s;$('.crumbs').html(L);
$().pun_aboutReady(function(){$('#pun-crumbs2>.crumbs').html(L);});
$('#pun-main').html('<h1><span>'+s+'</span></h1><div class=info>\
<div class=container>Вы не имеете прав для доступа к этой странице.\
</div></div>');$('style#HideProfile').remove();});
</script>

<script type="text/javascript">
function NoCopy() {
var body_element = document.getElementsByTagName('body')[0];
var selection;
selection = window.getSelection();
var pagelink = "<br /><br /> Источник: <a href='"+document.location.href+"'>"+document.location.href+"</a>"; 
var copytext = selection + pagelink;
var newdiv = document.createElement('div');
newdiv.style.position='absolute';
newdiv.style.left='-99999px';
body_element.appendChild(newdiv);
newdiv.innerHTML = copytext;
selection.selectAllChildren(newdiv);
window.setTimeout(function() {
body_element.removeChild(newdiv);
},0);
}
document.oncopy = NoCopy;
</script>

<!-- Кнопка "Новые сообщения" картинкой v2 © Alex_63 -->
<style>
.newPost > a > img {
  float: left;
  margin-right: 5px;
  margin-top: 1px;
  opacity: 1.0;
}
.newPost > a > img:hover {
  opacity: 0.8;
}
</style>
<script type="text/javascript">
$('td.tcl .newtext').each(function (){
  var ButNP = '<span class="newPost"><a href="#" target="_blank" title="К первому непрочитанному сообщению"><img src="http://forumstatic.ru/files/0014/cf/dd/42490.gif" /></a></span>';
  if($('#pun-searchtopics').length) {$(this).parent().find('strong').before(ButNP);}else{$(this).parent().prepend(ButNP);};
  $(this).parent().find('.newPost>a').attr('href',($(this).find('a').attr('href')));
  $(this).remove();
});
</script>
<!-- //End//-Кнопка "Новые сообщения" картинкой -->

+1

784

Deff
Всё отлично получилось!!! :cool:
Спасибо огромное!!!

0

785

Приветствую, может кто нибудь скинуть оригинал  "Администрирование - Свой стиль" "Community Blue"
решил покапаться, а  у меня там от старого форума стиль, как сбросить на дефолт не знаю.
Нужно: Структура style.css и Цвета style_cs.css оба поля короче.
Только дефолтный, а не измененный. Не хочется создавать новый форум ради изъятия стилей.

0

786

ACT3255 написал(а):

Приветствую, может кто нибудь скинуть оригинал  "Администрирование - Свой стиль" "Community Blue"

1-е Окно Стиля:

Код:
/*************************************************************
A - SETUP
**************************************************************/
 
/* A1 Import the colour scheme and fonts
-------------------------------------------------------------*/
 
/* A1.1 */
@import url(style_cs.css);
 
 
/* A2 Deal with browser defaults and wonkiness
-------------------------------------------------------------*/
 
/* A2.1 */
html, body {
  margin: 0; 
  padding: 0;
  -webkit-text-size-adjust: 100%;
  }
 
/* 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 {
  border:none
  }
 
/* 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 Text setup
-------------------------------------------------------------*/
 
/* A3.1 */
body {
  font-size: 116.01%;
  }
 
/* A3.2 */
.punbb {
  font: normal 68.75% tahoma, verdana, arial, helvetica, sans-serif;
  }
 
/* A3.3 */
.punbb textarea, .punbb input, .punbb select, .punbb optgroup {
  font: 1em tahoma, arial, helvetica, sans-serif !important;
  }
 
/* A3.4 */
.punbb h1, .punbb h2, .punbb h3 {
  font-size: 1em;
  font-weight: bold;
  }
 
.punbb h1,.punbb h2{
  border-right-style:none!important;
  }
 
.punbb th   {
  font-size: 0.9em;
  font-weight: normal;
  }
 
.punbb h4, .punbb table {
  font-size: 1em;
  font-weight: normal;
  }
 
/* A3.5 */
.punbb h1 span, .punbb h2 span, .punbb legend span {
  font-size: 18px;
  font-weight: 400;
  }
 
/* 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;
  }
 
/* A3.12 */
.punbb .post .lastedit {
  font-size: 11px;
  font-style: italic;
  }
 
 
/* A4 Float clearing and hidden items
-------------------------------------------------------------*/
 
/* 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 Basic page layout and borders
-------------------------------------------------------------*/
 
/* A5.1 */
#pun {
  margin: 0px auto 30px auto;
  width: 100%;
  max-width: 1200px;
  min-width: 840px;
  padding: 0px 21px 0px 21px;
  border: none;
  }
 
/* A5.2 */
.punbb {
  float: left;
  width: 100%;
  height: auto;
  }
 
/* A5.3 */
#pun-maint {
  margin: 50px 20% 12px 20%;
  width: auto;
  float: none;
  }
 
#pun-redirect {
  margin: 150px 20% 12px 20%;
  width: auto;
  float: none;
  }
 
/* 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:last-child {
  border-style: none none solid none;
  border-width: 0px 0px 1px 0px
  }
 
.punbb .category:not(:last-child) {
  border: none 0 transparent !important;
  }
 
#pun-userlist .main tr:last-child > td {
  border-bottom: none 0;
  }
 
#pun-foundation .main tr:last-child > td,
#pun-statistic .main tr:last-child > td {
  border-bottom: none 0 !important;
  }
 
 
/* A5.9 */
.punbb .container {
  border-style: solid;
  border-width: 1px;
  }
 
/* A5.10 */
#pun-main h1, .punbb .section h2, #pun-stats h2, #pun-debug h2 {
  padding: 0 0 4px 7px;
  }
 
#pun-main h2, #pun-main h1 {
  padding: 0 6px 5px 0 !important;
  margin-bottom: 3px !important;
  }
 
#pun-main h1 span, #pun-main h2 span {
  padding-left: 6px;
  }
 
/* A5.11 */
#pun-index .main h2, #pun-viewforum .main h1, #pun-searchtopics .main h1 {
  padding: 0 6px 5px 0 !important;
  margin-bottom: 3px !important;
  border-bottom: none 0 transparent !important;
  }
 
#pun-viewforum .main h1 span, .category h2 span, #pun-searchtopics .main h1 span {
  margin-top: 3px;
  position: absolute;
  }
 
/* A5.12 */
.punbb .category {
  margin-bottom: 9px;
  }
 
/* A5.13 */
#similar-topics td {
  padding: 7px 0 !important;
  border-bottom: none 0 transparent !important;
  }
 
/* A5.14 */
#viewprofile td {
  border-bottom: none 0 transparent !important;
  }
 
 
/*************************************************************
B - MAIN CONTENT - GENERAL
**************************************************************/
 
/* B1 Parsed Content, Signatures and Scroll Boxes
-------------------------------------------------------------*/
 
/* B1.1 */
.punbb .post-content {
  padding: 0;
  margin: 0;
  width: 100%;
  overflow: hidden;
  }
 
/* B1.2 */
.punbb .post-sig dt {
  display: block;
  border-top: 1px solid #DADADA;
  width: 250px;
  margin: 5px 0;
  }
 
/* B1.3 */
.punbb .post-content p {
  margin: 0;
  padding: 0 0 1em 0;
  line-height: 150%;
  }
 
/* B1.4 */
.punbb .post-content img {
  vertical-align: text-top
  }
 
/* 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 {
  margin: 0.4em 1.8em 1.4em 1.8em;
  padding: 1em 1em 0.2em 1em;
  border-style: solid;
  border-width: 1px;
  }
 
.punbb .quote-box.spoiler-box {
  padding: 1em;
  }
 
/* B1.9 */
.punbb .quote-box cite, .punbb .code-box strong.legend {
  display: block;
  padding-bottom: 0.7em;
  font-size: 1em;
  font-weight: bold;
  font-style: normal;
  margin: 0;
  }
 
/* B1.10*/
.post-content table td {
  border-color: #eeeeee !important;
  }
 
 
/* B2 Information boxes
-------------------------------------------------------------*/
 
/* 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 Pagination and posting links
-------------------------------------------------------------*/
 
/* 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 {
  position: absolute;
  top: -4em;
  left: 1em;
  width: 24em;
  }
 
/* B3.4 */
.linkst .postlink {
  position: absolute;
  top: -4em;
  right: 1em;
  width: 16em;
  text-align: right;
  font-weight: bold;
  }
 
#pun-viewforum.punbb .linkst .postlink,
#pun-viewforum.punbb .linkst .pagelink,
#pun-searchtopics.punbb .linkst .postlink,
#pun-searchtopics.punbb .linkst .pagelink{
  top:-2.2em!important;
  }
 
/* B3.5 */
.punbb .linksb {
  text-align: right;
  padding: 0.4em 1em 0.5em 1em;
  font-size: 1.1em;
  }
 
/* B3.6 */
.linksb .pagelink {
  float: left;
  width: 24em;
  text-align: left;
  }
 
/* B3.7 */
.linksb .postlink {
  float: right;
  width: 16em;
  font-weight: bold
  }
 
/* B3.8 */
.subscribelink {
  clear:both;
  padding-top: 0.3em;
  padding-bottom: 0.5em;
  }
 
 
/*************************************************************
C - MAIN CONTENT - SPECIFIC
**************************************************************/
 
/* C1 Form layout
-------------------------------------------------------------*/
 
/* 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;
  }
 
#pun-profile .formsubmit, 
#pun-login .formsubmit {
  text-align: left !important;
  }
 
/* 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 -15px;
  }
 
#messages legend span {
  display: none;
  }
 
/* 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 4em 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;
  }
 
.punbb .helplinks span INPUT {
  margin: 0px 2px 2px 0px;
}
 
/* 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.22 */
#post fieldset:not(#post-preview) legend {
  display: none;
  }
 
/* C1.23 */
#post fieldset {
  border: none 0 transparent;
  padding: 0;
  margin-top: -30px;
  }
 
/* C1.24 */
#post-preview {
  margin-top: -10px !important;
  }
 
/* C1.25 */
#post .formsubmit{
  margin-top: -12px;
  }
 
/* C1.26 */
#post #main-reply {
  font-family: Tahoma;
  }
 
/* C1.27 */
#form-buttons {
  margin-bottom: 3px;
  max-width: 700px;
  margin: 0 auto;
  }
 
/* C1.28 */
#form-buttons td {
  border-radius: 4px;
  }

.punbb #post div[id$="-area"] {
  border: solid 1px #ddd !important;
  margin-top: 10px;
  }
 
 
/* C2 Table layout
-------------------------------------------------------------*/
 
/* C2.0 */
#pun-main tr > td {
  border-bottom: solid 1px #eee;
  }
 
#form-buttons tr > td {
  border-bottom: none 0 transparent !important;
  }
 
#vote td, #poll-special td {
  border: none 0 transparent !important;
  }
 
/* C2.1 */
.punbb .main .tcl {
  overflow: hidden;
  text-align: left;
  width: 50%;
  }
 
/* 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.punbb .tcl h3 a {
  font-weight: 400;
  font-size: 1.3em;
  }
 
/* 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 {
  padding: 4px 1em 5px 1em;
  border: none;
  }
 
/* C2.13 */
.punbb .main .tcl {
  border-left-style: none;
  border-left-width: 0;
  }
 
.punbb .main td.tcr {
  border-left: none 0 transparent;
  }
 
/* C2.14 */
.punbb td div.tclcon {
  margin-left: 67px;
  }
 
/* C2.15 */
.punbb div.icon, 
.punbb div.inew {
  float: left;
  display: block;
  width: 28px;
  height: 28px;
  padding-top: 1px;
  margin-top: 9px;
  margin-left: 20px;
  margin-bottom: 10px;
  background-repeat: no-repeat;
  }
 
#pun-messages div.icon {
 margin: 0;
 padding: 0;
}
 
/* C2.16 */
#pun-index th.tcl, 
#pun-viewforum th.tcl,
#pun-searchtopics th.tcl {
  font-size:0px;
  }
 
/* C2.17 */
.category th, #pun-viewforum .main th, #pun-searchtopics .main th {
  border-bottom: solid 2px #5F95CC !important;
  border-radius: 0px !important;
  color: #2F6092;
  }
 
 /* C3 Topics
-------------------------------------------------------------*/
 
/* 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;
  border-width: 1px;
  border-color: #e5e5e5 !important;
  border-radius: 4px;
  }
 
/* C3.3 */
.punbb .post h3 span {
  border-left: none;
  padding: 0.4em 1em;
  display: block;
  margin-left: 18em;
  }
 
/* C3.4 */
.punbb .post h3 strong {
  float: right;
  width: 5em;
  text-align: right;
  font-weight: normal;
  }
 
.punbb .post h3 a {
  font-weight: normal;
}
 
/* C3.5 */
.punbb .post .post-author {
  float: left;
  width: 18em;
  margin-top: -28.55px;
  overflow: hidden;
  }
 
/* C3.6 */
.punbb .post .post-author ul, .punbb .post .post-author p {
  padding: 0 1em 1em 1em;
  line-height: 140%;
  }
.post-author ul {
  padding-right: 0 !important;
  }
 
/* C3.7 */
.pa-author {
  font-size: 1.1em;
  font-weight: bold;
  }
 
/* C3.8 */
.pa-author a {
  text-decoration: none
  }
 
/* C3.9 */
li.pa-title {
  padding-bottom: 0.4em;
  margin-top:10px;
  font-weight: bold;
  }
 
.pa-avatar img {
  border-radius: 4px;
  }
 
/* C3.10 */
li.pa-online {
  line-height: 0.8em;
  padding-left: 0.4em;
  margin-top: 0.7em;
  }
 
li.pa-online:before {
  content: "...";
  padding: 0 2px 0 1px;
  margin-right: 5px;
  margin-left: -5px;
  color: transparent;
  border-radius: 50%;
  font-size: 10px;
  background: #41BB53;
  }
 
#pun-searchposts li.pa-replies {
  margin-top: 8px;
  }
 
/* C3.11 */
.punbb .post-body {
  margin-left: 18em;
  margin-top: 7px;
  border-left-style: solid;
  border-left-width: 1px;
  padding: 0 0 1px 0;
  }
 
/* C3.12 */
.punbb .post-box {
  padding: 0.4em 1em 1em 1em;
  }
 
/*C3.13 */
.punbb fieldset .post-box {
  margin-bottom: 0.8em
  }
 
/* C3.14 */
.punbb .post-links {
  margin-left: 18em;
  border-left-style: solid;
  border-left-width: 1px;
  }
 
/* C3.15 */
.punbb .post-links ul {
  padding: 0 1em 0 0;
  height: 2em;
  line-height: 2em;
  margin-left: -18em;
  margin-bottom: 7px;
  background: transparent;
  text-align: right;
  }
 
/* C3.16 */
.punbb .post-links li {
  display: inline;
  padding-left: 1em;
  }
 
/* C3.17 */
.pl-email, .pl-website {
  float: left;
  }
 
/* C3.18 */
.punbb .clearer {
  clear: both;
  height: 0;
  font-size: 0;
  }
 
 
/* C4 Moderator menu
-------------------------------------------------------------*/
 
/* C4.1 */
.punbb .modmenu .container {
  padding: 0.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 Message boxes
-------------------------------------------------------------*/
 
/* C5.1 */
.punbb .info .container {
  padding: 0.8em 1em
  }
 
/* C5.2 */
.punbb .info .container .backlink {
  padding-top: 0.8em;
  }
 
 
/* C6 Profile
-------------------------------------------------------------*/
 
/* C6.1 */
#profile .container {
  margin-top: -20px;
  }
 
/* C6.2 */
#profilenav {
  width: auto;
  text-align: center;
  }
 
/* C6.3 */
#profilenav li {
  margin-bottom: 0.8em;
  font-weight: bold;
  display: inline;
  margin: 0 4px;
  }
 
#profilenav li.isactive {
  border: solid 1px #eaeaea;
  padding: 4px;
  background-color: #f9f9f9;
  border-radius: 4px;
  }
 
/* C6.4 */
#viewprofile ul, #profilenav ul {
  border-style: solid;
  border-width: 1px;
  padding: 1em 0 0.8em 0;
  margin: 0 -10px 1em -10px;
  }
 
#profilenav ul {
  border-style: none none solid none;
  border-width: 1px;
  border-color: #eee;
  }
 
#pun-messages.punbb #profilenav ul:nth-of-type(2) {
  padding-top: 0 !important;
  }
 
/* C6.5 */
#viewprofile h2, #profilenav h2 {
  background: transparent;
  padding: 0 0 0 0;
  margin: 0 14px -0.6em 14px;
  }
 
#pun-profile.punbb #profilenav h2 {
  display: none;
  }
 
#pun-messages #profilenav h2:nth-of-type(2) {
  display: none;
  }
 
/* 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: 14em;
  margin-left: -16em;
  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;
  }
 
/* C6.11 */
.punbb img.avatardemo {
  float: right;
  margin: 0 0 0.8em 1.8em
  }
 
/* C6.12 */
#profilenav .isactive > a {
  text-decoration: none !important;
  }
 
 
/* C7 User list
-------------------------------------------------------------*/
 
/* 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;
  padding-left: 0 !important;
  padding-right: 0 !important;
  padding-bottom: 0;
  }
 
/* C7.3 */
#pun-userlist .usertable table {
  border: none 0 transparent;
  }
 
 
/*************************************************************
D - PUNBB SECTIONS OTHER THAN MAIN CONTENT
**************************************************************/
 
/* D1 Logo and description
-------------------------------------------------------------*/
 
/* D1.1 */
#pun-title {
  margin: 0;
  border: none;
  height: 98px;
  position: absolute;
  left: 0;
  right: 0 !important;
  top: 37px;
  z-index: 2;
  width: 100% !important;
  }
 
/* D1.2 */
#pun-title h1 {
  display : block;
  margin: -1px 0px 0px -1px;
  }
 
/* D1.3 */
#pun-title .container {
  border-style: none;
  padding: 0.2em 1em 0.8em 1em;
  }
 
/* D1.4 */
#pun-title h1 span {
  margin-left: 13px;
  font-size: 1.8em;
  font-variant: normal;
  font-weight: 400;
  font-family: Tahoma, Arial, Helvetica, Sans-Serif;
  }
 
#pun-title TABLE {
  border: none;
  width: 100%;
  margin: 0 auto;
  max-width: 1210px;
  min-width: 840px;
  }
 
#pun-title TD.title-logo-tdl {
  border: none;
  width: 100%;
  padding-top: 46px;
  }
 
#pun-title TD.title-logo-tdr {
  border: none;
  width: 468px;
  vertical-align: top;
  padding-top: 74px;
}
 
/* D2 Page navigation
-------------------------------------------------------------*/
 
/* 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 Forum navigation
-------------------------------------------------------------*/
 
/* D3.1 */
#pun-navlinks {
  display: block;
  position: absolute;
  z-index: 9999;
  top: 55px;
  max-width: 1201px;
  min-width: 840px;
  width: 100%;
  margin: 0;
  }
 
/* D3.2 */
#pun-navlinks .container {
  padding-top: 7px;
  padding-bottom: 10px;
  height: 16px;
  font-family: Sans-serif;
  font-size: 14px;
  max-width: 1201px;
  text-align: right;
  }
 
/* D3.3 */
#pun-navlinks li {
  display: inline;
  font-size: 1em;
  margin: 5px;
  }
 
/* D4 User links
-------------------------------------------------------------*/
 
/* D4.1 */
#pun-ulinks {
  margin: 0;
  background: #314f71;
  border-width: 0 0 1px 0;
  position: absolute;
  top: 0;
  left: 0px;
  width: 100%;
  min-width: 980px;
  z-index: 2;
  }
 
/* D4.2 */
#pun-ulinks .container {
  border: 0;
  padding: 0.8em 1em;
  background: transparent;
  max-width: 1200px;
  text-align: center;
  margin: 0 auto;
  }
 
/* D4.3 */
#pun-ulinks li, #pun-ulinks li a {
  display: inline;
  border-left-style: none;
  border-left-width: 0px;
  white-space: nowrap;
  font-family: Sans-serif;
  text-decoration:none !important;
  }
 
/* D4.4 */
#pun-ulinks a {
  color: #fff;
  padding: 11px;
  }
 
 
 
/* D5 Welcome box and Top Breadcrumbs
-------------------------------------------------------------*/
 
/* D5.1 */
#pun-status, #pun-status .container {
  border-bottom: none;
  margin-bottom: 0;
  }
 
/* D5.2 */
#pun-status .container {
  padding: 0.8em 1em 1em 1em;
  }
 
/* D5.3 */
#pun-status span {
  white-space: nowrap;
  margin-right: 0.5em;
  }
 
/* D5.4 */
#pun-crumbs1 {
  font-weight: bold;
  overflow: hidden;
  margin-top: 0;
  }
 
/* D5.5 */
#pun-crumbs1 p.container {
  border-top: none;
  padding: 1em 1em 0.8em 1em;
  font-size: 1.1em;
  }
 
/* 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 Announcement
-------------------------------------------------------------*/
 
/* D6.1 */
#pun-announcement h2 {
  padding: 0;
  margin: 0 1em -3.5em 1em;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  position: relative;
  font-weight: bold;
  }
 
/* D6.2 */
#pun-announcement h2 span {
  display: block;
  padding: 1em 0 0.3em 0.3em;
  border-bottom-style: solid;
  border-bottom-width: 2px;
  margin: 0 -10px;
  }
 
/* D6.3 */
#pun-announcement .container {
  padding: 4.3em 1em 1em 1em;
  }
 
/* D7 Statistics
-------------------------------------------------------------*/
 
/* D7.1 */
#pun-stats .container {
  padding: 0.8em 1em
  }
 
/* D7.2 */
#pun-stats li.item1, #pun-stats li.item2 {
  float: left;
  clear: both;
  line-height: 150%;
  }
 
/* D7.3 */
#pun-stats li.item3, #pun-stats li.item4 {
  text-align: right;
  line-height: 150%;
  }
 
/* 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: 0.7em 0 0 0;
  }
 
/* D8 Quick Jump - About - Bottom Breadcrumbs
-------------------------------------------------------------*/
 
/* 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: 0.8em 1em;
  }
 
/* D8.5 */
#pun-about p span {
  display:block;
  padding-left: 50%;
  }
 
/* D8.6 */
#pun-crumbs2, 
#pun-break4 {
  font-weight:700;
  }
 
/* D8.7 */
#pun-crumbs2 .container {
  border-bottom: none;
  padding: 0.8em 1em;
  font-size: 1.1em;
  }
 
/* 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;
  }
 
/* D8.10 */
.punbb:not(#pun-index) #pun-status, 
.punbb:not(#pun-index) #pun-break1 {/*
  display: none;*/
  }
 
/* D9 Help file
-------------------------------------------------------------*/
 
/* 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;
  }
 
/* D9.9 */
#pun-ulinks + div {
  margin-top: 145px;
  }

/* D9.10 */
#pun-main{position:relative}
 
 
/*************************************************************
E - STYLE CORRECTION FOR SMALLER SCREENS
**************************************************************/
 
/* E1 Main style correction
-------------------------------------------------------------*/
 
/* E1.1 */
@media all and (max-width: 1200px) and (min-width: 700px) {
  #pun, .punbb, #pun-title table, #pun-navlinks, #pun-ulinks .container {
    max-width: 900px !important;
    min-width: 600px !important;
    }
 
  #pun-ulinks >.container{
    max-width: 900px !important;
    min-width: 0px !important;
    }

  #pun-main h1 span, #pun-main h2 span {
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow-x: hidden;
    }
}
 
/* E1.2 */
@media screen and (max-width: 699px) and (min-width: 541px) {
  #pun_wrap {
    overflow-x: hidden !important;
    }

  #pun, .punbb {
    max-width: 600px !important;
    min-width: 400px !important;
    }
 
  #pun-ulinks, #pun-ulinks .container, #pun-navlinks, #pun-navlinks .container, #pun-title table, #pun-title h1 {
    max-width: 100% !important;
    min-width: 410px !important;
    width: auto !important;
    }

  #pun-ulinks {
    width: 100% !important;
    }
 
  #pun-navlinks li:not(#navextra1)> a, #pun-ulinks a {
    font-size: .9em;
    padding-left: .68em !important;
    }

  #pun-main h1 span, #pun-main h2 span {
    text-overflow: ellipsis;
    max-width: 100%;
    white-space: nowrap;
    display: inline-block;
    overflow-x: hidden;
    }
}

/* E1.3 */
@media screen and (max-width: 540px) {

  /* 1.1 */
  #pun, .punbb, #pun-navlinks, #pun-navlinks .container, #pun-ulinks, #pun-title {
    max-width: 540px !important;
    min-width: 0px !important;
    }

  #pun {
    border-radius: 0 !important;
    }

  /* 1.2 */
  .punbb #pun-navlinks, .punbb #pun-title {
    position: relative !important;
    }

  .punbb #pun-ulinks + div {
    margin-top: 0 !important;
    }

  /* 1.3 */
  .punbb #pun-ulinks {
    right: 10px !important;
    position: absolute !important;
    top: 20px !important;
    left: auto !important;
    }

  /* 1.4 */
  .punbb #pun-navlinks {
    top: -38px !important;
    background-color: #5381b5;
    border-bottom: 1px solid #406895 !important;
    }

  /* 1.5 */
  .punbb #pun-title {
    top: 0 !important;
    border-bottom: none 0 transparent !important;
    }

  .punbb #pun-title table {
    max-width: 540px !important;
    min-width: 0px !important;
    margin-top: -20px !important;
    }

  .punbb #pun-title h1 {
    text-align: center !important;
    }

  .punbb #pun-title h1 span {
    font-size: 20px !important;
    }

  /* 1.6 */
  .punbb #pun-navlinks li a {
    margin: 1px !important;
    }

  /* 1.7 */
  #pun .punbb div:not(#pun-title) h1, 
  #pun .punbb div:not(#pun-announcement) h2, 
  #pun .punbb div:not(#pun-title) h1 span, 
  #pun .punbb h2 span {
    font-size: 18px !important;
    padding-left: 10px !important;
    }

  .punbb #pun-announcement h2 {
    margin-left: 0px !important;
    margin-right: 0px !important;
    }

  .punbb #pun-announcement h2 span {
    margin: 0 !important;
    font-size: 18px !important;
    padding-left: 20px !important;
    }

  #pun .punbb #pun-main h2 span,
  #pun #pun-viewforum.punbb h1 span, 
  #pun #pun-searchtopics.punbb h1 span {
    position: relative !important;
    }

  /* 1.8 */
  .punbb .category .container, 
  .punbb .forum .container {
    border-top: solid 2px #5F95CC !important;
    margin-top: -2px !important;
    }

  /* 1.9 */
  .punbb #pun-announcement .container {
    padding: 3.3em 0.3em 0.3em 0.3em !important;
    }

  /* 1.10 */
  #pun .punbb #pun-main td {
    border-bottom: solid 1px #eee !important;
    }

  /* 1.11 */
  #pun .punbb div.icon {
    display: block !important;
    width: 0px !important;
    border-left: solid 3px #336699;
    margin-left: 0 !important;
    margin-right: 10px !important;
    }

  #pun .punbb tr.isticky div.icon, tr.inewisticky div.icon {
    border-left: solid 3px #EC2D2D !important;
    }

  /* 1.12 */
  #pun-viewforum.punbb .linkst,
  #pun-searchtopics.punbb .linkst {
    margin-top: -20px;
    }

  /* 1.13 */
  #pun .punbb .post-author, #pun .punbb .post-author ul, #pun .punbb .post h3 span {
    background-color: #f5f5f5 !important;
    }

  #pun .punbb .post h3 span {
    border-top: solid 1px #DFDfDF !important;
    }

  /*1.14 */
  .punbb .pl-quote a, .punbb .pl-edit a, .punbb .pl-delete a {
    font-size: 0px !important;
    padding: 13px !important;
    }

  .punbb .post-links ul {
    padding-right: 1.8em !important;
    opacity: 1.0 !important;
    }

  /* 1.15 */
  #button-font, 
  #button-strike, 
  #button-left, 
  #button-right, 
  #button-center, 
  #button-table, 
  #button-keyboard {
    display: none;
    }

  /* 1.16 */
  #pun .punbb div[id$="-area"] {
    border: solid 1px #ccc !important;
    padding: 5px !important;
    top: 39px !important;
    }

  /* 1.17 */
  #pun #pun-profile.punbb #profilenav li {
    margin-bottom: 10px !important;
    display: inline-block !important;
    }

  /* 1.18 */
  .punbb .tcr .byuser {
    display: block;
    }

  /* 1.19 */
  .punbb li.pa-avatar img {
    margin-right: 1em;
    }

}

2-e Окно Cтиля:

Код:
/* CS1 Background and text colours
-------------------------------------------------------------*/
 
/* CS1.0 */
html, body {
  background: rgb(248, 248, 248);
  background: -moz-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -webkit-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -o-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: -ms-linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  background: linear-gradient(top, rgb(248, 248, 248) 2%, rgb(246, 249, 252) 88%);
  }
 
#pun {
  background: #fff;
  border-radius: 10px;
  -webkit-box-shadow: 0 2px 5px rgba(0,0,0,.07); 
  -moz-box-shadow: 0 2px 5px rgba(0,0,0,.07);
  -khtml-box-shadow: 0 2px 5px rgba(0,0,0,.07);
  box-shadow: 0 2px 5px rgba(0,0,0,.07);
  }
 
/* CS1.1 */
.punbb .section .container, 
.punbb .post-body, 
.punbb .post-links, 
.punbb td.tc2, 
.punbb td.tc3,
#viewprofile li strong, 
#viewprofile li div, 
#setmods dd,
.punbb .info-box, 
.punbb #pun-main .info-box .legend {
  background-color: #ffffff;
  color: #333;
  }
 
.punbb td.tcl, .punbb td.tcr {
  background-color: #ffffff;
  }
 
/* CS1.2 */
.punbb .main .container, 
.punbb .post h3, 
.punbb-admin #pun-admain .adcontainer {
  background-color: #ffffff;
  color: #333;
  }
 
.punbb .post .container {
  background-color: #ffffff;
  }
 
/* CS1.3 */
#pun-stats h2, 
.punbb:not(#pun-redirect):not(#pun-viewforum):not(#pun-searchtopics) .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
  background: #fff;
  color: #4A7EB3;
  border-bottom: solid 2px #5F95CC;
  }
 
#pun-index .main h2, #pun-viewforum .main h1, #pun-searchtopics .main h1 {
  border-bottom: none 0 transparent !important;
  }
 
#pun-viewforum .main h1, 
#pun-index .main h2,
#pun-searchtopics .main h1 {
  background: #fff;
  color: #4A7EB3;
  }
 
#poll-special h1 {
  background: #5180AF;
  border-radius: 5px;
  }
 
/* CS1.4 */
#pun-title {
  background: #5381b5;
  border-bottom: 1px solid #406895 !important;
  }
 
#pun-title h1 > span {
  color: #fff;
  text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.6);
  }
 
.punbb .modmenu .container {
  background-color: transparent;
  color: #333;
  }
 
/* CS1.5 */
.punbb legend span, 
#viewprofile h2 span, 
.punbb-admin #pun-admain legend span {
  background-color: #ffffff;
  color: #005EAB;
  font-variant: normal !important;
  font-size: 0.9em !important;
}
 
#profilenav h2 span {
  background-color: transparent;
  color: #005EAB;
  }
 
/* CS1.6 */
.punbb .post h3 span, 
.punbb .post h3, 
#setmods dl {
  background-color: #f4f4f4;
  color: #333;
  }
 
.punbb .post-body, 
.punbb .post-links, 
.punbb .post-links ul {
  background-color: transparent !important;
  }
 
.punbb .post .post-rating .container, 
.punbb .post-vote .container {
  background-color: #f4f4f4 !important;
  border-radius: 4px;
  }
 
/* CS1.7 */
.punbb .code-box {
  background-color: #f7f7f7;
  color: #333;
  border-radius: 5px;
  }
 
.punbb .quote-box {
  border-width: 0 0 0 5px !important;
  border-radius: 4px;
  color: #333;
  background-color: #F8F9Fb;
  }
 
.punbb .quote-box:not(.spoiler-box) {
  border-color: transparent transparent transparent #B5C9E0;
  }
 
.punbb .quote-box.spoiler-box {
  border-color: transparent transparent transparent #CBD2E0;
  }
 
.punbb .quote-box .quote-box {
  background: #ECF0F5 !important;
  border-color: transparent transparent transparent #CBD2E0;
  }
 
/* CS1.8 */
#pun-navlinks .container {
  background: transparent;
  color: #f1f1f1;
  }
 
/* CS1.9 */
.offline li.pa-online strong {
  font-weight: normal
  }
 
/* CS1.10 */
#pun-about .container {
  background: transparent;
  }
 
/* CS1.11 */
#pun-stats, #pun-stats .container {
  border-style: none;
  border-width: 0px;
  background-color: transparent;
  }
 
/* CS1.12 */
#post.container {
  background-color: transparent;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  }
 
/* CS1.13 */
#form-buttons td:hover {
  background-color: #f1f1f1;
  }
 
/* CS1.14 */
.punbb .main tr > td:last-child {
  background-color: #ffffff;
  }
 
/* CS1.15 */
#pun-redirect {
  background: #ffffff;
  margin-left: -30px !important;
  margin-right: -30px !important;
  margin-bottom: -30px !important;
  }
 
/* CS2 Border colours
-------------------------------------------------------------*/
 
/* CS2.1 */
.punbb .container, 
.punbb .post-body, 
.post h3, 
#pun-title {
  border-color: #e5e5e5;
  }
 
/* CS2.2 */
.punbb .section, 
.punbb .forum, 
.punbb .formal, 
.punbb .modmenu, 
.punbb .info,
.punbb .category, 
.punbb .post {
  border-color: transparent;
  }
 
.punbb:not(#pun-index):not(#pun-redirect) .main div:not(.post):not(.category):not(.forum) > .container {
  border-bottom: solid 1px #eee;
  }
 
#pun-messages .fs-box>.container {
  border-bottom: none 0 transparent !important;
  }
 
.punbb .section, 
.punbb .post, 
.punbb div:not(.post) 
.container, 
.punbb .main td {
  border-color: transparent;
  border-width: 0;
  }
 
/* CS2.3 */
#pun-stats h2, 
.punbb .main h1, 
.punbb .main h2, 
#pun-debug h2, 
.punbb-admin #pun-admain h2 {
  border-color: #5F95CC;
  }
 
/* CS2.4 */
.punbb td, 
.punbb fieldset, 
#viewprofile ul, 
#profilenav ul, 
.punbb .post .post-body,
.punbb .post h3 span, 
.post-links ul, 
.post-links, 
.usertable table {
  border-color: #EDF0F5;
  }
 
#pun-viewtopic.punbb .topic .post:last-child {
  border-bottom: solid 1px #EDF0F5;
  }
 
.punbb .post .post-rating .container, 
.punbb .post-vote .container {
  border: solid 1px #e9e9e9 !important;
  }
 
/* CS2.5 */
.punbb th {
  border-color: transparent !important;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) th {
  background: #f1f1f1 !important;
  border-top: solid 1px #eee !important;
  border-bottom: solid 1px #eee !important;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) tr th:first-child{
  border-left: solid 1px #eee !important;
  border-top-left-radius: 4px;
  border-bottom-left-radius: 4px;
  }
 
.punbb:not(#pun-index):not(#pun-viewforum):not(#pun-searchtopics) tr th:last-child{
  border-right: solid 1px #eee !important;
  border-top-right-radius: 4px;
  border-bottom-right-radius: 4px;
  }
 
#pun-userlist th {
  background: #f1f1f1 !important;
  }
 
/* CS2.6 */
.punbb .code-box {
  border-color: #ccc #ccc #ccc #ccc;
  }
 
#pun-ulinks li, 
#pun-announcement h2 span, 
#pun-help .formal .info-box h3.legend span {
  border-color: #ccc
  }
 
li#onlinelist {
  border-color: #eee;
  }
 
#pun-announcement h2, 
li#onlinelist div, 
#pun-help .formal .info-box h3.legend {
  border-color: #fff
  }
 
#pun-ulinks a:hover {
  background: #29435f;
  text-decoration: none;
  }
 
.punbb .divider {
  border-color: #eee #fff #fff #fff;
  margin-left: 5px !important;
  margin-right: 5px !important;
  }
 
.punbb .formal fieldset .post-box, 
.punbb .info-box {
  border: 1px solid #dedfdf
  }
 
li.pa-online {
  border-left-color: #005EAB;
  }
 
/* CS2.7 */
.adcontainer {
  border-style: solid solid solid solid !important;
  border-width: 1px 1px 1px 1px !important;
  border-radius: 4px;
  border-color: #dfdfdf !important;
  margin-top: 3px !important;
  }
 
/* CS2.8 */
#pun-announcement h2 > span {
  color: #4A7EB3;
  border-bottom: solid 2px #5F95CC;
  }
 
#pun-announcement .container {
  border-bottom: solid 1px #eeeeee !important;
  }
 
 
/* CS3 Links
-------------------------------------------------------------*/
 
/* CS3.1 */
.punbb a, 
.punbb a:link, 
.punbb a:visited,
.punbb-admin #pun-admain a, 
.punbb-admin #pun-admain a:link, 
.punbb-admin #punbb-admain a:visited {
  color: #557fae;
  text-decoration: none;
  transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
  }
 
.punbb li.isactive a, 
.punbb li.isactive a:link, 
.punbb li.isactive a:visited {
  color: #333
  }
 
/* CS3.2 */
.punbb a:hover, 
.punbb a:focus, 
.punbb a:active,  
.punbb-admin #pun-admain .nodefault,
.punbb-admin #punbb-admain a:hover, 
.punbb-admin #punbb-admain a:focus, 
.punbb-admin #punbb-admain a:active {
  text-decoration: underline;
  transition: opacity 0.3s ease, color 0.27s ease, background-color 0.27s ease, margin 0s linear, padding 0s linear;
  }
 
/* CS3.3 */
#pun-navlinks li a {
  color: #fff;
  text-shadow: 0 -1px 0 #385b83;
  padding: .5em 1em;
  margin: -.6em;
  text-decoration: none !important;
   -webkit-border-radius: 0.327em;  
  border-radius: 0.327em;
  }
 
/* CS3.4 */
#pun-navlinks li a:hover {
  color:#fff!important;
  background: #406895;  
    -webkit-border-radius: 0.327em;  
  border-radius: 0.327em;  
    -moz-background-clip: padding; 
    -webkit-background-clip: padding-box;  
  background-clip: padding-box;
  }
 
/* CS3.5 */
#pun-pagelinks a:active, 
#pun-pagelinks a:focus {
  background-color: #333;
  color: #fff;
  }
 
/* CS3.6 */
.punbb p.container.crumbs a {
  padding: 2px 3px;
  margin: -2px -3px;
  border: solid 1px transparent; 
  text-decoration: none;
  border-radius: 4px;
  }
 
.punbb p.container.crumbs a:hover {
  background-color: rgba(240, 249, 255, 0.77);
  border: solid 1px #CEE3F9;
  }
 
/* CS4 Post status icons and stats image
 -------------------------------------------------------------*/
 
/* CS4.1 */
div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px -62px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }
 
div.inew, div.icon.icon-new, tr.inew div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px -62px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }
 
tr.isticky:not(.inew) div.icon, tr.iclosed.isticky:not(.inew) div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px -31px !important;
  opacity: 0.3;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=30);
  }
 
tr.inewisticky div.icon, tr.inew.isticky div.icon, tr.inew.iclosed.isticky div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px -31px !important;
  opacity: 0.7;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  }
 
tr.iclosed:not(.inew) div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.4;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=40);
  }
 
tr.inew.iclosed div.icon {
  background: url(/img/Community_Blue/icon.png) no-repeat scroll -3px 0 !important;
  opacity: 0.9;
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  }
 
#pun-searchtopics.punbb div.icon {
  margin-right: 20px;
  }
 
#pun-viewforum div.icon, #pun-searchtopics div.icon {
  margin-top: 2px;
  margin-bottom: 5px;
  }
 
.punbb .main tr.inew > td:first-child, 
.punbb .main tr.inewisticky > td:first-child {
  background:#F1F9FF;
  background: gradient(linear, left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -webkit-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -moz-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -o-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -khtml-linear-gradient(left, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
  }
 
.punbb .main tr.inew > td:last-child, 
.punbb .main tr.inewisticky > td:last-child {
  background:#F1F9FF;
  background: gradient(linear, right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -webkit-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -moz-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -o-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
    background: -khtml-linear-gradient(right, #ffffff 0%, #F1F9FF 20px, #F1F9FF 100%) !important;
  }
 
.punbb tr.inew > td:not(:first-child):not(:last-child), 
.punbb tr.inewisticky > td:not(:first-child):not(:last-child) {
  background-color: #F1F9FF;
  }
 
/* CS4.2 */
#pun-stats .statscon {
  background: url(/img/Community_Blue/stats.png) 30px 18px no-repeat;
  }
 
#pun-stats .container {
  background: rgba(255,255,255,.3);
  padding-left: 79px !important;
  }
 
 
/* CS5 Additional Styles
 -------------------------------------------------------------*/
 
/* CS5.1 */
#pun-main div.catleft, 
#pun-main div.catright {
  display: none;
  }
 
/* CS5.2 */
.punbb .main .tcr > a:after {
  content: "»";
  position: absolute;
  font-family: serif, use-lang-def;
  font-size: 1.3em;
  font-weight: 700;
  margin-left: 3px;
  margin-top: -2px;
  }

.punbb .main .tcr > a + .byuser {
  margin-left: 1em;
  }
 
/* CS5.3 */
.button, input[type="submit"] {
  border: 1px solid #ccc !important; 
  background: #dfdfdf;
    background: -moz-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);
  background: linear-gradient(top, #dfdadf 0%, #fbfbfb 100%);  
  padding: 3px 5px;
  -webkit-border-radius: 4px;
  -moz-border-radius: 4px;
  -o-border-radius: 4px;
  border-radius: 4px;
  color: #444 !important;
  font-size: 13px;
  font-family: Tahoma !important;
  font-weight: bold !important;
  text-decoration: none !important;
  vertical-align: middle;
  cursor: pointer !important;
  }
 
.button:hover, input[type="submit"]:hover {
  border: 1px solid #ccc !important;
  background: #eee;   
  background: -moz-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: -o-linear-gradient(top, #ececec 0%, #fbfbfb 100%);
    background: linear-gradient(top, #ececec 0%, #fbfbfb 100%);  
  color: #444 !important;
  text-decoration: none !important;
  }
 
.button:active, input[type="submit"]:active {
  border: 1px solid #ccc !important;
  background: #dcdcdc;
  background: -moz-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -webkit-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: -o-linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
    background: linear-gradient(to top, #dfdadf 0%, #fbfbfb 100%);
  color: #444 !important;
  text-decoration: none !important;
  }
 
.button[disabled] {
  opacity: 0.7;
  cursor: default !important;
  background: #f7f7f7 !important;
  }
 
p.formsubmit {
  text-align: right !important; 
  }
 
/* CS5.4 */
div[id$="-area"] {
  border-radius: 5px;
  top: 28px !important;
  background-color: #fcfcfc !important;
  border-color: #ccc !important;
  }
 
#color-area td, #color-area td img {
  max-height: 20px;
  height: 20px !important;
  }
 
/* CS5.5 */
.punbb input[type="text"], 
.punbb input[type="password"], 
.punbb textarea {
  border: solid 1px #ccc;
  border-radius: 3px;
  margin: 3px 0;
  padding: 3px;
  }
 
/* CS5.6 */
.punbb select {
  padding: 2px 3px;
  margin-top: 3px;
  border: solid 1px #bcbcbc;
  border-radius: 3px;
  }
 
/* CS5.7 */
#profile .container {
  background-color: transparent;
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  }
 
/* CS5.8 */
#profilenav h2 > span {
  text-shadow: none;
  }
 
#profilenav ul {
  border-bottom-color: #5383B3;
  }
 
/* CS5.9 */
#viewprofile .container {
  background-color: transparent;
  }
 
#profile-left li, 
#profile-right li, 
#profile-left li strong, 
#profile-right li span, 
#profile-right li strong {
  background: transparent;
  }
 
#profile-right li:not(:last-child) {
  border-bottom-color: #eee;
  }
 
#profile-left img {
  border-radius: 4px;
  } 
 
/* CS5.10*/
#pun-userlist.punbb .formal .container {
  border: none 0 transparent !important;
  }
 
/* CS5.11*/
#pun-searchposts.punbb .linkst .pagelink {
  width: 97.6%;
  max-width: 1124px;
  min-width: 990px;
  }
 
/* CS5.12 */
#pun-login #login.container {
  border-style: none none solid none;
  border-width: 0 0 1px 0;
  background-color: transparent;
  padding-left: 12px;
  }
 
/* CS5.13 */
#pun-redirect.punbb h1 {
  background: transparent url(/img/Community_Blue/redirect.gif) center center no-repeat;
  height: 40px !important;
  }
 
#pun-redirect.punbb h1 span{
  visibility:hidden!important;
  }
 
/* CS5.14 */
#pun-redirect.punbb .info, 
#pun-redirect.punbb .info .container {
  background: transparent;
  text-align: center;
  }
 
#pun-redirect .info a {
  font-size: 11px !important;
  color: #005eab;
  }
 
/* CS5.15 */
.punbb .closedatafield + a,
.punbb .closedatafield + strong > a {
  color: #777 !important;
  }
 
.punbb .closedatafield {
  font-size: 0px; 
  color: transparent;
  }
 
.punbb .closedatafield:before {
  content: url(/img/Community_Blue/closed.png);
  margin-right: 5px;
  }
 
/* CS5.16 */
.punbb .stickytext + a, 
.punbb .stickytext + strong > a,
.punbb .stickytext + .closedatafield + a,
.punbb .stickytext + .closedatafield + strong > a {
  color: rgb(165, 42, 42) !important;
  }
 
.punbb .stickytext:before {
  content: url(/img/Community_Blue/sticky.png);
  margin-right: 5px;
  }
 
#pun-searchtopics.punbb .tcl a {
  color: #557FAE !important;
  }
 
/* CS5.18 */
.punbb .post-links ul{
  opacity: 0.5;
  transition: 0.5s ease;
  }
 
.punbb .post:hover .post-links ul{
  opacity: 1.0;
  }
 
/* CS5.19 */
.post-links li a {
  opacity: 0.8;
  background-color: transparent;
  text-decoration: none !important;
  transition: 0.7s ease;
  border-radius: 4px;
  }
 
.post-links li a:hover {
  opacity: 1.0;
  background-color: #f1f1f1;
  color: #555555;
  }
 
/* CS5.20 */
.pl-delete a {
  padding: 4px 4px 4px 24px;
  background: url(/img/Community_Blue/post_links.png) no-repeat scroll 1px -38px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-edit a {
  padding: 4px 4px 4px 24px;
  background: url(/img/Community_Blue/post_links.png) no-repeat scroll 1px -17px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-quote a {
  padding: 4px 4px 4px 24px;
  background: url(/img/Community_Blue/post_links.png) no-repeat scroll 1px 3px;
  background-repeat: no-repeat;
  margin: -4px;
  }
 
.pl-email a, 
.pl-website a {
  padding: 4px !important;
  margin: -4px;
  }
 
#pun-searchposts .post-links li:not([class])>a {
  padding: 4px 6px;
  }


/* CS5.20 */
.editBookmark .container {
  margin-top: -5px !important;
  }

#pun-main .editBookmark h1 {
  padding: .3em 1em .5em .4em !important;
  }

.punbb .main .editBookmark h1 span:first-child {
  position: relative;
  top: 2px;
  left: 6px;
  }

#MyBookmarks {
  z-index: 9999 !important;
  }

#BookmCntToggle {
  background: url(/img/Community_Blue/bookmark.png) center center no-repeat !important;
  width: 27px !important; 
  height: 26px !important;
  opacity: 1 !important;
  cursor: pointer;
  z-index: 3;
  box-shadow: 0 0 6px rgba(0,0,0,.2);
  }

#BookmCntToggle:hover {
  opacity: .78 !important;
  }

.punbb .main #MyBookmarks h2,
.punbb .main #MyBookmarks h1,
.editBookmark h1 {
  padding: 6px 10px 8px 6px !important;
  background: #4A7EB3 !important;
  color: #fff !important;
  margin-bottom: 0 !important;
  border-bottom: none 0 transparent !important;
  }

#MyBookmarks h2 span,
#MyBookmarks h1 span,
.editBookmark h1 span {
  font-size: 1.3em !important;
  margin-top: 3px;
  }

#MyBookmarks h2 strong,
#MyBookmarks h1 strong {
  font: normal normal 700 18px/normal Verdana;
  letter-spacing: -1px;
  position: absolute;
  margin: 0 0 0 2px !important;
  }

#MyBookmarks li span strong {
  font-size: 14px !important;
  }

#MyBookmarks center {
  font-family: Verdana;
  padding-top: 5px !important;
  }

#MyBookmarks em a, #MyBookmarks em a:hover {
  color: #fafafa !important;
  opacity: 1.0 !important;
  }

li.BookmarkL {
  border-bottom-color: #e0e0e0 !important;
  }

@media screen and (max-width:540px){
  #MyBookmarks h2, #MyBookmarks h2>span,#MyBookmarks h1,#MyBookmarks h1 >span{
    font-size: 17px !important;
    }

  #MyBookmarks #bm2 {
    font-size: 12px !important;
    margin-top: 5px !important;
    }
}

/* CS5.21 */
#pun .punbb .main .pun-modal h1,
#pun .punbb .main .pun-modal h2 {
  margin-bottom: 0 !important;
  background: #5F95CC !important;
  color: #fff !important;
  border-radius: 5px 5px 0 0;
  }

.punbb .pun-modal .closer {
  margin: 0 -.3em !important;
  }

.punbb .pun-modal h2>span:first-child,
.punbb .pun-modal h1>span:first-child {
  position: relative;
  top: 3px;
  left: 5px;
  }

.punbb .pun-modal .container {
  border-radius: 0 0 5px 5px;
  }

@media (max-width: 540px) {
  #pun .punbb .main .pun-modal.rating_theme .closer {
    margin-top: -.15em !important;
    }

  .punbb .pun-modal h2>span:first-child,
  .punbb .pun-modal h1>span:first-child {
    padding: 0 !important;
    }
}

По идее в Типовые Вопросы (ЧаВо) п.п. 33

+1

787

@Romych

Romych написал(а):
ACT3255 написал(а):

Так вообще скрипт не работает, даже плашка не всплывает.

а так?

Код:
<!-- Оповещение об изменении репутации со звуком © Romych -->
<script type="text/javascript">
function pl() {localStorage['plus'] = UserRespectPlus};
function mn() {localStorage['minus'] = UserRespectMinus};
var zag = '<img src="https://forumstatic.ru/files/0000/14/1c/20038.jpg" style="border-radius:4px;" width="48px"><audio autoplay><source src="https://forumstatic.ru/files/0017/d8/50/44292.mp3" type="audio/mpeg"></audio> <a href="/respect.php?id='+UserID+'" style="color:#cee0e6;font-weight:bold;padding-left:15px;text-decoration:none;">Посмотреть</a>';
window.onload = function() {
if(parseInt(localStorage.getItem('plus')) !== parseInt(UserRespectPlus) && localStorage.getItem('plus') !== null) { 
$.jGrowl(zag+' <img align="right" src="https://forumstatic.ru/files/000e/8b/b7/10387.png">',{header:'Ваше сообщение понравилось',position:'bottom-left',life: 3000});
pl();} else {pl()};
if(parseInt(localStorage.getItem('minus')) !== parseInt(UserRespectMinus) && localStorage.getItem('minus') !== null) { 
$.jGrowl(zag+' <img align="right" src="https://forumstatic.ru/files/000e/8b/b7/87092.png">',{header:'Ваше сообщение не понравилось',position:'bottom-left',life: 3000});
mn();} else {mn()};}
</script>

Странно как то скрипт себя ведет.
Захожу под тестовым акком, ставлю +, захожу под основным, плашка есть, звук есть, далее при посещении форума не выходя из основного акка, плашка есть, звука нет, может звук не успевает срабатывать?

Отредактировано ACT3255 (Пн, 1 Янв 2024 16:56:30)

0

788

добрый вечер! удалились все закладки из профиля при удалении одной, просто все исчезли и все. можно ли это как-то вернуть теперь и в целом пофиксить?

0

789

Добрый всем день! Пожалуйста за место фона шапки https://forumupload.ru/uploads/0000/14/1c/38807/t277241.jpg
вставить картинку . Заранее спасибо!

Пост написан Ср, 3 Янв 2024 11:54:07

0

790

Сергейполипов написал(а):

Добрый всем день! Пожалуйста за место фона шапки https://forumupload.ru/uploads/0000/14/1c/38807/t277241.jpg
вставить картинку . Заранее спасибо!

Адрес форума и какую картинку?

+2

791

Странный вопрос. Или странная просьба...

Был когда-то шикарный такой форум

http://hibinafiles.mybb.ru/

На нем работало в буквальном смысле очень много очень интересных и практически неповторимых людей. Многих уже просто не стало.
Админ ресурса в какой-то момент решил на всё обидеться и удалить всё. Не считая это - историей. Не считаясь с трудами людей, вложившихся в форум временем жизни и имеющимися знаниями.
Может все же сохранилась хоть какая-то резервная копия? Админ - из Киева. Отношения у нас сейчас с Киевом - очень печальные.
Так хочется чтоб восстал из мертвых тот популярный ресурс.
Чудеса ведь иногда случаются?

0

792

СветланаАм
Ну по сути Админ был в 2019

Можете попробовать переписать форум на себя  Как получить права глав.администратора, если создатель покинул форум

0

793

Всем здряв!
Можно как-то пофиксить этот скрипт, чтобы форма ответа не затрагивалась?

Код:
<style>.punbb img[src*="nocopy.gif"]{display:none;}.post.Copy_Off div[onclick], .post.Copy_Off a{position:relative;z-index:1002!important}</style><script type="text/javascript"> var str='<div style="width:100%;text-align:center;"><img  src="/i/blank.gif" title="No Copy Post" onclick="No_Copy_click();"></div>';$("#form-buttons #button-keyboard").after("<td id=nocopy.png >"+str+"</td>");function No_Copy_click(){smile('[img]https://forum.mybb.ru/nocopy.gif[/img]')}
$(document).ready(function() {$(".post-box").each(function () { 
var a=$(this).parents(".post");var x = a.width()+20;var y = a.height()+20;var Post_off=true;if(GroupID==1){Post_off=false};if(Post_off){a.addClass("Copy_Off").prepend('<img title="No Copy!" src="/i/blank.gif" style="margin:-10px;position:absolute!important;z-index:1000!important;width:'+x+'px!important;height:100%!important;"/></div>')}
});});$("#MakeCopyOff").replaceWith("")</script>

После смены базового стиля невозможно нормально печатать и пользоваться кнопками: https://universe.8bb.ru

0

794

Deff написал(а):

Ну по сути Админ был в 2019

Можете попробовать переписать форум на себя  Как получить права глав.администратора, если создатель покинул форум

Если Вы прошли по ссылке - то там

https://i.ibb.co/BZTVJmf/image.png

А здесь
Как получить права глав.администратора, если создатель покинул форум

Форум не передается, если считается закрытым, а именно:

закрыт скриптом "Профилактика форума";

удалены или скрыты абсолютно все темы и сообщения;

форум переехал на другой адрес, а этот считается архивным (только для чтения).

Поэтому и шла речь о возможном хранении резервных копий. Ну на случай почти пожарный. Типа для истории средних веков forum.mybb.ru. В аспекте - какие знаменитые форумы тут организовывались.

0

795

СветланаАм написал(а):

Форум не передается, если считается закрытым, а именно:

Ну ждите Reysler , он точно скажет сохранилась ли актуальность данного утверждения, ибо администратор писавший правила давно ушёл на свой ресурс

Отредактировано Deff (Сб, 6 Янв 2024 11:55:31)

0

796

СветланаАм
Посмотрел, резервные копии действительно есть (были сомнения, что они не сохранились), однако, опираясь на выше упомянутые правила, передача прав на форум не представляется возможным. Если владелец форума посчитал удалить форум ‒ это его право, данные правила едины для всех :dontknow:
Единственное, что могу посоветовать в данной ситуации, вы можете взять часть открытой информации с форума из веб-архива.

+4

797

Reysler написал(а):

Посмотрел, резервные копии действительно есть (были сомнения, что они не сохранились), однако, опираясь на выше упомянутые правила, передача прав на форум не представляется возможным. Если владелец форума посчитал удалить форум ‒ это его право, данные правила едины для всех :dontknow:
Единственное, что могу посоветовать в данной ситуации, вы можете взять часть открытой информации с форума из веб-архива.

Вопрос тогда юридический. Если права на форум не нужны, а нужна - резервная копия.
Чем является резервная копия по сути в части вещного права надо думать  - все же техподдержки?
Ведь именно forum.mybb.ru предоставляет такую услугу.
Админ форума может её пользоваться по своему решению с выбранною периодичностью.
Админ форума - не покупал пользователей. Они все трудились бесплатно и по своим интересам.
На каком основании труд других людей становится вещным правом админа? Да, все приходили на форум по своей воле. Но нигде в правилах форума нет того факта - что админ может и имеет право отправлять труд многих десятков людей - просто в небытие.
Пожалуйста, храните ту резервную копию. Что-нибудь придумаем.
Указанная Вами возможность - конечно на безрыбье
https://web.archive.org/web/20180301000 … es.mybb.ru

0

798

СветланаАм
Большинство ответов на ваши вопросы вы найдете в пользовательском соглашении сервиса: https://mybb.ru/agreement_v1.1.pdf

СветланаАм написал(а):

Ведь именно forum.mybb.ru предоставляет такую услугу.

Данный форум технической поддержки не предоставляет и не оказывает никаких услуг.

0

799

Хэлп кто-нибудь :(

0

800

NIMONA
Киньте в личку Админ-ник пароль  и ссылку на одну из тем с проблемой

+1


Вы здесь » Единый форум поддержки » Форум для новичков » Общие вопросы от новичков (63) #2