The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Category and fora table?

View previous topic View next topic Go down

Solved Category and fora table?

Post by IdaTR on March 29th 2017, 10:55 am

Is it possible to have this kind of categories: http://krystallandet.dk/ as they have on here?
I'm not completely satisfied with these:

Website: www.vielamort.net
Version: punbb
Position: Adminstrator


Last edited by IdaTR on March 29th 2017, 4:17 pm; edited 1 time in total
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by Kyo Panda on March 29th 2017, 1:35 pm

Hello, o/

You want that design on all your categories or only on those which have double column description?
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Category and fora table?

Post by IdaTR on March 29th 2017, 1:42 pm

On all of them (:
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by Kyo Panda on March 29th 2017, 2:10 pm

Try adding to you CSS:

Code:
/**
 * FA.BEGIN Two-Column Categories
 */
 
.wrapper {
    min-width: 1185px;
}
 
.cat_bar + .main-content tbody {
    overflow: hidden;
}
 
.cat_bar + .main-content .statused > tr {
    display: block;
    width: 45%;
    margin: 2.5%;
    float: left;
    box-sizing: border-box;
    background-color: #e6e6e6;
    border: 1px #ccc solid;
    position: relative;
}
 
.cat_bar + .main-content .statused > tr > td {
    background: none !important;
    padding: 5px;
    display: block;   
}
 
.cat_bar + .main-content .tc2 {
    clear: both;
    width: auto;
    text-align: right;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
 
.cat_bar + .main-content .tc2,
.cat_bar + .main-content .tc2 span {
    font-size: 0.7rem;
}
 
.cat_bar + .main-content .tc2 span {
    margin-right: 10px;
}
 
.cat_bar + .main-content .tc2 br {
    display: none;
}
 
.cat_bar + .main-content .statused > tr > .tcr {
    display: none;
}
 
.cat_bar + .main-content .tcl {
    box-sizing: border-box;
    height: 180px;
    display: block;
    margin-left: 70px;
    width: auto;
}

.cat_bar + .main-content .icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -32px;
}
 
.cat_bar + .main-content .hierarchy {
    display: block;
    padding-top: 10px;
    text-align: center;
}
 
.cat_bar + .main-content .hierarchy + br {
    display: none;
}
 
/**
 * FA.END Two-Column Categories
 */

Your double column forums will probably need to be reworked.
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Category and fora table?

Post by IdaTR on March 29th 2017, 2:59 pm

Didn't work Oo
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by Kyo Panda on March 29th 2017, 3:17 pm

There are two small problems here:

  • I couldn't find the code applied in your CSS.

  • Your CSS has a small problem:
    Code:
    body {
        background: #2B4A38 url(http://i65.tinypic.com/33w5tv8.jpg);
        font-family: \'Lato\', \'Arial\', sans-serif;
    [...]
    Those "\" in the font-family rule causes problems when the CSS is minified.


Here is how your forum looks like with the code applied:



o/
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Category and fora table?

Post by IdaTR on March 29th 2017, 3:28 pm

It is postet.. Oo.. but nothing seems to be different, if I provided a test user could you then look into it?
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by Kyo Panda on March 29th 2017, 3:34 pm

I think there is no need for a test user. Maybe it could be the error I mentioned earlier. Could you post your CSS here so we can give a better look at what is causing the problem?
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Category and fora table?

Post by IdaTR on March 29th 2017, 3:47 pm

Already removed the error you mentioned..

here :
Code:
/*-Fora-*/
body {
  background: #2B4A38 url(http://i65.tinypic.com/33w5tv8.jpg);
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
}
.pun {
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
body, td, th, tr {
  color: #1e1e1e;
}
.wrapper {
  margin: 0 auto;
  width: 90% !important;
}
/**
 * FA.BEGIN Two-Column Categories
 */
 
.wrapper {
    min-width: 1185px;
}
 
.cat_bar + .main-content tbody {
    overflow: hidden !important;
}
a {
  text-decoration: none;
  outline: none;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:hover, #footer a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.pun a:link {
  color: #009CCC;
}
.pun a:visited {
  color: #009CCC;
}
.pun a:hover {
  color: #009CCC;
  text-decoration: underline;
  cursor: pointer;
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:400;
  src:local('Lato Regular'), local(Lato-Regular), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:700;
  src:local('Lato Bold'), local(Lato-Bold), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")
}
#tabs {
  width: 980px;
  margin-left: -15px;
}
/*-Header-*/
#header {
  height: 90px;
  background: url(http://i65.tinypic.com/b7lzfc.jpg)
  border-bottom: 2px solid #7CB0B8;
  height: 300px;
}
#logo {
  display: block;
  float: left;
  width: 600px;
  height: 200px;
  background: url(http://i66.tinypic.com/2e3mtfm.pngg) 50% 0 no-repeat;
  margin-top: 21px;
}
#search {
  float: right;
  width: 240px;
  height: 32px;
  border: 1px solid #76abb5;
  margin-top: 30px;
  border-radius: 5px;
}
span, form, p {
  margin: 0;
  padding: 0;
}
#search input {
  float: left;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}
