Brivium - Hydrogen

Brivium - Hydrogen 1.5.21

Нет прав для скачивания
Автору уже смотрю писали про резину, но получили полный игнор. Странно...
 
вот чел адаптировал его каким то образом
Всё содержимое шаблона discussion_list.css заменяем на:
Код:
.discussionList
{
    position: relative;
    zoom: 1;
    border:none;
}

/** column style and width **/

.discussionList .sectionHeaders,
.discussionListItem
{
    display: table;
    table-layout: fixed;
    width: 100%;
    word-wrap: normal;
}

    .discussionList .sectionHeaders dt,
    .discussionList .sectionHeaders dd,
    .discussionListItem .listBlock
    {
        display: table-cell;
        vertical-align: middle;
    }
   
        .discussionList .posterAvatar
        {
            width: 52px;
        }
       
        .discussionList .main
        {
            width: auto;
            padding-left:10px;
        }

            .discussionList .sectionHeaders .main .postDate
            {
                text-align: right;
            }
       
        .discussionList .stats
        {
            width: 140px;
        }
           
            .discussionList .sectionHeaders .stats .minor
            {
                text-align: right;
            }
       
        .discussionList .lastPost
        {
            width: 150px;
            text-align: right;
            overflow: hidden;
        }
       
        .discussionList .statsLastPost /* combined last two columns */
        {
            width: 290px;
        }
   

/* column headers */

