.mobile_on { visibility: hidden; } .responsive_menu.login { min-width: 16px; width: auto; } @media screen and (max-width: 768px) { nav.navbar.navbar-default { background-image:none !important; } } @media screen and (min-width: 768px) and (max-width: 1028px) { .logo a {width: 224px;} .navbar-right {font-size:9px;} .nav > li > a { padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (min-width: 1029px) and (max-width: 1075px) { .navbar-right {font-size:10px;} .nav > li > a { padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (min-width: 1076px) and (max-width: 1122px) { .nav > li > a { padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (min-width: 1123px) and (max-width: 1169px) { .nav > li > a { padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (min-width: 1170px) and (max-width: 1280px) { .nav > li > a { padding-left: 5px !important; padding-right: 5px !important; } } @media screen and (max-width: 360px) { .sampturk_bildirimler { display:none !important; } .sampturk_invalid { display: inherit; } .sampturk_notifications { display: none !important; } .showLikeNotification { display: none !important; } .like_posts_notification { display: none !important; } } @media screen and (min-width: 240px) and (max-width: 640px) { /* Considering something trying to be bad boy and editing body (especially portals!) */ body { min-width: 240px !important; } .bildirim_alt { margin-left: -125px !important; } /* Calendar Time */ #month_grid, #month_grid table, #main_grid { float: none; width: 100%; } #main_grid { margin-left: 0 !important; } /* Load menu icons */ .responsive_menu { background: url(../images/responsive_menu.png) no-repeat -5px -5px; height: 16px; width: 16px; display: inline-block; } .responsive_menu.admin { background-position: -31px -5px; } .responsive_menu.calendar { background-position: -57px -5px; } .responsive_menu.forum { background-position: -5px -31px; } .responsive_menu.help { background-position: -31px -31px; } .responsive_menu.home { background-position: -57px -31px; } .responsive_menu.login { background-position: -5px -57px; } .responsive_menu.logout { background-position: -31px -57px; } .responsive_menu.mlist { background-position: -57px -57px; } .responsive_menu.moderate { background-position: -83px -5px; } .responsive_menu.pm { background-position: -83px -31px; } .responsive_menu.profile { background-position: -83px -57px; } .responsive_menu.register { background-position: -5px -83px; } .responsive_menu.search { background-position: -31px -83px; } /* If it has more items, make some margin */ #main_menu { margin: -15px 0 0 0; } .dropmenu li { margin: 0 0 5px 0; } /* Do not hover or show them... */ #menu_nav .dropmenu li a.active, #menu_nav .dropmenu li a.active:hover, #menu_nav .dropmenu li:hover, #menu_nav .dropmenu li a:hover, #menu_nav .dropmenu li a.firstlevel:hover, #menu_nav li:hover, #menu_nav .dropmenu li:hover, #menu_nav .dropmenu li:hover a.firstlevel, #main_menu .dropmenu li a.active, #main_menu .dropmenu li a:hover, #main_menu .dropmenu li:hover ul, #main_menu .dropmenu li ul { background: none !important; } .keyinfo h5, .keyinfo .messageicon, #messageindex .last_th { display: none; } .bbc_img { max-width: 100%; max-height: 100%; } } @media screen and (max-width: 480px) { table.table_list a.unreadlink, table.table_list a.collapse, #index_common_stats { display: none; } .mobile_on { visibility: visible; } .poster li.avatar { display: none; } #manage_boards .cat_bar { margin-top: 10px; } #manage_boards .windowbg { line-height: 3.2em; } #manage_boards ul { max-height: 120em; padding: 0 0 10px 0; } #manage_boards dd, #manage_boards dt { width: 100%; } #manage_boards dt { line-height: 1.6em; } } @media screen and (max-width: 640px) { .nav_bar_inner, .top_bar_inner, .headerm_inner { width: 100%; } .headerm, .headerm_inner { height: auto; } .logo_banner { text-align: center; max-width: 640px; } .logo_banner a > img { max-width: 90%; } .quick_search_holder, #search_form { text-align: center; margin: 0 auto; float: none; } .dropmenu li { text-align: center; width: 100%; } .dropmenu li li, .dropmenu li li li { width: 100%; text-align: left; } .dropmenu li ul { width: 100%; } #adm_submenus { padding-left: 0; } #quick_tasks li { height: auto !important; padding: 0; width: 100% !important; float: none !important; } .home_image { clear: both; } .search_quick { width: 50% !important; } .poster li.avatar img { width: 50px !important; height: 50px !important; } #siteslogan, img#smflogo, .contact_info { display: none; } .hidden, .stats, #posting_icons, #mlist th { display: none; } #statistics .stats { display: block; } #stats_left, #top_posters, #top_topics_replies, #top_topics_starter, #stats_right, #top_boards, #top_topics_views, #most_online, #popularposts, #popularactivity { width: 100%; float: none; } #report_post input { width: 95%; min-height: 50px; } .tborder .topic_table th.first_th { display: none; } #topic_icons p { display: block; width: 100%; } #menu_toggle { display: none; } h3.catbg #quick_search form { margin: 0 0 8px 0; padding: 0; } h3.catbg #quick_search form input { margin: 0 0 12px 0; } h3.catbg #quick_search form select option { padding: 4px; } h3.catbg #quick_search form .button_submit { margin: 0 3px; } #credits_page { padding-top: 35px; } .features_image { display: none; } .features_switch { margin: -20px 0 0 5px !important; } .features h4 { margin: -10px 0 0 0 !important; padding: 0 0 10px 0; } .features p { margin: 0; padding: 0; min-height: 0; max-height: 5.2em; overflow: auto; } .mark_read .buttonlist { float: none; margin: 0 auto; } .mark_read .buttonlist li { width: auto; } #advanced_search { text-align: left !important; } em.smalltext { display: none; } #advanced_search dt, #advanced_search dd { width: 100%; float: none; text-align: left; margin: 0; } .login dt, .login dd { float: none; text-align: left; width: 90%; } input.enhanced { display: block; } .enhanced select { display: block; } #advanced_search dl#search_options { width: 100%; } #searchform .input_text, select { width: 95%; padding: 5px 0; } .ignoreboards { width: 100% !important; float: none !important; } #searchBoardsExpand { overflow: hidden; } /* Since you asked nicely */ #main_menu .dropmenu li { width: auto !important; } #main_menu .dropmenu span.firstlevel { display: none; } #main_menu .dropmenu li:hover ul { display: none; } } @media screen and (max-width: 720px) { body { padding: 0 !important; min-width: 200px !important; max-width: 720px; } #wrapper, div#wrapper { width: 100% !important; min-width: 240px !important; max-width: 720px !important; } div#upper_section div.user { text-align: center; float: none !important; width: 100%; box-sizing: border-box; } div#upper_section div.user p, div#upper_section div.user p > .avatar { max-width: 100px; max-height: 100px; float: none !important; margin: 0 auto; text-align: center !important; } #upper_section div.news { width: 100%; float: none; text-align: center; margin: 0 auto; } table.table_list tbody.content td.stats, .lastpost { display: none; } img.icon { display: inline-block; } #basicinfo, #detailedinfo, .modblock_left, .modblock_right, #live_news, #supportVersionsTable { width: 100% !important; float: none; margin: 0 0 3px; box-sizing: border-box; overflow: hidden; } .postarea, .moderatorbar { width: 100%; margin: 0; } .poster { float: none; width: 95%; height: auto; margin-bottom: 10px; } .poster li.avatar img { width: 100px !important; height: 100px !important; } .onlinestats { display: unset !important; } .logo a { background: url(../images/boban/logo.png) no-repeat; display: block; width: 280px; height: 68px; float: left; margin-top: 5px; margin-left: 0px; background-size: contain; } .shd_replyarea { padding-left: 0 !important; } .shd_posterinfo { width: 100% !important; } .poster li.stars { display: inherit !important; } .chart_bilgi { float: none; width: 100%; } .chart_bilgi img { max-width: 100%; } .oyuncu_bilgi { float: none; width: 100%; } .nickchange_input { padding: 4px; border: 1px solid gold; width: 100%; } .poster li.stars, .poster li.blurb, li.postcount, li.im_icons, li.title, li.postgroup, li.karma, li.karma_allow, li.gender, li.custom, li.email, li.warning, .poster-link, .poster h4 img, .arrow-left { display: none; } .display-date, .display-title { margin-right: 0px; } .poster dt { width: 36%; } .login { width: auto !important; } dl { overflow: hidden !important; } /* dd, dt { float: none !important; width: 100% !important; overflow: hidden; text-align: left !important; }*/ .inner { padding: 1em .5em 2px .5em; margin: 0; } .signature, .attachments { width: 100%; margin: 1em 0 0; padding: 1em 1em 3px; box-sizing: border-box; } .keyinfo { background: none; text-align: center; width: 100% !important; } ul.dugmicizaodgovore-message i { font-size: 17px; margin-top: 3px; display: block; } .buttonlist ul li { margin: 2px 0; } .buttonlist ul li a span { height: auto; } .shd_ticket_leftcolumn { width: 100% !important; } .shd_ticket_rightcolumn { width: 100% !important; } .shd_ticket_side_column { float: left !important; width: 100% !important; margin-right: 0px !important; } .shd_ticket_description { width: 100% !important; margin-left: 0px !important; } #quick_tasks li { height: 5em !important; padding: 0; } #main_admsection #basicinfo h4 { width: 100% !important; } #left_admsection { margin: 0 0 8px; padding: 0 0 5px; border-bottom: 3px solid #dbe4ef; float: none; width: 100%; } .navigate_section ul li { display: none; } .navigate_section ul li:first-child, .navigate_section ul li:last-child { display: inline-block; } #forumposts h3 span#author, #forumposts h3 img { display: none; } #content_section { padding: 0px; } /* some dirty fix for SP :)*/ #sp_left, #sp_right, #sp_center { width: 100%; display: block; } table.table_list_board { width: 100%; } table.side_bar { width: 100%; } } @media screen and (max-width: 720px) { .hero h1 { font-size: 32px; } .boardstats-main2 { width: 100%; display: block; margin-bottom: 10px; } .boardstats-main { width: 100%; float: right; } .poster-buttons ul li span { display: none; } .poster-buttons ul li i { margin-right: 0px; } .poster-buttons ul li a { padding: 5px 10px 5px 10px; } .login-main { width: 95%; margin: 20px auto 0 auto; } .footer-center { margin: 20px 0px 20px 0px; width: 100%; } } @media screen and (max-width: 720px) { #profileview, .profile-cover { width: 100%; } .profile-block, .profile-block2 { float: left; width: 100%; margin-top: 10px; } .profile-lastlogin i { display: block; } .profile-lastlogin span { display: none; } .profile-cover-info { margin-left: 110px; } .profile-avatar img { margin-top: 35px; margin-left: 10px; min-width: 90px; min-height: 90px; max-width: 90px; max-height: 90px; } .profile-cover-info ul { font-size: 13px; line-height: 20px; } li.profile-name { font-size: 22px; padding-bottom: 2px; } } @media screen and (min-width: 768px) and (max-width: 1280px) { ul.ffbasari { width: 83% !important; } } @media screen and (min-width: 768px) and (max-width: 1170px) { ul.ffbasari { width: 82% !important; } } @media screen and (min-width: 768px) and (max-width: 1090px) { ul.ffbasari { width: 68% !important; } } @media screen and (min-width: 768px) and (max-width: 990px) { ul.ffbasari { width: 53% !important; } } @media screen and (min-width: 768px) and (max-width: 920px) { ul.ffbasari { display:none !important; } } @media screen and (min-width: 820px) and (max-width: 1154px) { .basarimuser { width: 30% !important; } } @media screen and (max-width: 820px) { .basarimuser { width: 47% !important; } } @media screen and (max-width: 506px) { .basarimuser { width: 100% !important; } } @media screen and (min-width: 768px) and (max-width: 1024px) { table.table_list tbody.content td.stats { display: none; } table.table_list tbody.content td.lastpost, .topic_table table tbody tr td.lastpost { width: 35% !important; } } @media screen and (max-width:900px) { .basari_block { width:25%; } } @media screen and (max-width:640px) { .like_posts_notification { left: 0px !important; top: 200px !important; } }