#search input[type=text] {
  width: 186px;
  height: 16px;
  line-height: 16px;
  padding: 8px 10px;
  color: #C0F0F0;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#search input[type=submit] {
  background: url(http://i.imgur.com/tjwe4L1.png) 0 0 no-repeat;
  border-left: 1px solid #76abb5;
  border-radius: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
#search input[type=text]:focus {
  background: #85B9C1;
  color: #D3FFFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input, button, select, textarea {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #fff;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
/*-Navbar-*/
#navbar {
  height: 50px;
  padding: 20px 0;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#topnav, #topnav ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav > li > a.active {
  background-color: #79D3C1;
  color: #fff;
}
#topnav > li > a {
  line-height: 50px;
  padding: 0 18px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #555F67;
}
#topnav li a {
  display: block;
  text-decoration: none;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#topnav > li:hover > a {
  background: #4D5760;
  color: #fff;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li:hover ul {
  left: 0;
  top: 52px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav li li a {
  color: #fff;
  line-height: 30px;
  font-size: 13px;
}
#topnav li li a {
  display: block;
  width: 174px;
  padding: 0 18px;
  color: #fff;
  height: auto;
  float: none;
  line-height: 30px;
  font-size: 13px;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
#topnav ul li a:hover {
  color: #85F6F5;
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul {
  top: -999em;
  left: auto;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
/*-Board Notice-*/
#board-notice {
  padding: 20px 0;
  line-height: 20px;
  text-align: right;
  font-size: 12px;
}
/*-Toolbar-*/
#content-wrapper {
  margin-bottom: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
#pun-visit, .main-box {
  display: none;
}
#toolbar {
  height: 60px;
  background-color: #55685F;
  background-image: linear-gradient(#6B8979, #4E6156);
  border-bottom: 1px solid #3E4248;
}
#quicknav {
  float: left;
  margin: 15px 0 0 15px;
}
#quicknav ul {
  margin: 0;
  padding: 0;
}
#quicknav li {
  float: left;
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
}
#quicknav li.social a {
  background: #fff url(http://i.imgur.com/5ZzJfCW.png) no-repeat;
  height: 34px;
  width: 34px;
  padding: 0;
  text-indent: -9999px;
  border-radius: 34px;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#account {
  float: right;
  margin: 15px 15px 0 -15px;
}
#account input[type=text], #account input[type=password] {
  background: #566069;
  border: 1px solid #45494F;
  width: 120px;
  height: 18px;
  padding: 7px 10px;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#account input[type=text]:focus, #account input[type=password]:focus {
  background: #4C565F;
  border-radius: 5px;
  color: #9BA5AE;
}
#account input {
  float: left;
  border: none;
  outline: none;
  padding: 0;
  margin-left: 5px;
  color: #7A848D;
  line-height: 1;
}
#account input[type=submit], #account a.signup-btn {
  height: 34px;
  width: 34px;
  cursor: pointer;
  border-radius: 34px;
}
#account input[type=submit] {
  background: #91C5CD url(http://i.imgur.com/n5dzb3A.png) 0 0 no-repeat;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#account input[type=submit]:hover {
  background-color: #7FB3BB;
}
#account .signup-btn {
  background: #ff8488 url(http://i.imgur.com/n5dzb3A.png) 0 -39px no-repeat;
  float: left;
  margin-left: 5px;
}
#account .signup-btn:hover {
  background-color: #EC7175;
}
#userarea {
  line-height: 34px;
  color: #929ca5;
  float: right;
  letter-spacing: 1px;
  margin: 15px 15px 0 0;
  width: 500px;
  text-align: justify;
}
/*-Main Content-*/
#main-content {
  background-color: #CFCFCF;
  padding: 15px;
  overflow: hidden;
}
.pun .main-content {
  background-color: #EDEDED;
  border: none;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #DEE8F1;
}
#profile-advanced-details dl {
  margin: 0.6em 0 0;
  padding: 0.6em 0px 0.7em 0;
  width: 98%;
}
.main .main-foot, .main .main-head {
  background-color: #4C887C;
  color: #fff;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
  padding: .0em 0.5em;
}
#tabs ul li.activetab a {
  background-color: #90c4cc;
  border-color: #90c4cc;
  color: #f4f9fd;
  text-decoration: underline;
}
#tabs ul li a {
  background-color: #ededed;
  border: 1px solid #E9E9E9;
  border-bottom: none;
}
#tabs ul li.activetab a:hover {
  background-color: #89BAC2;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
  padding: 2px;
  border-radius: 10px;
  border: 1px solid #DEE8F1;
  background: #E1E1E1;
  width: 125px;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#profile-advanced-right .main-content.clearfix.center img:first-child:hover {
  opacity: 0.9;
}
.main-content.standalone h2 {
  border-bottom: 1px solid #DEE8F1;
}
.main-content.standalone .button {
  background-color: #90c4cc;
  border: 1px solid #90c4cc;
  color: #f4f9fd;
  margin: 1em;
  padding: .5em 1em;
}
.main-content.standalone .button:hover {
  background-color: #89BAC2;
  border: 1px solid #90c4cc;
}
.main-content.standalone .button.button1 {
  font-weight: 500;
}
/*-Footer-*/
#pun-about #qjump, #pun-about fieldset {
  display: none;
}
#pun-about {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
#footer {
  padding: 30px 0;
  background: #4B555D;
  color: #889497;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#footer .wrapper {
  position: relative;
}
#footer a.backtop {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url(http://i.imgur.com/20hmQGl.png) 0 0 no-repeat;
  height: 22px;
  width: 22px;
}
#footer a.backtop:hover {
  background-position: 0 -27px;
}
#footer a {
  color: #FE8D91;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
}
#footer strong {
  color: #ADB9BC;
}
a:link, a:visited {
  color: #EA797D;
  text-decoration: none;
}
.smalltext, tr.smalltext th {
  font-size: 11px;
}
/*-Categorias-*/
.pun table.table td {
  background-color: #ededed !important;
  border-color: rgba(0,0,0,0);
  border-style: none;
  border-width: 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #ededed !important;
}
.pun tbody.statused span.status {
  position: relative;
}
.icon.windowbg span img {
  margin-left: .1em;
}
.icon.windowbg {
  text-align: center;
  width: 5.9%;
}
.pun .main-content .table .statused tr {
  border-bottom: 1px solid #DEE8F1;
}
.pun tbody.statused td.tcl {
  padding-left: .9em;
}
.pun table.table td {
  line-height: 130%;
}
.pun table .tcr {
  font-size: 11px;
  text-align: right;
background-color: #ededed;
}
.pun table .tcr {
  font-size: 11px;
  overflow: hidden;
  padding: 0 .9em 0 .5em !important;
  text-align: right;
  width: 26%;
  background-color: #ededed;
}
.pun .table .tc2, .pun .table .tc3 {
  font-size: 11px;
  line-height: 140%;
  text-align: left;
  width: 15%;
  background-color: #ededed;
}
.tc2 span {
  color: #444;
  font-size: 133%;
}
table.table_list tbody.header td {
  padding: 0;
}
table.table_list tbody.header td div.cat_bar {
  margin-bottom: -1px;
}
div.cat_bar {
  background: #4C887C;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  padding-left: 9px;
  height: 38px;
  overflow: hidden;
  margin-bottom: 1px;
}