.discussionList .sectionHeaders
{   
    font-size: 11px;
color: #6d3f03;
border-bottom: 1px solid #dddddd;
/*margin: 3px auto 0;*/
/*background: #f9d9b0 url('styles/brivium/hydrogen/xenforo/gradients/category-23px-light.png') repeat-x top;*/

    padding: 0;
   
background: #273037;
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJod…EiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, #273037 0%, #4A5966 50%, #273037 100%);
background: -webkit-gradient(linear, left top, right top, color-stop(0%,#273037), color-stop(50%,#4A5966), color-stop(100%,#273037));
background: -webkit-linear-gradient(left, #273037 0%,#4A5966 50%,#273037 100%);
background: -o-linear-gradient(left, #273037 0%,#4A5966 50%,#273037 100%);
background: -ms-linear-gradient(left, #273037 0%,#4A5966 50%,#273037 100%);
background: linear-gradient(to right, #273037 0%,#4A5966 50%,#273037 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273037', endColorstr='#273037',GradientType=1 );
height: 31px;
-webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -khtml-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0;
font-size: 11px;
text-transform: uppercase;
text-shadow: 0 0 0 #000, 0px 1px 0px #000;
}

    .discussionList .sectionHeaders dt span
    {
        display: none !important;
    }
       
    .discussionList .sectionHeaders a
    {
        display: block;
        color: #b9d5e7; /*color:#6d3f03;*/
        outline: none;
        padding-right: 1px;
    }
   
    .discussionList .sectionHeaders a:hover
    {
        text-decoration: none;
    }
           
    .discussionList .sectionHeaders dd a[href]:hover
    {
        text-decoration: underline;
/*background-color: #fff4e5;*/

    }
       
    .discussionList .sectionHeaders .main a,
    .discussionList .sectionHeaders .stats a
    {
        float: left;
        width: 48%;
        white-space: nowrap;
    }
   
        .discussionList .sectionHeaders a span
        {
           
            display: block;
        }
       
/** IE <8 **/
.discussionList .sectionHeaders,
.discussionListItem                { *display: block; _vertical-align: bottom; }
.discussionList .sectionHeaders dt,
.discussionList .sectionHeaders dd,
.discussionListItem .listBlock     { *display: block; *float: left; }
.discussionListItem .listBlock     { _height: 52px; *min-height: 52px; } /* todo: should be calculation */
.discussionList .posterAvatar      { *width: 6.98%; }
.discussionListItem .posterAvatar  { *font-size: 0; }   
.discussionList .main              { *width: 56.98%; }
.discussionList .stats             { *width: 15.97%; }   
.discussionList .lastPost          { *width: 19.97%; }
.discussionList .statsLastPost     { *width: 35.97%; }
.discussionList .sectionHeaders dt,
.discussionList .sectionHeaders dd { *padding: 5px 0; }
.discussionList .sectionHeaders a,
.discussionList .sectionHeaders a span { *display: inline !important; *float: none !important; }

/* items in thread list */
.discussionListItems
{
max-width: auto;
}
   
/* individual thread list item */
   
/** main **/

.discussionListItem
{
    background-color: #f7f7f7;
   
    border-top: 1px solid #FFF;
border-right: 1px solid #dddddd;
border-bottom: 1px solid #dddddd;
border-left: 1px solid #dddddd;
}





    /* sections, section widths */
   
        .discussionListItem .posterAvatar,       
        .discussionListItem .stats
        {
            background-color: #F7F7F7;
        }
       
        .discussionListItem .main,
        .discussionListItem .lastPost
        {
        }
       
       
       
       
       
       
       
       
    /* avatar section */
   
    .discussionListItem .posterAvatar .avatarContainer
    {
        display: block;
        position: relative;
left: 10px;
background: #EEE;
    }
    .discussionListItem .stats{background: #EEE;}
    .discussionListItem .posterAvatar .avatar
    {
        padding: 5px;
display: block;
width: 36px;
height: 36px;

       
        width: auto;
        height: auto;
    }
   
        .discussionListItem .posterAvatar .avatar img
        {
            width: 36px;
            height: 36px;
            display: block;
        }
       
        .discussionListItem .posterAvatar .miniMe
        {
            padding: 0;
position: absolute;
bottom: 1px;
left: 29px;
z-index: 10;

        }
       
            .discussionListItem .posterAvatar .miniMe img
            {
                padding: 1px;
border: 1px none black;
-webkit-border-radius: 2px; -moz-border-radius: 2px; -khtml-border-radius: 2px; border-radius: 2px;
-webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.5); box-shadow: 1px 1px 5px rgba(0,0,0, 0.5);
width: 20px;
height: 20px;
               
            }       
       
       
    /* title, poster section */
   
    .discussionListItem .titleText
    {
        padding: 5px;
        overflow: hidden; zoom: 1;
        position: relative;
    }
   
        /* unread indicator */
       
        .LoggedIn .discussionListItem .titleText
        {           
            padding-left: 20px;
        }
       
        .LoggedIn .discussionListItem .unreadLink,
        .LoggedIn .discussionListItem .ReadToggle
        {
            display: block;
            width: 10px;
            height: 10px;
           
            position: absolute;
            left: 5px;
            top: 10px;
           
            background: url('styles/brivium/hydrogen/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
           
            white-space: nowrap;
            overflow: hidden;
            text-indent: 9999px;
        }
       
            .LoggedIn .discussionListItem .unreadLink,
            .LoggedIn .discussionListItem.unread .ReadToggle
            {
                background-position: -5px -42px;
            }
       
            .LoggedIn .discussionListItem .ReadToggle:hover
            {
                background-position: -25px -42px;
            }
   
        /* first row */
   
        .discussionListItem .title
        {
            font-size: 11pt;
line-height: 18px;

            max-width: 100%;
            word-wrap: break-word;
        }
       
            .discussionListItems .unread .title a
            {
                font-weight: bold;
/*padding-right: 18px;
                background: transparent url('styles/brivium/hydrogen/xenforo/widgets/discussion-new.png') no-repeat right center;*/

            }
           
       
        .discussionListItem .iconKey span
        {
            margin-left: 5px;
text-indent: -10000em;
float: right;
background: transparent url('styles/brivium/hydrogen/xenforo/xenforo-ui-sprite.png') no-repeat 10000px 0;
width: 16px;
height: 16px;

        }
           
            .discussionListItem .iconKey .sticky    { background-position:   0px -16px; }
            .discussionListItem .iconKey .starred   { background-position: -90px -32px; width: 18px; height: 18px; }
            .discussionListItem .iconKey .watched   { background-position: -144px -16px; width: 16px; height: 16px; }
            .discussionListItem .iconKey .locked    { background-position: -16px -16px; }
            .discussionListItem .iconKey .moderated { background-position: -32px -16px; }
            .discussionListItem .iconKey .redirect  { background-position: -48px -16px; }
            .discussionListItem .iconKey .new       { background-position: -64px -16px; }
       
        /* second row */
       
        .discussionListItem .secondRow
        {
            font-size: 11px;

            clear: both;
        }
       
            .discussionListItem .secondRow .controls
            {
                float: right;
                padding-left: 20px;
            }
               
                .discussionListItem.AjaxProgress .controls
                {
                    background: transparent url('styles/brivium/hydrogen/xenforo/widgets/ajaxload.info_B4B4DC_facebook.gif') no-repeat left center;
                }
           
            .discussionListItem .posterDate
            {
                float: left;
            }
           
           
           
    /* stats section */
   
    .discussionListItem .stats dl
    {
        padding: 0 10px;
        border-left: 1px solid #dddddd;
        border-right: 1px solid #dddddd;
    }
        .discussionListItem .stats .major
        {
            font-size: 11pt;
line-height: 18px;

           
            margin-top: 5px;
        }
           
        .discussionListItem .stats .minor
        {
            font-size: 11px;

           
            margin-bottom: 5px;
        }
           
    /* last post section */
   
    .discussionListItem .lastPostInfo
    {
        padding: 5px;
    }
   
        .discussionListItem .lastPostInfo .username
        {
            font-size: 11pt;
line-height: 18px;

        }
       
   
            .discussionListItems .unread .lastPostInfo .username
            {
                font-weight: bold;
/*padding-right: 18px;
                background: transparent url('styles/brivium/hydrogen/xenforo/widgets/discussion-new.png') no-repeat right center;*/

            }
       
        .discussionListItem .lastPostInfo .dateTime
        {
            font-size: 11px;

        }


/* extra note row */

.discussionListItem .noteRow
{
    background-color: #f7f7f7;
    padding: 5px;
    text-align: center;
    font-size: 11px;
    color: #0047A0;
}




/* deleted item */

.discussionList .discussionListItem.deleted
{
}

    .discussionList .discussionListItem.deleted .avatar img
    {
        opacity: 0.5;
        filter: alpha(opacity='50');
    }
       
    .discussionList .discussionListItem.deleted .deletionNote
    {
        float: left;
        color: rgb(150,0,0);
    }
       
/* moderated item */

.discussionList .discussionListItem.moderated .listBlock
{
    background-color: #f7f7f7;
}

       
       
       
       
       
           
/* inline mod selected/checked classes */

.discussionListItem.InlineModChecked,
.discussionListItem.InlineModChecked .posterAvatar,
.discussionListItem.InlineModChecked .main,
.discussionListItem.InlineModChecked .stats,
.discussionListItem.InlineModChecked .lastPost,
.discussionListItem.deleted.InlineModChecked,
.discussionListItem.moderated.InlineModChecked
{
    background: rgb(255, 255, 200) url('styles/brivium/hydrogen/xenforo/gradients/category-23px-light.png') repeat-x top;

}
















       
/** bottom summary **/

.discussionList .sectionFooter
{
    overflow: hidden; zoom: 1;
}

    .discussionList .sectionFooter .contentSummary
    {
        float: left;
        display: block;
    }

       
/** thread list options **/

.DiscussionListOptions
{
    padding: 10px;
border-right: 1px solid #CCC;
border-left: 1px solid #CCC;
-webkit-border-top-left-radius: 0; -moz-border-radius-topleft: 0; -khtml-border-top-left-radius: 0; border-top-left-radius: 0;
-webkit-border-top-right-radius: 0; -moz-border-radius-topright: 0; -khtml-border-top-right-radius: 0; border-top-right-radius: 0;
-webkit-border-bottom-right-radius: 5px; -moz-border-radius-bottomright: 5px; -khtml-border-bottom-right-radius: 5px; border-bottom-right-radius: 5px;
-webkit-border-bottom-left-radius: 5px; -moz-border-radius-bottomleft: 5px; -khtml-border-bottom-left-radius: 5px; border-bottom-left-radius: 5px;
line-height: 20px;
overflow: hidden;
zoom: 1;

   
}

.hasJs .DiscussionListOptions
{
    display: none;
}

    .DiscussionListOptions dl,
    .DiscussionListOptions .controlGroup
    {
        float: left;
        margin-right: 10px;
       
        overflow: hidden; zoom: 1;
    }
   
        .DiscussionListOptions dt
        {
            float: left;
        }
       
        .DiscussionListOptions dd
        {
            margin-left: 120px;
        }
       
    .DiscussionListOptions .buttonGroup
    {
        float: right;
    }
   
        .DiscussionListOptions .buttonGroup input
        {
            min-width: 75px;
        }
   
#DiscussionListOptionsHandle
{
    position: absolute;
bottom: -17px;
line-height: 16px;
text-align: center;
right: 50%;
white-space: nowrap;

}
   
    #DiscussionListOptionsHandle a
    {
        font-size: 11px;
color: rgb(100,100,100);
background-color: ;
padding: 0 20px;
margin: 0 auto;
border: 1px solid rgb(204, 204, 204);
border-top: 1px none black;
-webkit-border-bottom-right-radius: 10px; -moz-border-radius-bottomright: 10px; -khtml-border-bottom-right-radius: 10px; border-bottom-right-radius: 10px;
-webkit-border-bottom-left-radius: 10px; -moz-border-radius-bottomleft: 10px; -khtml-border-bottom-left-radius: 10px; border-bottom-left-radius: 10px;
display: inline-block;
outline: 0;
position: relative;
right: -50%;

    }
   
.afterDiscussionListHandle
{
    margin-top: 20px;
}
   
/** item page nav **/

.discussionListItem .itemPageNav
{
    visibility: hidden;
}

.discussionListItem:hover .itemPageNav,
.Touch .discussionListItem .itemPageNav
{
    visibility: visible;
}

    .itemPageNav a,
    .itemPageNav span
    {
        font-size: 9px;
padding: 0 3px;
-webkit-border-radius: 3px; -moz-border-radius: 3px; -khtml-border-radius: 3px; border-radius: 3px;
display: inline-block;
text-align: center;

    }
   
    .itemPageNav a
    {
        color: #8f6c3f;
background: #fff4e5 url('styles/brivium/hydrogen/xenforo/gradients/category-23px-light.png') repeat-x;
border: 1px solid #f9d9b0;

    }
   
    .itemPageNav a:hover
    {
        color: #8f6c3f;
text-decoration: none;
background-color: #f9d9b0;
border-color: #f9bc6d;

    }

/** filters **/
       
.discussionListFilters
{
    font-size: 11px;
    overflow: hidden; zoom: 1;
}

    .discussionListFilters .filtersHeading
    {
        float: left;
        margin-right: 5px;
        color: #00469F;
        font-weight: bold;
    }
   
    .discussionListFilters .removeFilter,
    .discussionListFilters .removeAllFilters
    {
        color: #0047A0;
        background: #dddddd url('styles/brivium/hydrogen/xenforo/gradients/form-button-white-25px.png') repeat-x top;
        border: 1px solid #dddddd;
        -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px;
        padding: 2px 10px;
    }
   
        .discussionListFilters .gadget
        {
            color: #00469F;
            font-weight: bold;
            margin-left: 3px;
        }

   
        .discussionListFilters .removeFilter:hover,
        .discussionListFilters .removeAllFilters:hover
        {
            background-color: #ffffff;
            text-decoration: none;
            color: rgb(150,150,150);
            -webkit-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -moz-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); -khtml-box-shadow: 1px 1px 5px rgba(0,0,0, 0.15); box-shadow: 1px 1px 5px rgba(0,0,0, 0.15);
        }
       
    .discussionListFilters .pairsInline dt
    {
        display: none;
    }
   
    .discussionListFilters .filterPairs
    {
        float: left;
    }
   
    .discussionListFilters .removeAll
    {
        float: right;
    }
   
        .discussionListFilters .removeAllFilters
        {
            padding: 2px 6px;
        }


@media (max-width:610px)
{
    .Responsive .discussionList .sectionHeaders .stats
    {
        display: none;
    }
   
    .Responsive .discussionList .sectionHeaders .main .title
    {
        float: none;
        width: auto;
    }
   
    .Responsive .discussionList .sectionHeaders .main .postDate
    {
        display: none;
    }
   
    .Responsive .discussionList .statsLastPost
    {
        display: none;
    }

    .Responsive .discussionListItem .listBlock.main,
    .Responsive .discussionListItem .listBlock.stats,
    .Responsive .discussionListItem .listBlock.lastPost
    {
        display: block;
    }
   
    .Responsive .discussionListItem .listBlock.stats
    {
        float: left;
        width: auto;
        margin-top: -5px;
        border: none;
        background: none;
        padding-left: 5px;
    }
   
        .Responsive.LoggedIn .discussionListItem .listBlock.stats
        {           
            padding-left: 20px;
        }
   
        .Responsive .discussionListItem .listBlock.stats dl
        {
            border: none;
            padding: 0;
        }
       
        .Responsive .discussionListItem .listBlock.stats dd,
        .Responsive .discussionListItem .listBlock.stats dt
        {
            float: none;
            display: inline;
        }
   
        .Responsive .discussionListItem .listBlock.stats .minor
        {
            display: none;
        }
       
        .Responsive .discussionListItem .listBlock.stats .major
        {
            font-size: 11px;
            margin-top: 0;
        }
   
    .Responsive .discussionListItem .listBlock.lastPost
    {
        float: right;
        width: auto;
        margin-top: -5px;
    }
        .Responsive .discussionListItem .listBlock.lastPost .lastPostInfo
        {
            padding-top: 0;
            padding-bottom: 0;
        }
   
        .Responsive .discussionListItem .listBlock.lastPost dt
        {
            display: none;
        }
}

@media (max-width:800px)
{
    .Responsive .discussionList .sectionHeaders .lastPost,
    .Responsive .discussionList .lastPost
    {
        width: 125px;
    }
}

@media (max-width:480px)
{
    .Responsive .discussionListItem .secondRow .startDate,
    .Responsive .discussionListItem .secondRow .EditControl
    {
        display: none;
    }
}
[DOUBLEPOST=1389804626,1389804565][/DOUBLEPOST]Igorek Ii, заканчивайте оффтопить уже. Есть вопросы? Задавайте их в соответствующем разделе! Не надо разводить помойку. Здесь только обсуждение стиля.
 
Как в этой версии грамотно сделать его резиновым??? Все сделал как на писанно выше (ведать версии другии были )вроде работает а вот панель поиска на место не встает и Чат не видеться вставляю в forumlist и не видно его Помогите умные люди
 
Как в этой версии грамотно сделать его резиновым???
1.png

Но будет всё не полностью. Остальное придётся менять руками в шаблонах.


и Чат не видеться вставляю в forumlist и не видно его
http://xenforo.info/resources/taigachat-ajax-shoutbox.163/field?field=faq
 

Но будет всё не полностью. Остальное придётся менять руками в шаблонах.
Все отлично встало поправил чучуть

http://xenforo.info/resources/taigachat-ajax-shoutbox.163/field?field=faq не помогло у меня версия чата 1.2.0 пропал после смены этого шаблона все описанные варианты пробовал что то не вставляется((((
 
Вопрос в тему чата...
 
после установки резины в сплывающих окнах получилось вот так. Может есть новая версия стиля с штатным решением ?? ошибка.jpg
 
Нету новых версий.
 
По фото не гадаю
 
По фото не гадаю

Hope эта проблема не только тут во всех всплывающих окнах. Может разработчик дает какую нибудь информации о резиновом шаблоне ?? Это все из-за того что ручками растянул как вы сказали постами выше может есть более грамотный способ. Буду очень признателен мучаюсь с этой проблемой
 
Как убрать вот это коричнивое ? И желательно покажите как убрать указано стрелкой? Спасибо.

Screenshot_1.png
 
Вы в теме каждого стиля будете спрашивать, как найти шаблон footer???
 
надписи я убрал теперь мне нужно убрать фон коричневый :whistling:
 
Современный облачный хостинг провайдер | Aéza
Назад
Сверху Снизу