%PDF-1.5 %���� ºaâÚÎΞ-ÌE1ÍØÄ÷{òò2ÿ ÛÖ^ÔÀá TÎ{¦?§®¥kuµùÕ5sLOšuY
Server IP : 49.231.201.246 / Your IP : 216.73.216.149 Web Server : Apache/2.4.18 (Ubuntu) System : Linux 246 4.4.0-210-generic #242-Ubuntu SMP Fri Apr 16 09:57:56 UTC 2021 x86_64 User : root ( 0) PHP Version : 7.0.33-0ubuntu0.16.04.16 Disable Function : exec,passthru,shell_exec,system,proc_open,popen,pcntl_exec MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON | Sudo : ON | Pkexec : ON Directory : /proc/11585/cwd/html/old/components/com_kunena/template/nts_kargo/css/ |
Upload File : |
@charset "utf-8"; /*----------------------------------------------------------------------------------------------- * NTS KArgo ( Theme for the Kunena 3.0.x ) * Current version: 3.4.0 * Author: Nice Theme Store * @copyright Copyright (C) Dec 2009 9themestore.com <@email:9themestore@gmail.com>.All rights reserved. * License: GNU General Public License version 2 -----------------------------------------------------------------------------------------------*/ #Kunena { font-size: 100%; } #Kunena form { margin-bottom: 0; } #Kunena input[type=text], #Kunena .inputbox { background: #fff; border: 1px solid #d8d8d8; color: #8A8C8C; height: 30px; padding: 0 10px; } #Kunena input[type="text"], #Kunena input[type="password"] { height: 30px !important; } #Kunena .kbutton, #Kunena input.kbutton { background: #fcfcfc; border: 1px solid #D9D9D9; border-bottom-width: 2px; border-radius: 3px; box-shadow: 0 1px 0 rgba(0, 0, 0, 0.05); color: #666; font-family: Arial, Helvetica, sans-serif; font-size: 14px; font-weight: 600; margin-top: 0; padding: 6px 12px 5px !important; transition: all 0.5s; } #Kunena .kbutton:hover, #Kunena .kbutton:focus, #Kunena .kbutton:active { background: #427FED; border-color: #427FED; border-bottom-width: 2px; color: #fff; cursor: pointer; font-size: 14px; } #Kunena fieldset { border-color: #d8d8d8; } #Kunena select, #Kunena select.inputbox, #Kunena select:hover, #Kunena select:focus, #Kunena fieldset select, #Kunena fieldset select:hover, #Kunena fieldset select:focus, #Kunena fieldset select:active { background: #fff; border: 1px solid #d8d8d8; border-radius: 0; color: #333; margin-bottom: 0; padding: 5px; } /* Table */ #Kunena table td.kcol-first { border-bottom: 1px solid #e3e3e3; padding: 15px; } #Kunena table td.kcol-mid { border-left: 1px solid #e3e3e3; border-bottom: 1px solid #e3e3e3; padding: 15px; } /* ------------------------------------------------------- ** KTOP MENU ----------------------------------------------------------*/ #Kunena #ktop { background: #f5f5f5; border: 1px solid #d8d8d8; border-bottom: 0; border-radius: 5px 5px 0 0; position: relative; z-index: 20; } #Kunena #ktop #ktopmenu { margin: 0; } #Kunena #ktop #ktopmenu ul { display: block; margin: 0; padding: 0; list-style: none; overflow: hidden; } #Kunena #ktop #ktopmenu ul li { display: block; float: left; margin: 0 !important; } #Kunena #ktop #ktopmenu ul li.active { border-color: #427fed; } #Kunena #ktop #ktopmenu li a { border-radius: 0; border-right: 1px solid #d8d8d8; cursor: pointer; color: #989fa5; display: inline-block; font-weight: 600; height: 42px; margin: 0 1px 0 0; line-height: 42px; padding: 0 20px; text-align: center; vertical-align: top; transition: all 0.5s; -moz-transition: all 0.5s; -webkit-transition: all 0.5s; } #Kunena #ktop #ktopmenu li a:before, #Kunena #ktop #ktopmenu li a:after { display: none; } #Kunena #ktop #ktopmenu li a span { line-height: 42px; } #Kunena #ktop #ktopmenu li a:hover, #Kunena #ktop #ktopmenu li a:focus, #Kunena #ktop #ktopmenu li a:active { color: #666 !important; text-decoration: none !important; } #Kunena #ktop #ktopmenu ul li.active a { color: #427fed; } #Kunena #ktop #ktopmenu li a span { color: #989fa5; } #Kunena #ktop #ktopmenu li a:hover span { color: #666; } #Kunena #ktop #ktopmenu li.active a span { color: #427fed; } #Kunena #ktop span.ktoggler { height: 100%; margin: 0; position: absolute; top: 0; right: 0; padding: 0 10px; } #Kunena #ktop span.ktoggler .close, #Kunena #ktop span.ktoggler .open { background: url("../images/shrink.png") no-repeat scroll left top; display: block; height: 22px; margin-top: 10px; width: 22px; transition: all 0.4s; } #Kunena #ktop span.ktoggler .open { background-position: right top; } #Kunena #ktop span.ktoggler .close:hover, #Kunena #ktop span.ktoggler .close:focus, #Kunena #ktop span.ktoggler .close:active { background-position: left bottom; cursor: pointer; } #Kunena #ktop span.ktoggler .open:hover, #Kunena #ktop span.ktoggler .open:focus, #Kunena #ktop span.ktoggler .open:active { background-position: right bottom; cursor: pointer; } /* ------------------------------------------------------- ** KPBOX ----------------------------------------------------------*/ #Kunena div.kpbox { border: 0; margin-bottom: 0; position: relative; z-index: 32; } #Kunena div.kblock { margin: 0 0 5px 5px; } #Kunena div.kblock div.kbody { border: 0; } #Kunena #kprofilebox div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 0 0 5px 5px; margin-bottom: 20px; } #Kunena table.kprofilebox tr.krow1 td { padding: 15px 20px; } #Kunena table.kprofilebox td.kprofilebox-left { border-right: 1px solid #d8d8d8; } #Kunena table.kprofilebox form { margin-bottom: 0; } #Kunena table.kprofilebox .k_guest { margin-bottom: 5px; } #Kunena table.kprofilebox .input { margin-bottom: 5px; } #Kunena table.kprofilebox .inputbox { border-radius: 0; box-shadow: none; margin-bottom: 0; width: 150px; } #Kunena table.kprofilebox .input span { padding-right: 10px; font-size: 14px; } #Kunena table.kprofilebox .klink-block span { padding: 0 10px 0 0; font-size: 14px; } #Kunena table.kprofilebox .kbutton { background: #427FED; border-color: #3a70d1; color: #fff; } /* ------------------------------------------------------- ** PATHWAY ----------------------------------------------------------*/ #Kunena div.kpathway { position: relative; z-index: 33; } #Kunena .kforum-pathway { background: #f5f5f5; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 3px; margin-top: 0; padding: 10px 20px; } #Kunena .pathway-bottom .kpathway { border-bottom: 0; margin-top: 0; border-radius: 0 0 3px 3px; box-shadow: 0 1px rgba(0, 0, 0, 0.08); } #Kunena .pathway-bottom .kforum-pathway { border-top: 0; border-radius: 0 0 3px 3px; margin-top: 0; } /* ------------------------------------------------------- ** KLIST ACTION PAGE ----------------------------------------------------------*/ #Kunena .klist-actions { background: #fff; border: 1px solid #d8d8d8; border-radius: 3px; padding: 10px 15px; margin-bottom: 20px; overflow: hidden; } #Kunena .klist-actions-info-all, #Kunena .klist-times-all, #Kunena .klist-jump-all { float: left; width: auto; } #Kunena .klist-actions-info-all { height: auto; line-height: normal; margin: 0 10px 0 0; padding: 5px 0; } #Kunena .klist-times-all { border-left: 0; margin: 0 5px 0 0; padding: 0; } #Kunena .klist-times-all .inputboxusl { border: 1px solid #d8d8d8; padding: 5px; } #Kunena .klist-jump-all { border: 0; height: auto; line-height: normal; } #Kunena .klist-jump-all form#jumpto { margin: 0; padding: 0; } #Kunena .klist-jump-all form#jumpto select { border: 1px solid #d8d8d8; padding: 5px; } #Kunena form#jumpto input.kbutton { margin-left: 5px; } /* Klist pages all */ #Kunena .klist-pages-all { border: 0; float: right; height: auto; margin: 8px 0 0; padding: 0; line-height: normal; } #Kunena .klist-pages-all .kpagination { display: block; overflow: hidden; } #Kunena .klist-pages-all .kpagination li { display: block; float: left; line-height: normal; margin-left: 5px; } #Kunena .klist-pages-all .kpagination li.page { color: #666; font-size: 12px; padding-top: 3px; } #Kunena .klist-pages-all .kpagination li a, #Kunena .klist-pages-all .kpagination li span { background: #fff; border: 1px solid #d8d8d8; border-radius: 2px; color: #666; display: block; font-size: 12px; line-height: 1; margin: 0 0 2px; padding: 5px; } #Kunena .klist-pages-all .kpagination li a:hover, #Kunena .klist-pages-all .kpagination li a:focus, #Kunena .klist-pages-all .kpagination li a:active { border: 1px solid #ccc; } #Kunena .klist-pages-all .kpagination li span { background: #427FED; border: 1px solid #427FED; color: #fff; } /* Pagination category view */ #Kunena .ktopic-details-kcategory { overflow: hidden; } #Kunena #kflattable ul.kpagination { border: 0; float: left; height: auto; margin: 8px 0 0; padding: 0; line-height: normal; } #Kunena #kflattable ul.kpagination { display: block; overflow: hidden; } #Kunena #kflattable ul.kpagination li { display: block; float: left; line-height: normal; margin-left: 5px; } #Kunena #kflattable ul.kpagination li.page { color: #666; font-size: 12px; padding-top: 3px; } #Kunena #kflattable ul.kpagination li a, #Kunena #kflattable ul.kpagination li span { background: #fff; border: 1px solid #d8d8d8; color: #666; display: block; font-size: 12px; line-height: 1; margin: 0 0 2px !important; padding: 5px; } #Kunena #kflattable ul.kpagination li a:hover, #Kunena #kflattable ul.kpagination li a:focus, #Kunena #kflattable ul.kpagination li a:active { background: #d9d9d9; border: 1px solid #ccc; text-decoration: none !important; } #Kunena #kflattable ul.kpagination li span { background: #666; border: 1px solid #666; color: #fff; } /* Mark All Cat Read */ #Kunena div.klist-markallcatsread { background: #f5f5f5; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 3px; margin-bottom: 20px; } #Kunena div.klist-markallcatsread span.kright select { border: 1px solid #d8d8d8; padding: 5px; } /* Klist action button */ #Kunena .klist-actions-bottom { background: #f0f0f0; border: 1px solid #d8d8d8; margin-bottom: -1px; padding: 8px 15px; min-height: 32px; overflow: hidden; } #Kunena .klist-actions-goto { float: left; height: auto; margin-top: 8px; padding: 0; width: auto; } #Kunena div.kmessage-buttons-row { float: left; height: auto; margin: 0; } #Kunena .klist-markallcatsread input.kbutton { margin: 5px; } /* ------------------------------------------------------- ** KBLOCK ----------------------------------------------------------*/ #Kunena div.kblock { border: 0 !important; border-right: 0 !important; margin: 0 0 30px 0; } #Kunena .kblock div.kheader { background: transparent !important; border: 0; margin-bottom: 10px; padding: 0; position: relative; overflow: hidden; } #Kunena .kblock div.kheader h2, #Kunena .kblock div.kheader h3 { background: #ebebeb; border: 1px solid #fff; border-left-color: #d8d8d8; border-top-color: #d8d8d8; border-radius: 5px; float: left; font-size: 14px; font-weight: bold; padding: 10px 15px; width: auto; } #Kunena .kblock div.kheader h2 a, #Kunena .kblock div.kheader h2 span.ktitle, #Kunena .kblock div.kheader h2 span, #Kunena .kblock div.kheader h3 a, #Kunena .kblock div.kheader h3 span.ktitle, #Kunena .kblock div.kheader h3 span { color: #484848; font-size: 22px; font-weight: 300; } #Kunena .kblock div.kheader h2 a:hover, #Kunena .kblock div.kheader h3 a:hover { text-decoration: none !important; } #Kunena .kblock div.kheader .ktitle-desc { color: #666; float: left; padding: 15px 20px 5px; } #Kunena .kblock .kheader span.ktoggler { background: #f4f4f4; border: 1px solid #d3d3d3; border-radius: 3px; display: block; line-height: 50%; float: none; padding: 0; right: 0; top: 10px; height: 26px; position: absolute; vertical-align: middle; width: 26px; } #Kunena .kblock .kheader span.ktoggler:hover { border-color: #ccc; } #Kunena .kblock .kheader span.ktoggler a.close, #Kunena .kblock .kheader span.ktoggler a.open { background: url(../images/shrink.png) no-repeat left top; height: 26px; width: 26px; transition: all 0.4s; -ms-transition: all 0.4s; -moz-transition: all 0.4s; -webkit-transition: all 0.4s; } #Kunena .kblock .kheader span.ktoggler a.open { background: url(../images/shrink.png) no-repeat right bottom; } #Kunena .kblock .kheader span.ktoggler a:hover { cursor: pointer; } #Kunena .kblock .kheader span.ktoggler a.close:hover, #Kunena .kblock .kheader span.ktoggler a.close:focus, #Kunena .kblock .kheader span.ktoggler a.close:active { background-position: left bottom; } #Kunena .kblock .kheader span.ktoggler a.open:hover, #Kunena .kblock .kheader span.ktoggler a.open:focus, #Kunena .kblock .kheader span.ktoggler a.open:active { background-position: right top; } #Kunena .kblock div.kheader span.kcheckbox { right: -2px; margin: 0; } #Kunena .kblock div.kheader span.kcheckbox .kcheckall { margin: 0; } /*--- Block history ---*/ #Kunena .khistory th { background: #f0f0f0; border-bottom: 1px solid #d8d8d8; } #Kunena .khistory .kprofile-left { border-color: #d8d8d8 !important; } #Kunena .khistory .kprofile-left .kwho-admin img { border: 1px solid #d8d8d8; padding: 3px; } /*--- Sub folder ---*/ #Kunena div.kthead-child { border-top: 1px solid #d8d8d8; margin-top: 10px; padding-top: 10px; overflow: hidden; } #Kunena div.kcc-subcat { margin: 0 10px 5px 0; } #Kunena div.kcc-subcat a { color: #666; } #Kunena div.kcc-subcat span.kchildcount { color: #666; } #Kunena span.kreadforum-sm, #Kunena span.knotloginforum-sm { height: 16px; margin-right: 5px; margin-top: -5px; vertical-align: middle; width: 16px; } /*--- Whois online ---*/ #Kunena div.kwhoisonline { border: 0; display: inline-block; margin-bottom: 20px; width: 50%; } #Kunena div.kwhoisonline .kheader { margin-bottom: 10px; } #Kunena div.kwhoisonline .kheader .ktoggler { display: none; } #Kunena div.kwhoisonline #kwhoisonline { background: #fff; border: 1px solid #D8D8D8; border-bottom-width : 2px; border-radius: 5px; display: block; margin-right: 10px; position: relative; } #Kunena div.kwhoisonline div.kbody { overflow: visible; padding: 20px; } #Kunena div.kwhoisonline #kwhoisonline .kcol-first { position: absolute; top: 75px; left: 20px; height: 60px; width: 60px; } #Kunena div.kwhoisonline #kwhoisonline .kwhoicon { background-color: #ccc; background-position: center center; border-radius: 50%; height: 40px; width: 40px; } #Kunena div.kwhoisonline table.kblocktable td { border-bottom: 0; } #Kunena div.kwhoisonline table.kblocktable td.kcol-mid { border-color: #d8d8d8; padding: 0; } #Kunena div.kwhoisonline { font-size: 14px; } #Kunena div.kwhoisonline #kwhoisonline .user-online-list { min-height: 63px; } #Kunena div.kwhoisonline .kwho-total { border-bottom: 1px solid #d8d8d8; font-size: 14px; margin-bottom: 5px; padding: 10px 0 5px; } #Kunena div.kwhoisonline .kwholegend { background: #f5f5f5; border-top: 1px solid #e5e5e5; border-radius: 0 0 5px 5px; margin: 0 -20px -20px; padding: 15px 20px 10px 90px; position: relative; width: auto; } #Kunena div.kwhoisonline .kwholegend span { display: inline-block; line-height: 1.3; font-size: 14px; } #Kunena div.kwhoisonline .kwholegend span.label { background: #666; color: #fff; border-radius: 2px; display: block; font-weight: 400; padding: 3px 5px; position: absolute; top: 12px; left: 20px; } span.kwho-admin, span.kwho-globalmoderator, span.kwho-moderator, span.kwho-banned, span.kwho-user, span.kwho-guest { font-weight: 300 !important; } /* User color define */ #Kunena a.kwho-admin, #Kunena span.kwho-admin { color: #c00 !important; } #Kunena a.kwho-globalmoderator, #Kunena span.kwho-globalmoderator { color: #800000 !important; } #Kunena a.kwho-moderator, #Kunena span.kwho-moderator { color: #4fa5e0 !important; } #Kunena a.kwho-banned, #Kunena span.kwho-banned { color: #A39D49 !important; } #Kunena a.kwho-user, #Kunena span.kwho-user { color: #5388B4 !important; } #Kunena a.kwho-guest, #Kunena span.kwho-guest { color: #666 !important; } /*--- Announcements ---*/ #Kunena table.kannouncement { background: #fff; border: 1px solid #d8d8d8; } #Kunena .announcement-checkbox { border-right: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #Kunena .kannouncement .kheader { margin-bottom: 10px; } #Kunena .kannouncement div.kheader h2 { background: transparent; border: 0; padding: 0; } #Kunena .kannouncement div.kheader h2 a { } #Kunena .kannouncement div.kheader .ktoggler { display: none; } #Kunena .kblock.kannouncement { background: #FCEFB7; border: 1px solid #E3873B !important; border-bottom-width: 2px !important; border-radius: 5px; display: block; padding: 20px; width: auto; } #Kunena div#kannouncement .anncreated { background: url(../images/clock.png) no-repeat left center; margin-bottom: 5px; padding-left: 22px; } #Kunena div#kannouncement .kbody .kanndesc { padding: 0; line-height: 1.6; } #Kunena .kbody ul.kprofilebox-link li { background: none !important; margin: 0; padding: 0; } #Kunena table.kannouncement tr.ksth { background: #f0f0f0; border-bottom: 1px solid #d8d8d8; } #Kunena table.kannouncement tr.ksth th { border-right: 1px solid #d8d8d8; padding: 5px 15px; } #Kunena table.kannouncement select { border: 1px solid #d8d8d8; padding: 5px; } /*--- KFront Stats ---*/ #Kunena div.kfrontstats { float: right; margin-bottom: 0; width: 49.8%; } #Kunena div.kfrontstats .kheader { margin-bottom: 10px; margin-left: 10px; } #Kunena div.kfrontstats .kheader .ktoggler { display: none; } #Kunena div.kfrontstats #kfrontstats-tbody { background: #fff; border: 1px solid #D8D8D8; border-bottom-width: 2px; border-radius: 5px; display: block; margin-left: 10px; } #Kunena div.kfrontstats #kfrontstats { padding: 20px; } #Kunena div.kfrontstats ul { display: block; float: none; } #Kunena div.kfrontstats ul#kstatslistleft { margin-bottom: 20px; } #Kunena div.kfrontstats ul#kstatslistright { background: #f5f5f5; border-top: 1px solid #e5e5e5; border-radius: 0 0 5px 5px; margin: 0 -20px -20px; padding: 10px 20px; } /* --- Button --- */ #Kunena a.kicon-button, #Kunena .klist-actions .kicon-button, #Kunena .kmessage-buttons-cover .kicon-button { background-image: none !important; background-color: #fcfcfc; border: 1px solid #D9D9D9 !important; border-bottom-width: 2px !important; border-radius: 3px; color: #666; display: inline-block; height: auto; font-size: 13px; font-weight: 600; padding: 0px; line-height: 1; text-transform: none; transition: all 0.5s; } #Kunena a.kicon-button:hover, #Kunena .klist-actions .kicon-button:hover, #Kunena .kmessage-buttons-cover .kicon-button:hover { background: #427FED; border-color: #427FED !important; color: #fff; text-decoration: none !important; } #Kunena .kicon-button span, #Kunena .kmessage-buttons-cover .kicon-button span { background: none !important; margin: 0; padding: 8px 10px 11px; text-decoration: none !important; } #Kunena .kicon-button span span, #Kunena .kmessage-buttons-cover .kicon-button span span { background: none !important; height: auto; padding: 0; } #Kunena span.kbuttononline-yes, #Kunena span.kbuttononline-no { background: none !important; color: #27ae60; font-weight: 700; font-size: 1em; margin: 0; } #Kunena span.kbuttononline-no { color: #666; } #Kunena span.kbuttononline-yes span, #Kunena span.kbuttononline-no span { padding: 0; } /* ------------------------------------------------------- ** KBLOCK OVERRIDE ----------------------------------------------------------*/ #Kunena .nts-kblock ul.kblocktable { display: block; margin: 0; padding: 0; overflow: hidden; } #Kunena .nts-kblock ul.kblocktable li { display: block; float: left; width: 50%; } #Kunena .nts-kblock ul.kblocktable li .kblock-inner { background: #fff; border: 1px solid #D8D8D8; border-bottom-width: 2px; border-radius: 3px; margin: 0 10px 10px 0; padding: 20px 20px 20px; position: relative; transition: all 0.5s; } #Kunena .nts-kblock ul.kblocktable li .kblock-inner:hover { border-color: #999; box-shadow: 0 0 3px rgba(0, 0, 0, .2); } #Kunena .nts-kblock ul.kblocktable li.krow1 .kblock-inner { margin: 0 0 10px 10px; } #Kunena .nts-kblock .kcol-category-icon { position: absolute; top: 15px; left: 20px; height: 28px; width: 28px; } #Kunena .nts-kblock .kcol-category-icon a { border-radius: 50%; display: block; height: 28px; width: 28px; } #Kunena .nts-kblock .kcol-category-icon a span.kicon { background-color: #999; background-position: 5px 4px; display: block; border-radius: 50%; height: 28px; width: 28px; } #Kunena .nts-kblock .kcol-kcattitle div.kthead-title { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; line-height: 1; padding-left: 40px; padding-bottom: 15px; } #Kunena .nts-kblock .kcol-kcattitle div.kthead-title a { color: #666; float: none; font-weight: 700; } #Kunena .nts-kblock .kcol-kcattitle div.kthead-title sub.knewchar { background: none repeat scroll 0 0 #CB4A29; border-radius: 2px; color: #fff; font-size: 9px; letter-spacing: 0.5px; line-height: 1; padding: 2px 3px; text-transform: none; } #Kunena .nts-kblock .kcol-kcattitle div.kthead-desc { min-height: 60px; height: 60px; line-height: 1.5; margin-bottom: 20px; padding-right: 150px; overflow: hidden; } #Kunena .nts-kblock .forum-info { text-align: right; position: absolute; right: 20px; top: 70px; width: 130px; } #Kunena .nts-kblock .kcol-kcattopics, #Kunena .nts-kblock .kcol-kcatreplies { border: 1px solid #e5e5e5; border-bottom-width: 2px; border-radius: 2px; color: #666; display: inline-block; line-height: 1; margin: 0; padding: 0; width: 55px; } #Kunena .nts-kblock .kcol-kcattopics span.kcat-topics-number, #Kunena .nts-kblock .kcol-kcatreplies span.kcat-replies-number { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; color: #333; display: block; font-weight: 600; margin: 0; padding: 8px 10px; text-align: center; } #Kunena .nts-kblock .kcol-kcattopics { margin-right: 10px; } #Kunena .nts-kblock .kcol-kcattopics span.kcat-topics, #Kunena .nts-kblock .kcol-kcatreplies span.kcat-replies { display: block; font-size: 12px; padding: 6px 0; text-align: center; } #Kunena .nts-kblock .kcol-kcattopics span, #Kunena .nts-kblock .kcol-kcatreplies span { display: inline-block; font-size: 100%; } #Kunena .nts-kblock .kcol-kcatlastpost, #Kunena .nts-kblock .kcol-knoposts { background: #F5F5F5; border-top: 1px solid #E5E5E5; border-radius: 0 0 3px 3px; clear: both; margin: 10px -20px -20px; min-height: 45px; padding: 10px 20px 10px; position: relative; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-avatar { border: 3px solid #fff; border-radius: 50%; box-shadow: 0px 1px 0 1px #e5e5e5; font-size: 92%; margin-right: 15px; width: 32px; height: 32px; overflow: hidden; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-avatar a { display: block; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-avatar a img { border-radius: 50%; width: 32px; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-subject { margin-top: 5px; } #Kunena .nts-kblock .kcol-kcatlastpost span.arrow { background: url(../images/arrow-down.gif) no-repeat left top; display: block; height: 8px; width: 16px; position: absolute; top: -1px; left: 30px; z-index: 100; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-subject-by { padding-top: 3px; line-height: 1; } #Kunena .nts-kblock .kcol-kcatlastpost .klatest-subject-by a { border-right: 1px solid #d8d8d8; display: inline-block; margin-right: 5px; padding-right: 5px; } /* ------------------------------------------------------- ** RECENT TOPICS ----------------------------------------------------------*/ #Kunena div.nts-kblock.kflat div.kbody { background: transparent; border: 0; border-radius: 0; box-shadow: none; padding: 0; } #Kunena .nts-kblock ul.kblocktable li.krow2-stickymsg .kblock-inner { padding: 20px 20px 20px; } #Kunena .nts-kblock ul.kblocktable li.krow1-stickymsg .kblock-inner { margin: 0 0 10px 10px; } #Kunena .nts-kblock .ktopic-title-cover { border-bottom: 1px solid #e5e5e5; margin-bottom: 10px; line-height: 1; padding-left: 40px; padding-bottom: 15px; } #Kunena .nts-kblock .ktopic-title-cover a { color: #666; float: none; font-weight: 700; } #Kunena .nts-kblock .kcol-ktopicicon { position: absolute; top: 15px; left: 20px; height: 28px; width: 28px; } #Kunena .nts-kblock .kcol-ktopictitle { min-height: 70px; } #Kunena .nts-kblock .krow1 .kcol-ktopictitle { min-height: 71px; } #Kunena .nts-kblock .kcol-ktopictitle .ktopic-details { background: url(../images/folder-icon.png) no-repeat 0px 5px; margin-bottom: 7px; padding-left: 18px; overflow: hidden; } #Kunena .nts-kblock .kcol-ktopictitle .ktopic-posted-time { background: url(../images/clock-icon.png) no-repeat 0px 3px; line-height: 1.2; padding-left: 18px; } #Kunena .nts-kblock .kcol-ktopictitle .ktopic-by { background: url(../images/user-icon.png) no-repeat 5px 3px; border-left: 1px solid #ddd; line-height: 1.2; margin-left: 5px; padding-left: 22px; } #Kunena .nts-kblock .ktopicmoderation { position: absolute; right: 15px; bottom: 35px; } /* Forum info */ #Kunena .nts-kblock .kcol-ktopicviews, #Kunena .nts-kblock .kcol-ktopicreplies { border: 1px solid #e5e5e5; border-bottom-width: 2px; border-radius: 2px; color: #666; display: inline-block; line-height: 1; margin: 0; padding: 0; width: 55px; } #Kunena .nts-kblock .kcol-ktopicviews span.ktopic-views-number, #Kunena .nts-kblock .kcol-ktopicreplies span.ktopic-replies-number { background: #f5f5f5; border-bottom: 1px solid #e5e5e5; color: #333; display: block; font-weight: 600; margin: 0; padding: 8px 10px; text-align: center; } #Kunena .nts-kblock .kcol-ktopicviews { margin-right: 10px; } #Kunena .nts-kblock .kcol-ktopicviews span.ktopic-views, #Kunena .nts-kblock .kcol-ktopicreplies span.ktopic-replies { display: block; font-size: 12px; padding: 6px 0; text-align: center; } #Kunena .nts-kblock .kcol-ktopicviews span, #Kunena .nts-kblock .kcol-ktopicreplies span { display: inline-block; font-size: 100%; } /* Klast post */ #Kunena .nts-kblock .kcol-ktopiclastpost, #Kunena .nts-kblock .kcol-knoposts { background: #F5F5F5; border-top: 1px solid #E5E5E5; border-radius: 0 0 3px 3px; clear: both; margin: 10px -20px -20px; min-height: 45px; padding: 10px 20px 10px; position: relative; } #Kunena .nts-kblock .kcol-ktopiclastpost .ktopic-latest-post-avatar { border: 3px solid #fff; border-radius: 50%; box-shadow: 0px 1px 0 1px #e5e5e5; font-size: 92%; margin-right: 15px; width: 32px; height: 32px; overflow: hidden; } #Kunena .nts-kblock .kcol-ktopiclastpost .ktopic-latest-post-avatar a { display: block; } #Kunena .nts-kblock .kcol-ktopiclastpost .ktopic-latest-post-avatar a img.klist-avatar { border-radius: 50%; box-shadow: none; padding: 0; width: 32px; } #Kunena .nts-kblock .kcol-ktopiclastpost .klatest-subject { margin-top: 5px; } #Kunena .nts-kblock .kcol-ktopiclastpost span.arrow { background: url(../images/arrow-down.gif) no-repeat left top; display: block; height: 8px; width: 16px; position: absolute; top: -1px; left: 30px; z-index: 100; } /* ------------------------------------------------------- ** TOPIC DETAIL ----------------------------------------------------------*/ /*--- Header description ---*/ #Kunena div#kforum-head { background: #ffffdd; border: 1px solid #d8d8d8; border-bottom: 0; margin: 0; padding: 15px; } /*--- Actions ---*/ #Kunena .klist-actions .klist-actions-goto { float: left; height: auto; padding: 0; width: auto; } #Kunena .klist-actions .klist-actions-forum { border: 0; float: left; height: auto; padding: 0; width: auto; } /*--- Topic detail ---*/ #Kunena .kblock .kmsg-header { background: #f6f6f6; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #d8d8d8; } #Kunena .kblock .kmsg-header h2 { padding: 8px 15px; line-height: 1; width: auto; } #Kunena .kblock .kmsg { background: #fff; } #Kunena .kblock .kmsg td.kprofile-left, #Kunena .kblock .kmsg td.kprofile-right, #Kunena .kblock .kmsg td.kprofile-top, #Kunena .kblock .kmsg td.kprofile-bottom { background: #f5f5f5; border-right: 1px solid #d8d8d8; } #Kunena .kblock .kmsg td.kprofile-right { border-left: 1px solid #d8d8d8; border-right: 0; } #Kunena .kblock .kmsg td.kprofile-top { border: 0; border-bottom: 1px solid #d8d8d8; } #Kunena .kblock .kmsg td.kprofile-bottom { border: 0; border-top: 1px solid #d8d8d8; } #Kunena .kblock .kmsg td { border-bottom: 0; } #Kunena .kblock td.kmessage-left, #Kunena .kblock td.kmessage-right { padding: 15px; } #Kunena .kblock .kmsg td.kbuttonbar-left, #Kunena .kblock .kmsg td.kbuttonbar-right, #Kunena .kblock .kmsg td.kbuttonbar-top, #Kunena .kblock .kmsg td.kbuttonbar-bottom { padding: 0; } /* User profile ---*/ #Kunena .kpost-avatar span.kavatar a { display: block; } #Kunena .kpost-avatar span.kavatar a img { background: #fff; border: 1px solid #d8d8d8; border-radius: 3px; -ms-border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; padding: 5px; } /* Klist bottom ---*/ #Kunena div.klist-bottom { background: #fcfcfc; border: 1px solid #d8d8d8; display: block; margin-bottom: 0; } #Kunena div.klist-bottom .kright select { border: 1px solid #d8d8d8; padding: 5px; } #Kunena div.kmessage-editmarkup-cover { border-bottom: 1px solid #d8d8d8; margin: 0; padding: 0 15px; overflow: hidden; } #Kunena span.kmessage-informmarkup { background: #ffffcc; border: 1px solid #ddd !important; border-bottom: 0 !important; display: inline-block; line-height: 1; padding: 3px 5px 0; } #Kunena span.kmessage-informmarkup a { color: #666; } #Kunena span.kmessage-informmarkup a:hover, #Kunena span.kmessage-informmarkup a:focus, #Kunena span.kmessage-informmarkup a:active { color: #333; } #Kunena div.kmessage-buttons-cover { background: #f0f0f0; padding: 8px 0; width: 100%; } #Kunena div.kmessage-buttons-cover .kmessage-buttons-row { float: right; padding: 0 10px; } #Kunena div.kpost-thankyou { float: left; margin-top: -42px; margin-left: 10px; } #Kunena div.kpost-thankyou a { background-color: #427FED; color: #fff; } /* ------------------------------------------------------- ** PROFILE PAGE ----------------------------------------------------------*/ #Kunena #kprofile .kcol-first { background: #f0f0f0; border-right: 1px solid #d8d8d8; } #Kunena #kprofile #kprofile-leftcol .kavatar-lg { border: 0; height: auto; } #Kunena #kprofile #kprofile-leftcol .kavatar-lg img { background: #fff; border: 1px solid #d8d8d8; padding: 4px; } #Kunena table#kprofile td.kcol-right { padding: 15px; } #Kunena div.clrline { border-color: #d8d8d8; } #Kunena div.kmsgsignature { border-top: 1px solid #d8d8d8; } #Kunena .kheader .kheadbtn { background: #F4F4F4; border: 1px solid #D3D3D3; border-radius: 3px; position: absolute; right: 0; top: 0; } #Kunena .kheader .kheadbtn:hover { border-color: #ccc; } #Kunena .kheader .kheadbtn .kwho-admin, #Kunena .kheader .kheadbtn .kwho-user { border: 0; color: #989fa5 !important; display: block; font-size: 12px !important; font-weight: 500; height: 32px; line-height: 32px; padding: 0 10px; vertical-align: middle; } #Kunena .kheader .kheadbtn .kwho-admin:hover, #Kunena .kheader .kheadbtn .kwho-admin:focus, #Kunena .kheader .kheadbtn .kwho-admin:active, #Kunena .kheader .kheadbtn .kwho-user:hover, #Kunena .kheader .kheadbtn .kwho-user:focus, #Kunena .kheader .kheadbtn .kwho-user:active { color: #427FED !important; } /*--- Profile tabs ---*/ #Kunena dl.tabs dt { background: #f0f0f0 !important; border-color: #d8d8d8; margin-right: 5px; padding: 5px 10px; } #Kunena dl.tabs dt:hover { color: #427FED; } #Kunena dl.tabs dt.open { background: #fff !important; border-bottom: 1px solid #fff; color: #427FED; } #Kunena div.current { background: #fff; border: 1px solid #d8d8d8; border-radius: 0 3px 3px 3px; } /* ------------------------------------------------------- ** POST MESSAGE ----------------------------------------------------------*/ #Kunena form#postform div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 5px; } #Kunena #kpostmessage td.kcol-last { border-color: #d8d8d8; } #Kunena table.kpostbuttonset { background: #fff; border-color: #ddd; width: 98%; } #Kunena #kpostmessage tr.krow1 .kpostbuttonset td, #Kunena #kpostmessage tr.krow2 .kpostbuttonset td { border-color: #d8d8d8 !important; } #Kunena table#kpostmessage .kinputbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #Kunena table#kpostmessage .ktxtarea { background: #fff; border-color: #d8d8d8; color: #666; padding: 10px; } #Kunena td#kpost-buttons { padding: 20px 0; } /* --- Reply form --- */ #Kunena .kreply-form { border: 1px solid #d8d8d8; } #Kunena .kreply-form input.inputbox { border: 1px solid #d8d8d8; margin-bottom: 5px; padding: 5px 10px; } #Kunena .kreply-form textarea.inputbox { border: 1px solid #d8d8d8; margin-bottom: 5px; padding: 10px; } /* ------------------------------------------------------- ** FORUM STATS ----------------------------------------------------------*/ #Kunena div.kblock #kgenstats_tbody { background: #fff; border: 1px solid #d8d8d8; display: block; } #Kunena div.kblock #kgenstats_tbody .kstatsicon { background-color: #999; background-position: center center; border-radius: 50%; } #Kunena div.kblock #kgenstats_tbody table.kblocktable th { background: none repeat scroll 0 0 #F0F0F0; border-bottom: 1px solid #D8D8D8; padding: 10px 15px; } /* --- User list --- */ #Kunena #userlist-tbody th { background: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; color: #333; font-weight: bold; padding-top: 8px; padding-bottom: 8px; } #Kunena #userlist-tbody th a { color: #333 !important; font-weight: bold; } #Kunena #userlist-tbody th a:hover, #Kunena #userlist-tbody th a:focus, #Kunena #userlist-tbody th a:active { color: #427fed !important; } #Kunena #kpopsubstats-tbody th { background: #f0f0f0; border-bottom: 1px solid #d8d8d8; border-right: 1px solid #d8d8d8; padding-top: 8px; padding-bottom: 8px; } #Kunena #kpopsubstats-tbody th:last-child { border-right: 0; } #Kunena #kpopsubstats-tbody td.kcol-last { border-color: #d8d8d8; } #Kunena .kpopsubjstats img.kstats-bar { height: 10px; } /* ------------------------------------------------------- ** SEARCH PAGE ----------------------------------------------------------*/ #Kunena div.kadvsearch div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 5px; display: block; padding: 20px; } #Kunena #searchform legend { border: 0; margin: 0; width: auto; } #Kunena #searchform label { display: inline-block; } #Kunena #searchform select { width: auto; } #Kunena #searchform input[type="radio"] { margin: 0; } #Kunena #searchform input.input { border-radius: 0; box-shadow: none; margin-bottom: 0; width: auto; } #Kunena #searchform select[multiple] { height: auto; margin-left: 10px; } /* ------------------------------------------------------- ** STATIC PAGE ----------------------------------------------------------*/ #Kunena div.kdefault div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 5px; display: block; padding: 20px; } /* ------------------------------------------------------- ** FORUM CLASS SURFFIX ----------------------------------------------------------*/ /* Trash ---*/ #Kunena .kblocktable .frm-trash span.kreadforum, #Kunena .kblocktable .frm-trash span.knotloginforum { background: url(../images/icons/trash.png) no-repeat center center #999; } #Kunena .kblocktable .frm-trash .kthead-title a { color: #999; } /* Sticky ---*/ #Kunena .nts-kblock ul.kblocktable li.frm-sticky .kblock-inner { border-color: #F2C874; } #Kunena .nts-kblock ul.kblocktable li.frm-sticky .kblock-inner span.kreadforum { background-color: #e2a20e; } #Kunena .kblocktable .kcontenttablespacer { display: none; border: 0; } #Kunena .kblocktable .frm-sticky span.kreadforum, #Kunena .kblocktable .frm-sticky span.knotloginforum { background: url(../images/icons/sticky.png) no-repeat center center #ffeb9e; } /* FAQ ---*/ #Kunena .kblocktable .frm-faq { } #Kunena .nts-kblock .kblocktable .frm-faq span.kreadforum, #Kunena .nts-kblock .kblocktable .frm-faq span.knotloginforum { background: url(../images/icons/question.png) no-repeat center center #e83f96; } /* Solve ---*/ #Kunena .nts-kblock .kblocktable .frm-solve span.kreadforum, #Kunena .nts-kblock .kblocktable .frm-solve span.knotloginforum { background: url(../images/icons/solve.png) no-repeat center center #8eb042; } /* Lock ---*/ #Kunena .nts-kblock .kblocktable .frm-lock span.kreadforum, #Kunena .nts-kblock .kblocktable .frm-lock span.knotloginforum { background: url(../images/icons/lock.png) no-repeat center center #666; } /* Bug ---*/ #Kunena .nts-kblock .kblocktable .frm-bug span.kreadforum, #Kunena .nts-kblock .kblocktable .frm-bug span.knotloginforum { background: url(../images/icons/error.png) no-repeat center center #c00; } /* Highlight ---*/ #Kunena .nts-kblock .kblocktable .frm-hilite span.kreadforum, #Kunena .nts-kblock .kblocktable .frm-hilite span.knotloginforum { background-color: #e2a20e; } .tip-wrap { background: #ffffdd; border: 1px solid #ccc; border-radius: 5px; box-shadow: 0 0 3px rgba(0,0,0,.2); padding: 10px 20px; } .tip-wrap .tip-title { font-weight: 500; text-transform: none; } /* ------------------------------------------------------- ** TYPOGRAPHY ----------------------------------------------------------*/ /* Ordelist & Unorder list */ #Kunena .kmsgtext ol { margin-left: 20px; padding-left: 0; } #Kunena .kmsgtext ul li, #Kunena .kmsgtext ol li { padding: 3px 0; } /* Quote */ #Kunena .kmsgtext .kmsgtext-quote { background: #ffffdd; border: 1px solid #ddd; border-radius: 3px; padding: 10px 20px; margin-bottom: 20px; } /* Code */ #Kunena div.kmsgtext pre, #Kunena div.kmsgtext code { background: #fcfcfc; border-color: #ddd; border-radius: 3px; margin-bottom: 20px; } /* Table */ #Kunena div.kmsgtext table { border: 1px solid #ddd; border-collapse: collapse; border-spacing: 0; margin-bottom: 20px; } #Kunena div.kmsgtext table th, #Kunena div.kmsgtext table td { border: 1px solid #ddd; padding: 8px 10px; } #Kunena div.kmsgtext table th { background: #f0f0f0; padding: 10px; } /* Spoiler */ #Kunena div.kmsgtext .kspoiler { margin-bottom: 20px; } #Kunena div.kmsgtext .kspoiler .kspoiler-header { margin-bottom: 5px; } #Kunena div.kmsgtext .kspoiler .kspoiler-wrapper { background: #ffffdd; border-color: #ddd; } /* Google map */ #Kunena div.kmsgtext .kgooglemap { border: 1px solid #ddd; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; padding: 10px; } /* ------------------------------------------------------- ** BACK-END STYLE ----------------------------------------------------------*/ /* --- My topic --- */ #Kunena div.kflat div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 5px; display: block; padding: 20px; } #Kunena div.kflat table#kflattable { border: 1px solid #d8d8d8; } #Kunena div.kflat .ktopic-latest-post-avatar { border: 0; margin-right: 10px; padding: 0; } #Kunena div.kflat .ktopic-latest-post-avatar img.klist-avatar { border: 1px solid #d8d8d8; border-radius: 50%; padding: 2px; } /* --- Profile --- */ #Kunena div.k-profile div.kbody { background: #fff; border: 1px solid #d8d8d8; border-bottom-width: 2px; border-radius: 5px; display: block; padding: 0; } #Kunena #kprofile-tabs .current a.ktopic-title { font-size: 14px; font-weight: normal; } #Kunena #kprofile-tabs .current .ktopic-latest-post-avatar { display: none; } #Kunena #kpopsubstats-tbody { background: #fff; border: 1px solid #d8d8d8; display: block; } /* ------------------------------------------------------- ** RESPONSIVE LAYOUT ----------------------------------------------------------*/ /* Landscape phone to portrait tablet */ @media (max-width: 767px) { /* --- Login form --- */ #Kunena table.kprofilebox .inputbox { margin-bottom: 10px; } #Kunena .kblock div.kheader .ktitle-desc { display: none; } /* --- Tabs --- */ #Kunena #ktop span.ktoggler { display: none; } #Kunena #ktop { background: transparent; border: 0; border-radius: 0; } #Kunena #ktop #ktab { margin-right: 0; } #Kunena #ktop #ktopmenu ul { width: 100%; } #Kunena #ktop #ktopmenu ul li { width: 33.3%; } #Kunena #ktop #ktopmenu ul li a { background: #fff; border: 1px solid #d8d8d8; border-radius: 3px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } /* --- Categories view --- */ #Kunena .nts-kblock ul.kblocktable li { width: 100%; } #Kunena .nts-kblock ul.kblocktable li .kblock-inner, #Kunena .nts-kblock ul.kblocktable li.krow1 .kblock-inner, #Kunena .nts-kblock ul.kblocktable li.krow1-stickymsg .kblock-inner, #Kunena .nts-kblock ul.kblocktable li.krow2-stickymsg .kblock-inner { margin: 0 0 10px 0; } /* --- Whois online --- */ #Kunena div.kwhoisonline { float: none; width: 100%; } #Kunena div.kwhoisonline #kwhoisonline { margin: 0 0 10px 0; } #Kunena div.kwhoisonline div#kwhoisonline .kcol-mid { float: none; overflow: visible; } /* --- Frontstats --- */ #Kunena div.kfrontstats { float: none; margin-bottom: 10px; width: 100%; } #Kunena div.kfrontstats .kheader { margin-left: 0; } #Kunena div.kfrontstats #kfrontstats-tbody { margin-left: 0; } #Kunena div#kfrontstats ul#kstatslistright { margin-bottom: -20px; } /* --- Profile page --- */ #Kunena table#kprofile, #Kunena table#kprofile tbody, #Kunena table#kprofile tr, #Kunena table#kprofile th, #Kunena table#kprofile td { display: block; overflow: hidden; } #Kunena table#kprofile td.kcol-left { width: 100%; } #Kunena table#kprofile td.kcol-right { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } #Kunena div#kprofile-leftcol { float: none; overflow: hidden; width: auto; } #Kunena div.kavatar-lg { float: left; padding: 10px 20px 0 5px; width: auto; } #Kunena div#kprofile-stats { float: left; margin-top: 0; } /* Tabs */ #Kunena #kprofile-tabs .tabs, #Kunena #kprofile-edit .tabs { display: block; overflow: hidden; } #Kunena #kprofile-tabs .tabs dt, #Kunena #kprofile-edit .tabs dt { border: 1px solid #d8d8d8; border-radius: 3px; display: block; float: left; margin-bottom: 5px; } #Kunena div.k-profile .current div.kbody { border: 0; border-radius: 0; } #Kunena table#kprofile form table { display: table; margin-bottom: 10px; } #Kunena table#kprofile form table tbody { display: table-row-group; } #Kunena table#kprofile form table tr { display: table-row; } #Kunena table#kprofile form table th, #Kunena table#kprofile form table td { border: 1px solid #d8d8d8; display: table-cell; } #Kunena table#kprofile form table.kblocktable td:nth-child(2) { display: none; } #Kunena table#kprofile form table td.kcol-ktopiclastpost { display: none; } #Kunena table#kprofile form table td.kcontenttablespacer { display: none; } /* Block ban */ #Kunena table#kprofile table.kblock-ban { display: table; } #Kunena table#kprofile table.kblock-ban thead, #Kunena table#kprofile table.kblock-ban tbody, #Kunena table#kprofile table.kblock-ban tfoot { display: table-row-group; } #Kunena table#kprofile table.kblock-ban tr { display: table-row; } #Kunena table#kprofile table.kblock-ban th, #Kunena table#kprofile table.kblock-ban td { display: table-cell; } /*--- Kmsg table ---*/ #Kunena .kblock .kmsg-header { background: #ddd; border-bottom: 1px solid #ccc; overflow: hidden; } #Kunena table.kmsg td { display: block; height: auto; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #Kunena table.kmsg td.kprofile-left { border-bottom: 1px solid #d8d8d8; border-right: 0 !important; width: 100%; } #Kunena ul.kpost-profile { display: block; margin: 0; padding: 15px 0 10px 90px; position: relative; } #Kunena ul.kpost-profile li.kpost-avatar { position: absolute; left: 15px; top: 15px; } #Kunena ul.kpost-profile li { text-align: left !important; } #Kunena ul.kpost-profile li.kpost-avatar img { margin: 0; width: 50px; } #Kunena ul.kpost-profile li.kpost-userrank, #Kunena ul.kpost-profile li.kpost-userrank-img, #Kunena ul.kpost-profile li.kpost-userposts, #Kunena ul.kpost-profile li.kpost-karma, #Kunena ul.kpost-profile li.kpost-smallicons { display: none; } #Kunena td.kbuttonbar-left { margin: 0; } #Kunena .klist-actions-forum { white-space: normal; width: 100%; } #Kunena div.kmessage-buttons-row { display: inline; float: none; margin-bottom: 10px; white-space: normal; } #Kunena div.kmessage-buttons-row a { margin-bottom: 10px; } } /* Landscape phones and down */ @media screen and (max-width: 480px) { #Kunena #kprofile-edit table, #Kunena #kprofile-edit table thead, #Kunena #kprofile-edit table tbody, #Kunena #kprofile-edit table tfoot, #Kunena #kprofile-edit table tr, #Kunena #kprofile-edit table th, #Kunena #kprofile-edit table td { display: block !important; } #Kunena table#kprofile #kprofile-edit table th, #Kunena table#kprofile #kprofile-edit table td { border: 0; padding: 0; } #Kunena table#kprofile #kprofile-edit table td.kcol-first { background: transparent; font-weight: 500; padding-top: 10px; padding-bottom: 5px; } #Kunena table#kprofile #kprofile-edit table td.kcol-mid .inputbox { box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; width: 100%; } #Kunena table#kprofile #kprofile-edit .keditavatar td.kcol-first { overflow: visible; } } /* Landscape phones and down */ @media screen and (max-width: 320px) { #Kunena .nts-kblock .forum-info { position: relative; right: auto; top: auto; text-align: center; width: auto; } }