h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
  background: #4C887C;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  color: #fff;
}
.pun h2, h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
}
.tcl .hierarchy .forumtitle {
  font-family: 'Lato', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #009CCC;
}
#posting_icons {
  padding: 0 1em 0.5em 1em;
  margin: 1.5em 0 2.4em 0;
  line-height: 1em;
}
#posting_icons ul {
  font-size: 0.8em;
}
ul.reset, ul.reset li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.floatleft {
  float: left;
}
#posting_icons img {
  vertical-align: middle;
  margin: 0 0 0 4ex;
}
#posting_icons ul {
  font-size: 0.8em;
}
.pun-crumbs {
  display: block;
  margin: 10px 0;
  padding: 5px 10px;
  overflow: hidden;
  clear: both;
  border: 1px solid #DEE8F1;
  border-radius: 3px;
}
.pun-crumbs .crumbs a {
  white-space: pre;
  color: #4F5961;
  font-size: 12px;
}
.pun-crumbs p {
  line-height: 1.9;
  color: #EA797D;
}
.pun .paged-foot, .pun .paged-head {
  background-color: transparent;
  border: none;
  padding: .6em 1.3em .3em;
}
#stats {
  border: 1px solid #DEE8F1;
  border-bottom: none;
  background-color: #ededed;
}
#onlinelist {
  background-color: #ededed;
  border: 1px solid #DEE8F1;
}
/*-Stats-*/
.roundframe {
background: #E1E1E1;
border: 2px solid #eee;
border-radius: 5px;
padding: 10px;
}
#upshrinkHeaderIC {
margin-top: 4px;
}
div.title_barIC {
  background: #6cc4c5;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 40px;
margin-bottom: 1px;
overflow: hidden;
padding-left: 9px;
}
div.title_barIC h4.titlebg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #454F57;
}
h4.titlebg, h3.titlebg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding-right: 9px;
}
h4.titlebg img.icon {
float: left;
margin: 8px 8px 0 0;
}
div.roundframe div.cat_bar h3.catbg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
div.roundframe div.cat_bar {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 0;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
#upshrinkHeaderIC p.stats {
font-size: 1.1em;
padding-top: 8px;
}
#upshrinkHeaderIC p.inline {
border: none;
margin: 0;
}
#upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
/*-Register-*/
#username_reg, #email, #password_reg {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #E1E1E1;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
fieldset.frm-set.multi {
  border-bottom: none;
  padding: 0;
  margin-bottom: -0px;
}
.main .main-content.frm {
  background-color: #E1E1E1;
}
.frm-buttons {
  border-top: 1px solid #DEE8F1;
}
.pun .frm .frm-buttons input {
  background: #FE7B7F;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  border: none;
  font: 95%/115% 'Lato', sans-serif;
  padding: 5px;
  border-radius: 3px;
}
.pun .frm .frm-buttons input:hover {
  background: #4D5760;
}
#pun-announcement {
  background-color: transparent;
  border: 1px solid transparent;
  color: #4F5961;
  font-weight: 700;
  margin-top: -20px;
  border-radius: 2px;
  padding: 1em;
}
.main .frm-info {
  background: #ededed;
  border: 1px solid #D6EFF8;
  color: #4F5961;
  font-weight: 700;
  margin: 0.5em;
  padding: 1em;
}
/*-Chat-*/
#chatbox_members {
  border-right: 1px solid #DEE8F1;
  bottom: 37.5px;
}
#chatbox_footer {
  border-top: 1px solid #DEE8F1;
}
#chatbox_header.main-head {
  background-color: #EA797D;
  border-radius: 2px;
}
.chatbox-title, .chatbox-title a.chat-title {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: -7px;
}
.chatbox-title {
  padding: 3px 5px 0;
}
.chatbox-options li:hover, .chatbox-options li a:hover, .chatbox-options li label:hover {
  color: white;
}
#chatbox_members .member-title {
  background-color: rgba(144, 196, 204, 0.5);
  border-bottom: 2px solid #90C4CC;
}
.member-title.away {
  background-color: rgba(77, 87, 96, 0.5);
  border-bottom: 2px solid #4D5760;
}
/*-Posts-*/
.pagesection {
 font-size: 0.9em;
  margin: 10px 0;
  overflow: hidden;
}
.nextlinks {
  text-align: right;
  margin-top: -1px;
}
.buttonlist.floatright ul li a {
color: #FFF;
}
.buttonlist ul {
  z-index: 100;
  padding: 0;
  margin: 0 0 5px 0;
}
.buttonlist li {
  margin: 0 0 0 2px;
  padding: 0;
  list-style: none;
  float: left;
}
.buttonlist li a {
  display: block;
  font-size: 12px;
  color: #fff;
  background: #626C75;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 3px;
}
.buttonlist.floatright {
  float: right;
}
.align_top ul li a, .align_bottom ul li a {
  margin: 0 12px 0 0;
}
.pun .paging {
  float: left;
  font-size: .9em;
  font-weight: 300;
}
.pun .postmain {
    background-color: #E1E1E1;
    border-left: none;
    margin-left: 14.6em;
}
.pun .post .user {
  float: left;
  margin-left: -14em;
  margin-top: -45px;
}
.user-basic-info a img {
  width: 100px;
  border: 1px solid #000;
  padding: 1px;
}
.pun .posthead {
  background: #E1E1E1;
  border-bottom: 1px solid #519873;
  padding: 0;
}
.postfoot {
  border-top: 1px solid #519873;
  clear: both;
  margin-left: -14.6em; 
}
.pun .user {
  width: 15em
}
.sig-content {
  border-top: 1px solid #519873;
}
.pun .user .user-info {
  font-size: 11px;
  width: 160px;
  text-align: justify;
}
.pun .user .username {
  font-size: 16px;
  color: #434D55;
}
.keyinfo {
  margin-top: 8px;
  border-bottom: 1px solid #519873;
}
.messageicon {
  float: left;
  margin: 0 0.5em 0 0;
}
.messageicon img {
  padding: 6px 3px;
}
h5 {
  color: #434D55;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by Kyo Panda on March 29th 2017, 3:55 pm

The CSS was not applied in its entirety and it should be placed at the bottom of your CSS (I should have mentioned that... sorry... By default, always add new CSS to the bottom, because some parts of your CSS could influence the codes created to you). And there was some minor problems. All fixed:

Code:
/*-Fora-*/
body {
  background: #2B4A38 url(http://i65.tinypic.com/33w5tv8.jpg);
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
}
.pun {
  font: 13px/22px 'Lato', 'Arial', sans-serif;
  margin: 0 auto;
  padding: 0;
  width: 100%;
}
body, td, th, tr {
  color: #1e1e1e;
}
.wrapper {
  margin: 0 auto;
  width: 90% !important;
}
a {
  text-decoration: none;
  outline: none;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
a:hover, #footer a:hover {
  text-decoration: underline;
  cursor: pointer;
}
.pun a:link {
  color: #009CCC;
}
.pun a:visited {
  color: #009CCC;
}
.pun a:hover {
  color: #009CCC;
  text-decoration: underline;
  cursor: pointer;
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:400;
  src:local('Lato Regular'), local(Lato-Regular), url(http://themes.googleusercontent.com/static/fonts/lato/v6/9k-RPmcnxYEPm8CNFsH2gg.woff) format("woff")
}
@font-face{
  font-family:Lato;
  font-style:normal;
  font-weight:700;
  src:local('Lato Bold'), local(Lato-Bold), url(http://themes.googleusercontent.com/static/fonts/lato/v6/wkfQbvfT_02e2IWO3yYueQ.woff) format("woff")
}
#tabs {
  width: 980px;
  margin-left: -15px;
}
/*-Header-*/
#header {
  height: 90px;
  background: url(http://i65.tinypic.com/b7lzfc.jpg);
  border-bottom: 2px solid #7CB0B8;
  height: 300px;
}
#logo {
  display: block;
  float: left;
  width: 600px;
  height: 200px;
  background: url(http://i66.tinypic.com/2e3mtfm.pngg) 50% 0 no-repeat;
  margin-top: 21px;
}
#search {
  float: right;
  width: 240px;
  height: 32px;
  border: 1px solid #76abb5;
  margin-top: 30px;
  border-radius: 5px;
}
span, form, p {
  margin: 0;
  padding: 0;
}
#search input {
  float: left;
  background: none;
  border: none;
  outline: none;
  padding: 0;
}
#search input[type=text] {
  width: 186px;
  height: 16px;
  line-height: 16px;
  padding: 8px 10px;
  color: #C0F0F0;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#search input[type=submit] {
  background: url(http://i.imgur.com/tjwe4L1.png) 0 0 no-repeat;
  border-left: 1px solid #76abb5;
  border-radius: 0;
  width: 32px;
  height: 32px;
  cursor: pointer;
}
#search input[type=text]:focus {
  background: #85B9C1;
  color: #D3FFFF;
  border-top-left-radius: 5px;
  border-bottom-left-radius: 5px;
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}
input, button, select, textarea {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #fff;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
/*-Navbar-*/
#navbar {
  height: 50px;
  padding: 20px 0;
  background: #fff;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.45);
}
#topnav, #topnav ul {
  margin: 0;
  padding: 0;
  z-index: 999;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav > li > a.active {
  background-color: #79D3C1;
  color: #fff;
}
#topnav > li > a {
  line-height: 50px;
  padding: 0 18px;
  border-radius: 5px;
  font-size: 14px;
  font-weight: 700;
  color: #555F67;
}
#topnav li a {
  display: block;
  text-decoration: none;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#topnav > li:hover > a {
  background: #4D5760;
  color: #fff;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li:hover ul {
  left: 0;
  top: 52px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.4);
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  list-style: none;
}
#topnav li li a {
  color: #fff;
  line-height: 30px;
  font-size: 13px;
}
#topnav li li a {
  display: block;
  width: 174px;
  padding: 0 18px;
  color: #fff;
  height: auto;
  float: none;
  line-height: 30px;
  font-size: 13px;
}
#topnav > li {
  margin-right: 2px;
  padding-bottom: 5px;
}
#topnav li ul {
  position: absolute;
  width: 210px;
  left: -999em;
  padding: 5px 0;
  background: #4D5760;
  border-radius: 5px;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
