Dołącz do zespołu ekspertów! Backend lub Frontend Developer?

Sprawdź najnowsze oferty pracy naszego partnera - 8lines.io!

Font Awesome

Błąd   Założony przez  brzezinsky.

Witam,

mam problem odnośnie menu poziomego.
Po dodaniu ikonki do menu zwiększonej > fa-2x menu zmienia się. Jak zrobić aby nie uciekało?

Sytuacja w załącznikach.

Szablon BigBen

kawałek kodu header
<a name="top" id="top"></a>
        <div class="header">
                <div class="wrapper">
                    <div class="menu menu1">
                        <ul>
                            <li id="nav_home"><a href="{$mybb->settings['bburl']}/index.php">Home</a></li>
                            {$menu_search}
                            {$menu_memberlist}
                            {$menu_calendar}
                        </ul>
                    </div>

kod header_calendar
<li id="nav_calendar"><a href="{$mybb->settings['bburl']}/calendar.php" class="calendar"><i class="fa fa-2x fa-calendar"></i></a></li>

css
*{border:0;margin:0;padding:0}
input[type="checkbox"]{-webkit-appearance:checkbox;box-sizing:border-box;margin:3px}
ul,ol{padding:0 20px}
body{background:#212121 url(images/bigben/img/bgmain.png) center fixed;background-size:cover;font-family:'Open Sans',sans-serif;color:#6C7A89;font-size:100%;font-size:12.5px}
a{text-decoration:none;color:#7B7878}
.wrapper{margin:auto;width:99%;min-width:984px;max-width:1800px}
#debug{float:right;text-align:right;margin-top:20px;font-size:11px}
.scaleimages img{max-width:100%}
.forum_status{height:30px;width:30px;display:inline-block;font-family:'FontAwesome'}
.forum_status:before{content:'\f0e6';font-size:25px}
.forum_on:before{color:#657283}
.forum_off:before{color:#3b4143}
.forum_offlock:before{color:rgba(82,84,84,0.48)}
.forum_offlink:before{color:rgba(82,84,84,0.48)}
.subforumicon{height:10px;width:10px;display:inline-block;margin:0 5px;background:url(images/mini_status_sprite.png) no-repeat 0 0}
.subforum_minion{background-position:0 0}
.subforum_minioff{background-position:0 -10px}
.subforum_miniofflock{background-position:0 -20px}
.subforum_miniofflink{background-position:0 -30px}
.tborder{width:100%;margin:auto;padding:1px}
.tfixed{table-layout:fixed;word-wrap:break-word}
.tcat{background:#495459;color:#A3A7AB;padding:6px;font-size:12px;border-right:1px solid rgba(255,255,255,0.1)}
.tcat:last-child{border:none}
.tcat a:link{color:#A3A39B}
.tcat a:visited{color:#A3A39B}
.tcat a:hover,.tcat a:active{color:#A3A39B}
.mescount{height:2px;width:2px;position:absolute;font-size:10px;background:#384D62;padding:0 7px 12px 3px;border-radius:2px;border:1px solid #5A6874;margin-left:25px;margin-top:-16px}
.trow1{background:#d5d9dc;padding:8px}
.trow2{background:#CDD2D6;padding:8px}
.trow_shaded{background:#ffdde0;border:1px solid;border-color:#fff #ffb8be #ffb8be #fff}
.no_bottom_border{border-bottom:0}
.post.unapproved_post{background:#ffdde0}
.post.unapproved_post .post_author{border-bottom-color:#ffb8be}
.post.classic.unapproved_post .post_author{border-color:#ffb8be}
.post.unapproved_post .post_controls{border-top-color:#ffb8be}
.trow_deleted,.post.deleted_post{background:#E8DEFF}
.trow_selected,tr.trow_selected td{background:#FFFBD9;color:#333;border-right-color:#F7E86A;border-bottom-color:#F7E86A}
.trow_selected a:link,.trow_selected a:visited,.trow_selected a:hover,.trow_selected a:active{color:#333}
.trow_sep{background:#ddd;color:#333;border-bottom:1px solid #c5c5c5;padding:6px;font-size:12px;font-weight:700}
.tfoot{padding:10px;background:#344146;color:#49575C;border-bottom:1px solid rgba(102,117,123,0.42)}
.tfoot a{color:#6C7A89;text-decoration:none;line-height:2.5}
.thead input.textbox,.thead select{border:1px solid #263c30}
.bottommenu{background:#efefef;color:#333;border:1px solid #4874a3;padding:10px}
.navigation{color:#FFFBFB;font-size:12.5px;background:#384D62;padding:8px}
.navigation a{color:#fff;font-size:12.5px}
.smalltext{font-size:11px}
.largetext{font-size:16px;font-weight:700}
fieldset{padding:10px;margin:0;margin-top:1px;border:none;background:#16A086;color:#fff}
fieldset a{color:#fff}
fieldset.trow1,fieldset.trow2{border:none}
fieldset.align_right{text-align:right}
input.textbox{background:rgba(255,255,255,0.69);color:#333;padding:3px;outline:0;border:none;font-size:13px;font-family:Tahoma,Verdana,Arial,Sans-Serif;box-shadow:0 0 2px 1px rgba(0,0,0,0.33)}
textarea{line-height:1.4;outline:0;font-family:Tahoma,Verdana,Arial,Sans-Serif;font-size:13px;background:rgba(255,255,255,0.69);color:#333;border:none;box-shadow:0 0 2px 1px rgba(0,0,0,0.33)}
select{background:rgba(255,255,255,0.69);color:#333;padding:3px;outline:0;border:none;font-size:13px;font-family:Tahoma,Verdana,Arial,Sans-Serif;box-shadow:0 0 2px 1px rgba(0,0,0,0.33)}
button,input.button{padding:5px 8px;cursor:pointer;font-size:13px;box-shadow:0 0 2px 1px rgba(0,0,0,0.15);background:#344146;color:#A3A7AB;outline:0;border:none;margin:2px}
button:hover,input.button:hover{border-color:#aaa}
form{margin:0;padding:0}
input.error,textarea.error,select.error{border:1px solid #f30;color:#f30}
input.valid,textarea.valid,select.valid{border:1px solid #0c0}
label.error{color:#f30;margin:5px;padding:0;display:block;font-weight:700;font-size:11px}
form #message{width:500px}
#fastmestdiv{width:95%}
.editor{background:#f1f1f1;border:1px solid #ccc}
.editor_control_bar{background:#fff;border:1px solid #ccc}
.post .editor_control_bar{background:#f5f5f5}
.popup_menu{background:rgba(154,179,179,0.5)}
.popup_menu .popup_item{color:#A5B3B3;background:#344146}
.popup_menu .popup_item:hover{background:#2D373A}
.trow_reputation_positive{background:#cfc}
.trow_reputation_negative{background:#fcc}
.reputation_positive{color:#647182}
.reputation_neutral{color:#647182}
.reputation_negative{color:#647182}
.repbox{font-size:16px;font-weight:700;padding:5px 7px}
._neutral{background-color:#FAFAFA;color:#999;border:1px solid #CCC}
._minus{background-color:#FDD2D1;color:#CB0200;border:1px solid #980201}
._plus{background-color:#E8FCDC;color:#080;border:1px solid #080}
img{border:none}
img.attachment{border:1px solid #E9E5D7;padding:2px}
hr{background-color:#000;color:#000;height:1px;border:0}
.clear{clear:both}
.float_left{float:left}
.float_right{float:right}
.hidden{display:none;float:none;width:1%}
.hiddenrow{display:none}
.selectall{background:#FFFBD9;border-bottom:1px solid #F7E86A;color:#333;text-align:center}
blockquote{border:1px solid #ccc;margin:0;background:#fff;padding:10px}
blockquote cite{font-weight:700;border-bottom:1px solid #ccc;font-style:normal;display:block;padding-bottom:3px;margin:0 0 10px}
blockquote cite span{float:right;font-weight:400;font-size:12px;color:#666}
blockquote cite span.highlight{float:none;font-weight:700;padding-bottom:0}
.codeblock{background:#fff;border:1px solid #ccc;padding:10px}
.codeblock .title{border-bottom:1px solid #ccc;font-weight:700;padding-bottom:3px;margin:0 0 10px}
.codeblock code{overflow:auto;height:auto;max-height:200px;display:block;font-family:Monaco,Consolas,Courier,monospace;font-size:13px}
.smilie{vertical-align:middle}
.smilie_pointer{cursor:pointer}
.separator{margin:5px;padding:0;height:0;font-size:1px;list-style-type:none}
.popup_menu .popup_item_container{margin:1px;text-align:left;transition:1s}
.popup_menu .popup_item{display:block;padding:4px;white-space:nowrap;text-decoration:none;transition:1s}
.popup_menu a.popup_item:hover{text-decoration:none}
.subject_new{font-weight:700}
.highlight{background:#FFC;padding-top:3px;padding-bottom:3px}
.pm_alert{background:#FFF6BF;border:1px solid #FFD324;text-align:center;padding:5px 20px;margin-bottom:15px;font-size:11px}
.red_alert{background:#FBE3E4;border:1px solid #A5161A;color:#A5161A;text-align:center;padding:5px 20px;margin-bottom:15px;font-size:11px;word-wrap:break-word}
.red_alert a:link,.red_alert a:visited,.red_alert a:hover,.red_alert a:active{color:#A5161A}
.high_warning{color:#C00}
.moderate_warning{color:#F3611B}
.low_warning{color:#AE5700}
.online{color:#15A018}
.offline{color:#C7C7C7}
div.error{padding:5px 10px;border-top:2px solid #FFD324;border-bottom:2px solid #FFD324;background:#FFF6BF;font-size:12px}
div.error p{margin:0;color:#333;font-weight:400}
div.error p em{font-style:normal;font-weight:700;padding-left:24px;display:block;color:#C00;background:url(images/error.png) no-repeat 0}
div.error ul{margin-left:24px}
.pagination{font-size:11px;padding-top:10px;margin-bottom:5px}
.tfoot .pagination,.tcat .pagination{padding-top:0}
.pagination .pages{font-weight:700}
.pagination .pagination_current,.pagination a{padding:3px 6px;margin-bottom:3px}
.pagination a{background:#344146;border-bottom:1px solid #495459;padding:4px 8px}
.pagination .pagination_current{color:#DEDEDE;border:none;background:rgba(255,255,255,0.05);border-bottom:1px solid transparent}
.pagination a:hover{text-decoration:none}
.pagination .go_page img{margin-bottom:-4px}
.drop_go_page{background:#f5f5f5;padding:4px}
.pagination_breadcrumb{background-color:#efefef;border:1px solid #fff;outline:1px solid #ccc;padding:5px;margin-top:5px;font-weight:400}
.pagination_breadcrumb_link{vertical-align:middle;cursor:pointer}
.thread_legend,.thread_legend dd{margin:0;padding:0}
.thread_legend dd{padding-bottom:4px;margin-right:15px}
.thread_legend img{margin-right:4px;vertical-align:bottom}
.forum_legend,.forum_legend dt,.forum_legend dd{margin:0;padding:0}
.forum_legend dd{float:left;margin-right:10px;margin-top:7px}
.forum_legend dt{margin-right:10px;float:left}
.success_message{color:#00b200;font-weight:700;font-size:10px;margin-bottom:10px}
.error_message{color:#C00;font-weight:700;font-size:10px;margin-bottom:10px}
#posts_container{padding:0;margin:0}
.ignored_post{border-top:3px solid #333;padding:15px}
.ignored_post .show_ignored_post{margin-top:-15px}
.ignored_post .show_ignored_post a.button span{background-position:0 -400px}
.post{overflow:hidden;border-left:1px solid #344146;border-right:1px solid #344146;margin-bottom:5px}
.post .post_author{background:rgba(52,65,70,0.68);padding:10px;padding:5px;overflow:hidden;color:#fff}
.post.classic{padding:0}
.post .post_author .buddy_status{vertical-align:middle;position:absolute}
.post .post_author div.author_avatar{float:left;margin-right:3px}
.post.classic .post_author div.author_avatar{float:none;text-align:center;margin-bottom:8px}
.post.classic .post_author div.author_avatar img{border:2px solid #495459;margin-top:6px;height:100px;width:100px}
.post .post_author div.author_information{float:left;padding:6px 8px}
.post.classic .post_author div.author_information{float:none;padding:0;text-align:center}
.post .post_author div.author_statistics{float:right;font-size:11px;color:#F3F3F3;line-height:1.3;margin-top:-1px}
.post_author div.author_statistics ul{list-style-type:none}
.post_author div.author_statistics ul li{background:#344146;margin-bottom:3px;padding:5px;box-shadow:0 0 1px rgba(0,0,0,0.29)}
.post.classic .post_author div.author_statistics{border-top:1px solid rgba(102,117,123,0.42);margin:6px 0 0;padding:6px 6px 3px;float:none;text-align:center;border-bottom:1px solid #455054}
.post .post_head{font-size:11px;padding-bottom:4px;margin-bottom:4px;margin-top:10px}
.post .post_head span.post_date{color:#666}
.post .post_head span.edited_post{font-size:11px;color:#999}
.post .post_head span.edited_post a{color:#666}
.post_body{font-size:13px;padding:12px 0}
.post.classic .post_content{float:left;width:83%;padding:0 1% 5px}
.post_content{padding:9px 10px 5px;background:rgba(44,53,56,0.36);border-bottom:1px solid #344146;overflow:auto;height:100%}
.post_content .signature{margin-top:5px;border-top:1px dotted #ddd;padding:10px 0 4px}
.post .post_meta{margin:4px 0;font-size:11px;color:#999}
.post .post_meta a:link,.post .post_meta a:visited{color:#777}
.post .post_meta a:hover,.post .post_meta a:active{color:#777}
.post_controls{clear:both;background:rgba(52,65,70,0.68);overflow:hidden}
.postbit_buttons > a:link,.postbit_buttons > a:hover,.postbit_buttons > a:visited,.postbit_buttons > a:active{display:inline-block;padding:7px 8px;font-size:11px;color:#adbbbb;border-bottom:1px solid rgba(102,117,123,0.42);background:#344146;transition:1s}
.postbit_buttons a span{padding-left:20px;display:inline-block;height:16px;background-image:url(images/buttons_sprite.png);background-repeat:no-repeat}
.postbit_buttons a.postbit_find span{background-position:0 0}
.postbit_buttons a.postbit_reputation_add span{background-position:0 -20px}
.postbit_buttons a.postbit_email span{background-position:0 -40px}
.postbit_buttons a.postbit_website span{background-position:0 -60px}
.postbit_buttons a.postbit_pm span{background-position:0 -80px}
.postbit_buttons a.postbit_quote span{background-position:0 -100px}
.postbit_buttons a.postbit_multiquote span{background-position:0 -120px}
.postbit_buttons a.postbit_multiquote_on span{background-position:0 -140px}
.postbit_buttons a.postbit_edit span{background-position:0 -160px}
.postbit_buttons a.postbit_qdelete span{background-position:0 -180px}
.postbit_buttons a.postbit_qrestore span{background-position:0 -200px}
.postbit_buttons a.postbit_report span{background-position:0 -220px}
.postbit_buttons a.postbit_warn span{background-position:0 -240px}
.postbit_buttons a.postbit_purgespammer span{background-position:0 -540px}
.postbit_buttons a.postbit_reply_pm span{background-position:0 -260px}
.postbit_buttons a.postbit_reply_all span{background-position:0 -280px}
.postbit_buttons a.postbit_forward_pm span{background-position:0 -300px}
.postbit_buttons a.postbit_delete_pm span{background-position:0 -320px}
a.button:link,a.button:hover,a.button:visited,a.button:active{background:#344146 repeat-x;color:#fff;display:inline-block;padding:4px 8px;margin:2px 2px 6px;font-size:14px}
a.button.small_button{font-size:13px;margin:0;padding:3px 6px}
a.button span{padding-left:20px;display:inline-block;background-image:url(images/buttons_sprite.png);background-repeat:no-repeat}
a.button.new_thread_button span{background-position:0 -340px}
a.button.new_reply_button span{background-position:0 -360px}
a.button.closed_button span{background-position:0 -380px}
a.button.rate_user_button span{background-position:0 -400px}
a.button.add_buddy_button span{background-position:0 -440px}
a.button.remove_buddy_button span{background-position:0 -480px}
a.button.add_ignore_button span{background-position:0 -460px}
a.button.remove_ignore_button span{background-position:0 -500px}
a.button.report_user_button span{background-position:0 -520px}
.quick_jump{background:url(images/jump.png) no-repeat 0;width:13px;height:13px;padding-left:13px;margin-top:-3px;border:none}
.pollbar{background:url(images/pollbar.png) top left repeat-x;border:1px solid #3f3f3f;height:10px}
.pollbar .percent{display:none}
.posticons_label{white-space:nowrap}
.ie6{position:absolute}
.ie6.top-right{right:auto;bottom:auto;left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) + (ignoreMe2 document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px')}
.ie6.top-left{left:expression((0 + (ignoreMe2 document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px')}
.ie6.bottom-right{left:expression((0 - jGrowl.offsetWidth + (document.documentElement.clientWidth ? document.documentElement.clientWidth:document.body.clientWidth) + (ignoreMe2 document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) + (ignoreMe document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px')}
.ie6.bottom-left{left:expression((0 + (ignoreMe2 document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 - jGrowl.offsetHeight + (document.documentElement.clientHeight ? document.documentElement.clientHeight:document.body.clientHeight) + (ignoreMe document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px')}
.ie6.center{left:expression((0 + (ignoreMe2 document.documentElement.scrollLeft ? document.documentElement.scrollLeft:document.body.scrollLeft)) + 'px');top:expression((0 + (ignoreMe document.documentElement.scrollTop ? document.documentElement.scrollTop:document.body.scrollTop)) + 'px');width:100%}
.jGrowl{z-index:9999;color:#fff;font-size:12px;font-family:"Helvetica Neue",Helvetica,Arial,sans-serif;position:fixed}
.jGrowl.top-left{left:0;top:0}
.jGrowl.top-right{right:0;top:0}
.jGrowl.bottom-left{left:0;bottom:0}
.jGrowl.bottom-right{right:0;bottom:0}
.jGrowl.center{top:0;width:50%;left:25%}
.jGrowl.center .jGrowl-notification,.jGrowl.center .jGrowl-closer{margin-left:auto;margin-right:auto}
.jGrowl-notification{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;word-break:break-all;min-height:40px}
.jGrowl-notification .ui-state-highlight,.jGrowl-notification .ui-widget-content .ui-state-highlight,.jGrowl-notification .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}
.jGrowl-notification .jGrowl-header{font-weight:700;font-size:.85em}
.jGrowl-notification .jGrowl-close{background-color:transparent;color:inherit;border:none;z-index:99;float:right;font-weight:700;font-size:1em;cursor:pointer}
.jGrowl-closer{background-color:#000;opacity:.9;filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));-ms-filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=(0.9*100));zoom:1;width:250px;padding:10px;margin:10px;text-align:left;display:none;border-radius:5px;word-break:break-all;padding-top:4px;padding-bottom:4px;cursor:pointer;font-size:.9em;font-weight:700;text-align:center}
.jGrowl-closer .ui-state-highlight,.jGrowl-closer .ui-widget-content .ui-state-highlight,.jGrowl-closer .ui-widget-header .ui-state-highlight{border:1px solid #000;background:#000;color:#fff}
@media print{.jGrowl{display:none}
}
.modal{display:none;width:400px;text-align:left;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px;-webkit-box-shadow:0 0 10px #000;-moz-box-shadow:0 0 10px #000;-o-box-shadow:0 0 10px #000;-ms-box-shadow:0 0 10px #000;box-shadow:0 0 10px #000}
.modal a.close-modal{position:absolute;top:-12.5px;right:-12.5px;display:block;width:30px;height:30px;text-indent:-9999px;background:url(images/close.png) no-repeat 0 0}
.modal-spinner{display:none;width:64px;height:64px;position:fixed;top:50%;left:50%;margin-right:-32px;margin-top:-32px;background:url(images/spinner_big.gif) no-repeat center center;-webkit-border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-ms-border-radius:8px;border-radius:8px}
.jqifade{position:absolute;background-color:#777}
iframe.jqifade{display:block;z-index:-1}
div.jqi{width:400px;max-width:90%;font-family:Verdana,Geneva,Arial,Helvetica,sans-serif;position:absolute;background-color:#fff;font-size:11px;text-align:left;border:solid 1px #eee;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px;padding:7px}
div.jqi .jqiclose{position:absolute;top:4px;right:-2px;width:18px;cursor:default;color:#bbb;font-weight:700}
div.jqi .jqistate{background-color:#fff}
div.jqi .jqititle{padding:5px 10px;font-size:16px;line-height:20px;border-bottom:solid 1px #eee}
div.jqi .jqimessage{padding:10px;line-height:20px;color:#444;overflow:auto}
div.jqi .jqibuttonshide{display:none}
div.jqi .jqibuttons{text-align:right;margin:0 -7px -7px;border-top:solid 1px #e4e4e4;background-color:#f4f4f4;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px}
div.jqi .jqibuttons button{margin:0;padding:15px 20px;background-color:transparent;font-weight:400;border:none;border-left:solid 1px #e4e4e4;color:#777;font-weight:bold;font-size:12px}
div.jqi .jqibuttons button.jqidefaultbutton{color:#489afe}
div.jqi .jqibuttons button:hover,div.jqi .jqibuttons button:focus{color:#287ade;outline:none}
div.jqi .jqibuttons button[disabled]{color:#aaa}
.jqiwarning .jqi .jqibuttons{background-color:#b95656}
div.jqi .jqiparentstate::after{background-color:#777;opacity:.6;filter:alpha(opacity=60);content:'';position:absolute;top:0;left:0;bottom:0;right:0;border-radius:6px;-moz-border-radius:6px;-webkit-border-radius:6px}
div.jqi .jqisubstate{position:absolute;top:0;left:20%;width:60%;padding:7px;border:solid 1px #eee;border-top:none;border-radius:0 0 6px 6px;-moz-border-radius:0 0 6px 6px;-webkit-border-radius:0 0 6px 6px}
div.jqi .jqisubstate .jqibuttons button{padding:10px 18px}
.jqi .jqiarrow{position:absolute;height:0;width:0;line-height:0;font-size:0;border:solid 10px transparent}
.jqi .jqiarrowtl{left:10px;top:-20px;border-bottom-color:#fff}
.jqi .jqiarrowtc{left:50%;top:-20px;border-bottom-color:#fff;margin-left:-10px}
.jqi .jqiarrowtr{right:10px;top:-20px;border-bottom-color:#fff}
.jqi .jqiarrowbl{left:10px;bottom:-20px;border-top-color:#fff}
.jqi .jqiarrowbc{left:50%;bottom:-20px;border-top-color:#fff;margin-left:-10px}
.jqi .jqiarrowbr{right:10px;bottom:-20px;border-top-color:#fff}
.jqi .jqiarrowlt{left:-20px;top:10px;border-right-color:#fff}
.jqi .jqiarrowlm{left:-20px;top:50%;border-right-color:#fff;margin-top:-10px}
.jqi .jqiarrowlb{left:-20px;bottom:10px;border-right-color:#fff}
.jqi .jqiarrowrt{right:-20px;top:10px;border-left-color:#fff}
.jqi .jqiarrowrm{right:-20px;top:50%;border-left-color:#fff;margin-top:-10px}
.jqi .jqiarrowrb{right:-20px;bottom:10px;border-left-color:#fff}
.headerlower{position:absolute;top:0;left:0;right:0;background:#384d62;box-shadow:2px 2px 1px 0 rgba(133,145,157,0.56);line-height:1}
.headerlower ul{width:100%;list-style-type:none}
.headerlowe .user_links:before{content:' ';clear:both}
.headerlower ul li{float:left;margin-right:10px}
.headerlower a,.headerlower{color:#fff;transition-duration:1s}
.headerlower a:hover{color:#ccc}
#logo img{margin-bottom:16px}
.tcattrow1{background:#CDD2D6;padding:8px}
.tcattrow2{background:#d5d9dc;padding:8px}
.expander.fa.collapse:before{content:"\f102";font-size:24px;line-height:2.5;font-size:16px}
.expander.fa.collapse_collapsed:before{content:"\f103";font-size:24px;line-height:2.5;font-size:16px}
.iconav{float:left;padding:0 4px 2px;box-shadow:inset 0 0 6px #384d62;width:auto;vertical-align:middle;margin-top:3px;background:#BFC4C8}
.nicon:before{content:'\f015';font-family:'FontAwesome';font-size:17px;color:rgba(56,77,98,0.71)}
.tfoot button,.tfoot input{width:auto;vertical-align:middle;margin-top:3px;color:#697482;background:none;box-shadow:none;border:1px solid rgba(108,122,137,0.59);background:rgba(255,255,255,0.02)}
.tfoot button:hover,.tfoot input:hover{border:1px solid rgba(108,122,137,0.59)}
.tfoot button:focus,.tfoot input:focus{background:rgba(255,255,255,0.08)}
.tcat .smalltext{line-height:2}
.statslinks{list-style-type:none;text-align:center;margin-top:26px}
.statslinks li{display:inline-block;padding:6px 20px;background:#16a086;border-bottom:4px inset #384d62;box-shadow:inset 0 0 6px #bfc4c8;border-bottom-left-radius:8px;border-bottom-right-radius:8px}
.statslinks a{color:#fff}
.fastsstrow1{height:200px;float:left;width:49.8%;background-size:30%;transition:1s}
.fastsstrow2{height:200px;float:right;width:49.8%;background-size:30%;transition:1s}
.fastss1{display:inline-block;background:url(http://i.imgur.com/AEcOXFc.png);backgrou...adow:inset 200px 200px 0 rgba(0,0,0,0.23);transition:1s}
.fastss1:hover{box-shadow:inset 200px 200px 0 rgba(0,0,0,0.63)}
.fastss2{display:inline-block;background:url(http://i.imgur.com/4HhFvKl.png);backgrou...adow:inset 200px 200px 0 rgba(0,0,0,0.23);transition:1s}
.fastss2:hover{box-shadow:inset 200px 200px 0 rgba(0,0,0,0.63)}
.fastss3{display:inline-block;background:url(http://i.imgur.com/9xsTAi3.png);backgrou...adow:inset 200px 200px 0 rgba(0,0,0,0.23);transition:1s}
.fastss3:hover{box-shadow:inset 200px 200px 0 rgba(0,0,0,0.63)}
.fastss4{display:inline-block;background:url(http://i.imgur.com/o94Nrti.png);backgrou...adow:inset 200px 200px 0 rgba(0,0,0,0.23);transition:1s}
.fastss4:hover{box-shadow:inset 200px 200px 0 rgba(0,0,0,0.63)}
.fastssn{display:none;width:100%;height:200px;transition:1s;text-align:center;line-height:2.7;font-size:74px;color:rgba(255,255,255,0.34)}
.fastss1:hover > .fastssn{display:block}
.fastss2:hover > .fastssn{display:block}
.fastss3:hover > .fastssn{display:block}
.fastss4:hover > .fastssn{display:block}
input[type="checkbox" i]{margin:3px 3px 3px 4px}
a{text-decoration:none;color:#7B7878}
.header,.header a{font-size:15px;color:#ecf0f1}
.logotype a{text-align:center}
.fsect,.fsect a{color:#fff}
.header{z-index:100;background:#344146;height:59px;min-width:1081px}
.logotype{float:left;width:10%;position:relative}
.logotype img{opacity:.7;transition:ease opacity .7s;margin-left:-31px;margin-top:1.5px}
.logotype img:hover{opacity:1}
.menu1{float:left;width:45%}
.menu2{float:right;width:45%;text-align:right}
.menu ul a{transition:.5s}
.menu1 ul{list-style-type:none;text-align:center;display:inline-table;margin:0;}
.menu ul li{display:inline-block;padding:15px 5px;transition:background 1s;position:relative}
.menu ul li.active{border-right:none}
.menu1 ul li.active{border-bottom:5px solid #6C7A89;background-size:80%;color:#6C7A89;background:rgba(96,104,108,0.42);box-shadow:0 0 5px 0 rgba(0,0,0,0.21)}
.menu ul li.active:first-child a{color:#8396a2}
.menu ul li a:hover{color:#6C7A89}
.menu .avatar{float:left;position:absolute;height:30px;border:2px solid #495459;margin-left:-50px;margin-top:-6px}
.menu > ul > li > ul{visibility:hidden;opacity:0;transition:visibility 0s,opacity .5s linear;position:absolute;background:#344146;z-index:1000;margin-top:11px;box-shadow:0 0 3px rgba(0,0,0,0.43);width:160px;margin-left:-50px}
.menu > ul > li > ul > li > a{transition:0}
.menu > ul > li:hover > ul{visibility:visible;opacity:1;padding:0}
.menu > ul > li > ul:before{content:"\f0de";position:absolute;margin-left:-87px;margin-top:-13px;font-family:FontAwesome;font-size:30px;color:#6C7A89}
.menu > ul > li > ul > li{display:block;padding:12px 15px;text-align:center;border-bottom:1px solid #6C7A89}
.menu > ul > li > ul > li:last-child{border:none}
.wrapper{margin:auto;width:99%;min-width:984px;max-width:1800px}
.fsect{height:100%;min-height:100%;background:url(images/bigben/img/advertbg.png) top center no-repeat;word-wrap:break-word;background-size:cover}
.fsect .wrapper{min-height:100%;width:100%;word-wrap:break-word;height:100%}
.shadowsect{background:rgba(0,0,0,0.25)}
.ssect{word-break:break-word;width:100%;max-width:100%}
.ssect .wrapper{max-width:100%;min-height:100%;word-break:break-word}
.fsectmain{padding:40px 20px;word-wrap:break-word}
.fsectshadow{background:rgba(0,0,0,0.77);word-wrap:break-word}
.slider{margin-top:10px;width:100%;min-height:268px;background:rgba(0,0,0,0.26);padding:10px;box-shadow:inset 0 0 10px rgba(44,62,80,0.41)}
.left-angle{float:left;width:10%;text-align:center;min-height:240px;font-size:45px;position:relative}
.slider-main{width:80%;float:left;min-height:240px;text-align:center}
.right-angle{float:right;width:10%;text-align:center;min-height:240px;font-size:45px;position:relative}
.slider td i{position:absolute;top:45%;color:rgba(255,255,255,0.33);cursor:pointer;transition:1s}
.slider td i:hover{color:rgba(255,255,255,0.53)}
.slider-main img{display:inline-block;max-width:100%;width:920px;height:240px}
#sliderul{list-style-type:none}
.navmain{background:#344146;padding:15px;color:#A3A7AB;border-bottom:4px solid rgba(163,167,171,0.19);font-size:12.5px}
.navmain a{color:#A3A7AB}
#Maincont{padding:5px 30px}
.announce{width:100%;position:relative}
.annicon{width:40%;float:left;text-align:center}
.anninfo{width:50%;float:right}
.annicon img{display:inline-block;height:180px}
.annname{text-align:center;font-size:35px;font-weight:700;color:#9a0000;text-shadow:0 0 3px #000}
.annmoreinfo{font-size:16px;text-align:center;margin-top:20px;text-shadow:0 0 3px #DDDDEA}
.annbutton{margin-top:40px;text-shadow:0 0 3px #DDDDEA}
.post.classic .signature{background:rgba(44,53,56,0.36);border-bottom:1px solid #344146;width:83%;float:right;padding:6px 1% 5px}
.signature img{max-width:100%;max-height:400px}
.annbutton span{padding:9px 10px;border:3px solid rgba(152,0,0,0.64);width:auto;background:rgba(202,202,221,0.07)}
.leftbox{width:80%;float:left}
.menu2 .login_ul{width:auto;margin-left:-90%;padding:0}
.menu2 .login_ul .lost_password{font-size:12.5px}
.menu2 .login_ul:before{margin-left:-50%}
.menu2 .login_ul li td{padding:4px 10px;width:auto;height:auto;font-size:12.5px}
.menu2 .login_ul li td strong{color:#6C7A89;font-weight:400}
.menu2 .login_ul input[type=submit]{background:rgba(108,122,137,0.56)}
.menu2 .login_ul input[type=text],.menu2 .login_ul input[type=password]{background:rgba(108,122,137,0.56);transition:.7;margin-bottom:5px}
.menu2 .login_ul input[type=text]:focus,.menu2 .login_ul input[type=password]:focus{background:rgba(108,122,137,0.86)}
.menu2 .login_ul input[type=text]{margin-top:5px}
.rightbox{width:19%;float:right}
.trow1,.trow2{background:rgba(52,65,70,0.68);padding:10px;border-bottom:1px solid #344146}
.thead{background:#344146;height:40px;line-height:3.1;padding:0 10px}
.shead{background:#344146;padding:8px;font-weight:700}
.srow{background:rgba(21,21,23,0.68);padding:10px;border-bottom:1px solid #495459}
.fastlinks{text-align:center;font-size:14px}
.ithead{width:50px;background:rgba(27,27,27,0.19);float:left;height:40px;text-align:center;margin-left:-10px}
.cthead{float:left;padding-left:10px}
.expcolimage{width:50px;background:rgba(27,27,27,0.19);float:right;height:40px;text-align:center;cursor:pointer;font-size:16px;line-height:2.5;margin-right:-10px}
.tcat .expcolimage{padding:0;margin:0;background:none;line-height:1;height:auto;width:auto}
.trowstats{background:rgba(44,53,56,0.36);border-bottom:1px solid #344146}
.footer{background:#344146;color:#A3A7AB;border:1px solid #495459;padding:15px;margin-top:20px}
.iforum{float:left}
.author{float:right;text-align:right}
.forumicons{padding:0;width:50px}
.forumsnames{width:45%}
.forumslastposts{text-align:left;white-space:nowrap;width:32%}
.lastpostavatar{height:50px;border:2px solid #495459}
.subforumtable{float:left}
.subforumtable2{float:left;padding-left:15px}
.lastpostinfo{float:left;padding-left:10px}
.ithead_1:before{font-family:'FontAwesome';content:'\f030'}
.ithead_3:before{font-family:'FontAwesome';content:'\f109'}
.ver_sub{margin:0;padding:0;list-style:none;font-size:12.5px;color:#7B7878}
.ver_sub li{width:35%;float:left}
.statsul{list-style:none;text-align:center}
.statsul li{display:inline-block;padding:10px;margin:0}
.statsul li div{background:#2F3A3E;padding:5px 10px;height:40px;box-shadow:0 0 3px rgba(0,0,0,0.14);float:left}
.statsul li div:first-child{padding:5px 10px;background:rgba(108,122,137,0.56);color:#2F3A3E}
.statsul li div:first-child i{line-height:2.4;font-size:17px}
.ithead i:before,.expcolimage i:before{line-height:2.4;font-size:17px}
.userinfo{text-align:center;margin-top:10px;font-size:12px}
.userinfo a{font-weight:400;font-size:13px}
.post.classic .post_author{float:left;width:15%;border-left:0;padding:0;overflow:auto;height:100%}
.profile_container{width:79%;float:left;margin-bottom:10px}
.profile_maincont:first-child{background:rgba(52,65,70,0.68);padding:10px}
.profile_informations{width:20%;float:right}
.profile_informations .trow1,.profile_informations .trow2{padding:7px}
.profile_informations .trow1{background:rgba(52,65,70,0.33)}
.profile_maininfo{float:left;padding-left:10px}
.trow1 ul{list-style-type:none}
.profile_avatar{float:left}
@media screen and (max-width:984px){.wrapper{min-width:0}
.rightbox,.leftbox{float:none;width:100%}
.menu2 .login_ul{margin-left:-55%}
.rightbox{margin-top:20px}
.forumsnames{width:60%;float:none}
.forumslastposts{width:40%;float:none}
.forumsicons,.trowstats,.lastpostavatar,.annicon,.menu .avatar,.ver_sub{display:none}
#Maincont{padding:3px}
.author,.iforum{float:none;text-align:center}
.anninfo{width:100%;float:none}
.annname{font-size:18px}
.header{min-width:0;height:auto}
.menu,.logotype{float:none;height:100%}
.logotype img{margin:0}
.menu,.menu2{float:none;width:100%;text-align:center}
.logotype{text-align:center;width:100%}
.menu1 ul li.active:first-child{border:none;box-shadow:none}
.header .wrapper{width:100%}
.menu,.menu2,.logotype{border-bottom:1px solid #444B51}
.menu > ul > li > ul:before{display:none}
.menu > ul > li > ul > li{padding:5px 15px}
.menu > ul > li > ul{margin-left:-26px;margin-left:20px}
.imageholder{max-width:100%}
.statsul li:after{clear:both;content:''}
.post.classic .post_author,.post.classic .post_content{float:none;width:100%;margin-bottom:0;padding:0}
.post.classic .post_content{margin-top:-10px}
.post .post_head{padding:5px}
.post_body{padding:5px}
.post .post_author div.author_avatar img{width:50px;height:50px}
textarea{width:100%}
.post .post_author div.author_statistics,.post .post_author div.author_information,.post .post_author div.author_avatar{float:none;text-align:center}
.tfoot .float_right{text-align:center;float:none}
.tfoot{text-align:center}
.tfoot .float_right,.tfoot .float_left{float:none;text-align:center}
.postbit_buttons a{margin:2px}
.author_statistics{display:none}
#quickreply_e .trow1{width:100%;float:none;text-align:center}
#fastmesinputs{display:none}
#quickreply_e textarea{display:inline-block}
#fastmestdiv{width:99%;max-width:99%}
.thread_tools,#debug{display:none}
.float_right{text-align:center}
.signature{display:none}
.profile_container{width:100%;float:none}
.profile_avatar{width:100%;float:none}
.profile_avatar img{display:inline-block}
.profile_maincont:first-child{text-align:center}
.profile_informations{float:none;width:100%}
}
.thead .float_right{line-height:3.8}

/* DVZ Shoutbox */
#shoutbox { margin-bottom: 10px; border: solid 2px rgba(0,0,0,0.1); }
#shoutbox .head { padding: 8px; }
#shoutbox.front .head { cursor: pointer; }
#shoutbox .head .right { float: right; margin: 0; font-size: 13px; }
#shoutbox.collapsed .head { opacity: 0.6; }
#shoutbox.collapsed .body { display: none; }

#shoutbox .panel { border-top: solid 2px rgba(0,0,0,0.1); }
#shoutbox input.text { margin: 0; padding: 10px 8px; width: 100%; box-sizing: border-box; border: none; box-shadow: inset 0 2px 4px rgba(0,0,0,0.08); font-family: Arial, sans-serif; font-size: 12px; color: #000; }
#shoutbox .minposts, #shoutbox .blocked { padding: 6px; font-size: 11px; }
#shoutbox .panel.minposts { background: #FFFED8; color: #727250; }
#shoutbox .panel.blocked { background: #FCEFEF; color: #543A3A; }
#shoutbox .panel p { margin: 0; }

#shoutbox .window { border-top: solid 2px rgba(0,0,0,0.1); overflow-y: scroll; }
#shoutbox .data { display: table; width: 100%; border-top: solid 2px rgba(0,0,0,0.1); font-family: Arial, sans-serif; font-size: 12px; }
#shoutbox.front .data { border-top: none; }

#shoutbox .entry { display: table-row !important; width: 100%; transition: background-color 0.2s; }
#shoutbox .entry:nth-child(even) { background-color: rgba(0,0,0,0.01); }
#shoutbox .entry.new { background-color: rgba(255,255,100,0.1); }
#shoutbox .entry:target { background-color: rgba(50,200,255,0.1); }
#shoutbox .entry > div { border-bottom: dashed 1px rgba(0,0,0,0.05); }
#shoutbox .entry:last-child > div { border-bottom: none; }

#shoutbox .entry > div { display: table-cell; padding: 6px; }

#shoutbox .avatar img { margin: 0 auto; vertical-align: middle; max-height: 20px; max-width: 20px; border: solid 1px rgba(255,255,255,0.1); box-shadow: 0 0 2px rgba(0,0,0,0.1); cursor: pointer; }
#shoutbox .user { border-right: solid 1px rgba(0,0,0,0.05); text-align: right; white-space: nowrap; }
#shoutbox .text { width: 100%; color: #555; }
#shoutbox .info { font-size: 11px; color: #AAA; white-space: nowrap; text-align: right; }
#shoutbox .entry.unread .info:before { display: inline-block; position: relative; top: -2px; margin-right: 10px; height: 4px; width: 4px; content: ''; background: rgba(255,100,0,0.8); border-radius: 10px; }
#shoutbox .info a { color: inherit; }
#shoutbox .mod { padding: 6px 8px; font-size: 9px; font-weight: bold; color: #AAA; text-decoration: none; }
#shoutbox .mod:nth-of-type(2) { margin-right: 5px; border-left: solid 1px rgba(0,0,0,0.1); }
#shoutbox  .ip { margin-right: 10px; color: #CECECE; }
myCreedo napisał 08.11.2016, 16:27:
Zły dział. Na przyszłość staraj się pisać tematy w odpowiednich działach ;) Uzupełnij wzór tematu!
Spróbuj się pobawić z padding.
Wrzuć cały kod na jsfiddle lub postaw gdzieś forum jakieś z tym stylem.
Kodowanie, edycja i tworzenie styli, for, stron, poszczególnych elementów - polecane szczególnie dla osób, które nie potrafią sobie poradzić z problemami.
Naprawione !!
Łukasz napisał 19.11.2016, 10:34:
Nie zamykamy wątków. Zapoznaj się z



Użytkownicy przeglądający ten wątek:

2 gości