#topnav ul li a:hover {
  color: #85F6F5;
}
#topnav li li {
  width: 200px;
  height: auto;
}
#topnav li:hover ul ul, #topnav li:hover ul ul ul, #topnav li:hover ul ul ul ul {
  top: -999em;
  left: auto;
}
#topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li li li:hover ul {
  left: 190px;
  top: 0;
}
/*-Board Notice-*/
#board-notice {
  padding: 20px 0;
  line-height: 20px;
  text-align: right;
  font-size: 12px;
}
/*-Toolbar-*/
#content-wrapper {
  margin-bottom: 40px;
  box-shadow: 0 2px 3px rgba(0, 0, 0, 0.5);
}
#pun-visit, .main-box {
  display: none;
}
#toolbar {
  height: 60px;
  background-color: #55685F;
  background-image: linear-gradient(#6B8979, #4E6156);
  border-bottom: 1px solid #3E4248;
}
#quicknav {
  float: left;
  margin: 15px 0 0 15px;
}
#quicknav ul {
  margin: 0;
  padding: 0;
}
#quicknav li {
  float: left;
  list-style: none;
  margin: 0 3px 0 0;
  padding: 0;
}
#quicknav li.social a {
  background: #fff url(http://i.imgur.com/5ZzJfCW.png) no-repeat;
  height: 34px;
  width: 34px;
  padding: 0;
  text-indent: -9999px;
  border-radius: 34px;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#quicknav li a {
  display: block;
  padding: 0 0 0 15px;
  line-height: 34px;
  font-size: 13px;
  color: #fff;
  text-transform: uppercase;
}
#account {
  float: right;
  margin: 15px 15px 0 -15px;
}
#account input[type=text], #account input[type=password] {
  background: #566069;
  border: 1px solid #45494F;
  width: 120px;
  height: 18px;
  padding: 7px 10px;
  border-radius: 5px;
  font-family: 'Lato', sans-serif;
  font-size: 14px;
}
#account input[type=text]:focus, #account input[type=password]:focus {
  background: #4C565F;
  border-radius: 5px;
  color: #9BA5AE;
}
#account input {
  float: left;
  border: none;
  outline: none;
  padding: 0;
  margin-left: 5px;
  color: #7A848D;
  line-height: 1;
}
#account input[type=submit], #account a.signup-btn {
  height: 34px;
  width: 34px;
  cursor: pointer;
  border-radius: 34px;
}
#account input[type=submit] {
  background: #91C5CD url(http://i.imgur.com/n5dzb3A.png) 0 0 no-repeat;
  -o-transition: all .2s ease-in-out;
  -moz-transition: all .2s ease-in-out;
  -webkit-transition: all .2s ease-in-out;
  transition: all .2s ease-in-out;
}
#account input[type=submit]:hover {
  background-color: #7FB3BB;
}
#account .signup-btn {
  background: #ff8488 url(http://i.imgur.com/n5dzb3A.png) 0 -39px no-repeat;
  float: left;
  margin-left: 5px;
}
#account .signup-btn:hover {
  background-color: #EC7175;
}
#userarea {
  line-height: 34px;
  color: #929ca5;
  float: right;
  letter-spacing: 1px;
  margin: 15px 15px 0 0;
  width: 500px;
  text-align: justify;
}
/*-Main Content-*/
#main-content {
  background-color: #CFCFCF;
  padding: 15px;
  overflow: hidden;
}
.pun .main-content {
  background-color: #EDEDED;
  border: none;
}
#profile-advanced-details div.separator {
  border-bottom: 1px solid #DEE8F1;
}
#profile-advanced-details dl {
  margin: 0.6em 0 0;
  padding: 0.6em 0px 0.7em 0;
  width: 98%;
}
.main .main-foot, .main .main-head {
  background-color: #4C887C;
  color: #fff;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
  padding: .0em 0.5em;
}
#tabs ul li.activetab a {
  background-color: #90c4cc;
  border-color: #90c4cc;
  color: #f4f9fd;
  text-decoration: underline;
}
#tabs ul li a {
  background-color: #ededed;
  border: 1px solid #E9E9E9;
  border-bottom: none;
}
#tabs ul li.activetab a:hover {
  background-color: #89BAC2;
}
#profile-advanced-right .main-content.clearfix.center img:first-child {
  padding: 2px;
  border-radius: 10px;
  border: 1px solid #DEE8F1;
  background: #E1E1E1;
  width: 125px;
  -o-transition: all .15s ease-out;
  -moz-transition: all .15s ease-out;
  -webkit-transition: all .15s ease-out;
  transition: all .15s ease-in-out;
}
#profile-advanced-right .main-content.clearfix.center img:first-child:hover {
  opacity: 0.9;
}
.main-content.standalone h2 {
  border-bottom: 1px solid #DEE8F1;
}
.main-content.standalone .button {
  background-color: #90c4cc;
  border: 1px solid #90c4cc;
  color: #f4f9fd;
  margin: 1em;
  padding: .5em 1em;
}
.main-content.standalone .button:hover {
  background-color: #89BAC2;
  border: 1px solid #90c4cc;
}
.main-content.standalone .button.button1 {
  font-weight: 500;
}
/*-Footer-*/
#pun-about #qjump, #pun-about fieldset {
  display: none;
}
#pun-about {
  background-color: #E1E1E1;
  border-color: #E1E1E1;
}
#footer {
  padding: 30px 0;
  background: #4B555D;
  color: #889497;
  box-shadow: 0 0 4px rgba(0, 0, 0, 0.2);
}
#footer .wrapper {
  position: relative;
}
#footer a.backtop {
  position: absolute;
  top: 0;
  right: 0;
  display: block;
  background: url(http://i.imgur.com/20hmQGl.png) 0 0 no-repeat;
  height: 22px;
  width: 22px;
}
#footer a.backtop:hover {
  background-position: 0 -27px;
}
#footer a {
  color: #FE8D91;
  font-size: 13px;
  font-family: 'Lato', sans-serif;
}
#footer strong {
  color: #ADB9BC;
}
a:link, a:visited {
  color: #EA797D;
  text-decoration: none;
}
.smalltext, tr.smalltext th {
  font-size: 11px;
}
/*-Categorias-*/
.pun table.table td {
  background-color: #ededed !important;
  border-color: rgba(0,0,0,0);
  border-style: none;
  border-width: 0;
}
.pun .main table td.tc2, .pun .main table td.tc3 {
    background-color: #ededed !important;
}
.pun tbody.statused span.status {
  position: relative;
}
.icon.windowbg span img {
  margin-left: .1em;
}
.icon.windowbg {
  text-align: center;
  width: 5.9%;
}
.pun .main-content .table .statused tr {
  border-bottom: 1px solid #DEE8F1;
}
.pun tbody.statused td.tcl {
  padding-left: .9em;
}
.pun table.table td {
  line-height: 130%;
}
.pun table .tcr {
  font-size: 11px;
  text-align: right;
background-color: #ededed;
}
.pun table .tcr {
  font-size: 11px;
  overflow: hidden;
  padding: 0 .9em 0 .5em !important;
  text-align: right;
  width: 26%;
  background-color: #ededed;
}
.pun .table .tc2, .pun .table .tc3 {
  font-size: 11px;
  line-height: 140%;
  text-align: left;
  width: 15%;
  background-color: #ededed;
}
.tc2 span {
  color: #444;
  font-size: 133%;
}
table.table_list tbody.header td {
  padding: 0;
}
table.table_list tbody.header td div.cat_bar {
  margin-bottom: -1px;
}
div.cat_bar {
  background: #4C887C;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  padding-left: 9px;
  height: 38px;
  overflow: hidden;
  margin-bottom: 1px;
}
 
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
  background: #4C887C;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
  padding-right: 9px;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
  color: #fff;
}
.pun h2, h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
  line-height: 38px;
  font-size: 1.12em;
  font-weight: bold;
  font-family: 'Lato', 'Arial', sans-serif;
}
.tcl .hierarchy .forumtitle {
  font-family: 'Lato', 'Arial', sans-serif;
  font-weight: bold;
  font-size: 15px;
  color: #009CCC;
}
#posting_icons {
  padding: 0 1em 0.5em 1em;
  margin: 1.5em 0 2.4em 0;
  line-height: 1em;
}
#posting_icons ul {
  font-size: 0.8em;
}
ul.reset, ul.reset li {
  padding: 0;
  margin: 0;
  list-style: none;
}
.floatleft {
  float: left;
}
#posting_icons img {
  vertical-align: middle;
  margin: 0 0 0 4ex;
}
#posting_icons ul {
  font-size: 0.8em;
}
.pun-crumbs {
  display: block;
  margin: 10px 0;
  padding: 5px 10px;
  overflow: hidden;
  clear: both;
  border: 1px solid #DEE8F1;
  border-radius: 3px;
}
.pun-crumbs .crumbs a {
  white-space: pre;
  color: #4F5961;
  font-size: 12px;
}
.pun-crumbs p {
  line-height: 1.9;
  color: #EA797D;
}
.pun .paged-foot, .pun .paged-head {
  background-color: transparent;
  border: none;
  padding: .6em 1.3em .3em;
}
#stats {
  border: 1px solid #DEE8F1;
  border-bottom: none;
  background-color: #ededed;
}
#onlinelist {
  background-color: #ededed;
  border: 1px solid #DEE8F1;
}
/*-Stats-*/
.roundframe {
background: #E1E1E1;
border: 2px solid #eee;
border-radius: 5px;
padding: 10px;
}
#upshrinkHeaderIC {
margin-top: 4px;
}
div.title_barIC {
  background: #6cc4c5;
  -webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
height: 40px;
margin-bottom: 1px;
overflow: hidden;
padding-left: 9px;
}
div.title_barIC h4.titlebg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
color: #454F57;
}
h4.titlebg, h3.titlebg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
padding-right: 9px;
}
h4.titlebg img.icon {
float: left;
margin: 8px 8px 0 0;
}
div.roundframe div.cat_bar h3.catbg {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
}
div.roundframe div.cat_bar {
  background: #6cc4c5;
-webkit-border-top-left-radius: 3px;
-webkit-border-top-right-radius: 3px;
-moz-border-radius-topleft: 3px;
-moz-border-radius-topright: 3px;
border-top-left-radius: 3px;
border-top-right-radius: 3px;
margin-bottom: 0;
}
#upshrinkHeaderIC p {
margin: 0 0 0.5em 0;
padding: 0.5em;
}
#upshrinkHeaderIC p.stats {
font-size: 1.1em;
padding-top: 8px;
}
#upshrinkHeaderIC p.inline {
border: none;
margin: 0;
}
#upshrinkHeaderIC p.last {
margin: 0;
padding: 0.5em;
border-top: 2px dotted #bbb;
}
/*-Register-*/
#username_reg, #email, #password_reg {
  font: 95%/115% 'Lato', sans-serif;
  color: #4F5961;
  background: #E1E1E1;
  border: 1px solid #7f9db9;
  padding: 5px;
  border-radius: 3px;
}
fieldset.frm-set.multi {
  border-bottom: none;
  padding: 0;
  margin-bottom: -0px;
}
.main .main-content.frm {
  background-color: #E1E1E1;
}
.frm-buttons {
  border-top: 1px solid #DEE8F1;
}
.pun .frm .frm-buttons input {
  background: #FE7B7F;
  color: #fff;
  cursor: pointer;
  font-weight: normal;
  border: none;
  font: 95%/115% 'Lato', sans-serif;
  padding: 5px;
  border-radius: 3px;
}
.pun .frm .frm-buttons input:hover {
  background: #4D5760;
}
#pun-announcement {
  background-color: transparent;
  border: 1px solid transparent;
  color: #4F5961;
  font-weight: 700;
  margin-top: -20px;
  border-radius: 2px;
  padding: 1em;
}
.main .frm-info {
  background: #ededed;
  border: 1px solid #D6EFF8;
  color: #4F5961;
  font-weight: 700;
  margin: 0.5em;
  padding: 1em;
}
/*-Chat-*/
#chatbox_members {
  border-right: 1px solid #DEE8F1;
  bottom: 37.5px;
}
#chatbox_footer {
  border-top: 1px solid #DEE8F1;
}
#chatbox_header.main-head {
  background-color: #EA797D;
  border-radius: 2px;
}
.chatbox-title, .chatbox-title a.chat-title {
  color: #FFFFFF;
  text-decoration: none;
  margin-left: -7px;
}
.chatbox-title {
  padding: 3px 5px 0;
}
.chatbox-options li:hover, .chatbox-options li a:hover, .chatbox-options li label:hover {
  color: white;
}
#chatbox_members .member-title {
  background-color: rgba(144, 196, 204, 0.5);
  border-bottom: 2px solid #90C4CC;
}
.member-title.away {
  background-color: rgba(77, 87, 96, 0.5);
  border-bottom: 2px solid #4D5760;
}
/*-Posts-*/
.pagesection {
 font-size: 0.9em;
  margin: 10px 0;
  overflow: hidden;
}
.nextlinks {
  text-align: right;
  margin-top: -1px;
}
.buttonlist.floatright ul li a {
color: #FFF;
}
.buttonlist ul {
  z-index: 100;
  padding: 0;
  margin: 0 0 5px 0;
}
.buttonlist li {
  margin: 0 0 0 2px;
  padding: 0;
  list-style: none;
  float: left;
}
.buttonlist li a {
  display: block;
  font-size: 12px;
  color: #fff;
  background: #626C75;
  height: 22px;
  line-height: 21px;
  padding: 0 8px;
  cursor: pointer;
  border-radius: 3px;
}
.buttonlist.floatright {
  float: right;
}
.align_top ul li a, .align_bottom ul li a {
  margin: 0 12px 0 0;
}
.pun .paging {
  float: left;
  font-size: .9em;
  font-weight: 300;
}
.pun .postmain {
    background-color: #E1E1E1;
    border-left: none;
    margin-left: 14.6em;
}
.pun .post .user {
  float: left;
  margin-left: -14em;
  margin-top: -45px;
}
.user-basic-info a img {
  width: 100px;
  border: 1px solid #000;
  padding: 1px;
}
.pun .posthead {
  background: #E1E1E1;
  border-bottom: 1px solid #519873;
  padding: 0;
}
.postfoot {
  border-top: 1px solid #519873;
  clear: both;
  margin-left: -14.6em;
}
.pun .user {
  width: 15em
}
.sig-content {
  border-top: 1px solid #519873;
}
.pun .user .user-info {
  font-size: 11px;
  width: 160px;
  text-align: justify;
}
.pun .user .username {
  font-size: 16px;
  color: #434D55;
}
.keyinfo {
  margin-top: 8px;
  border-bottom: 1px solid #519873;
}
.messageicon {
  float: left;
  margin: 0 0.5em 0 0;
}
.messageicon img {
  padding: 6px 3px;
}
h5 {
  color: #434D55;
  font-size: 1em;
  margin: 0;
  padding: 0;
}
/**
 * FA.BEGIN Two-Column Categories
 */
 
.wrapper {
    min-width: 1185px;
}
 
.cat_bar + .main-content tbody {
    overflow: hidden;
}
 
.cat_bar + .main-content .statused > tr {
    display: block;
    width: 45%;
    margin: 2.5%;
    float: left;
    box-sizing: border-box;
    background-color: #e6e6e6;
    border: 1px #ccc solid;
    position: relative;
}
 
.cat_bar + .main-content .statused > tr > td {
    background: none !important;
    padding: 5px;
    display: block; 
}
 
.cat_bar + .main-content .tc2 {
    clear: both;
    width: auto;
    text-align: right;
    border-top: 1px #ccc solid;
    border-bottom: 1px #ccc solid;
}
 
.cat_bar + .main-content .tc2,
.cat_bar + .main-content .tc2 span {
    font-size: 0.7rem;
}
 
.cat_bar + .main-content .tc2 span {
    margin-right: 10px;
}
 
.cat_bar + .main-content .tc2 br {
    display: none;
}
 
.cat_bar + .main-content .statused > tr > .tcr {
    display: none;
}
 
.cat_bar + .main-content .tcl {
    box-sizing: border-box;
    height: 180px;
    display: block;
    margin-left: 70px;
    width: auto;
}
 
.cat_bar + .main-content .icon {
    position: absolute;
    left: 15px;
    top: 50%;
    margin-top: -32px;
}
 
.cat_bar + .main-content .hierarchy {
    display: block;
    padding-top: 10px;
    text-align: center;
}
 
.cat_bar + .main-content .hierarchy + br {
    display: none;
}
 
/**
 * FA.END Two-Column Categories
 */

o/
avatar
Kyo Panda
Forumember

Male Posts : 33
Reputation : 19
Language : Portuguese, English
Location : Brazil

http://pt.rpgmaker.io

Back to top Go down

Solved Re: Category and fora table?

Post by IdaTR on March 29th 2017, 4:09 pm

NICE Very Happy THANKS!!! IT WORKS 8D <3
avatar
IdaTR
Forumember

Female Posts : 457
Reputation : 1
Language : Danish, english
Location : Denmark

http://www.vielamort.net

Back to top Go down

Solved Re: Category and fora table?

Post by SLGray on March 29th 2017, 7:40 pm

Problem solved & topic archived.
Please read our forum rules: ESF General Rules


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.

avatar
SLGray
Administrator
Administrator

Male Posts : 40853
Reputation : 2773
Language : English
Location : United States

https://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum