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.

How do i remove the vertical forum/category lines?

View previous topic View next topic Go down

Solved How do i remove the vertical forum/category lines?

Post by xDroiidx on August 16th 2012, 3:55 am

Hello i was wondering what the code is to remove these vertical bars on the forum/categories page:



How would i remove those bars? im trying to get rid of them because they are making the last posts colum look really wide, if you look at my forum youll see what i mean, and its a vBulletin style im looking for

Here's a forum without the bars: http://engineering.forumotions.info/



My site version is PunBB and url is www.xcodezz.com


Last edited by xDroiidx on August 16th 2012, 7:11 pm; edited 1 time in total

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 16th 2012, 6:24 am

i did that on accident, im use to doing that on my forum to completed topics sorry, not yet solved. i stilll need help

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 17th 2012, 5:10 pm

Anyone know the CSS code?

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 18th 2012, 5:35 pm

Bump

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 19th 2012, 7:40 pm

Bump

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 20th 2012, 10:28 pm

Bump

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by Spyro Dragon on August 21st 2012, 1:07 am


Spyro Dragon
Forumember

Male Posts : 32
Reputation : 1
Language : English

http://www.tlos.openu2.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by HoopyCaro42 on August 21st 2012, 1:13 am

Just set the line the same color as your background in the colors menu

HoopyCaro42
New Member

Female Posts : 13
Reputation : 1
Language : French
Location : Montréal

http://breedingsquad.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 21st 2012, 3:02 am


Thats for punbb and thats not really what i need help with i want to remove just the vertical forum lines, and keep the horizontal ones like phpbb3 forums have

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 23rd 2012, 1:26 am

Bump

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 23rd 2012, 3:25 am

sorry but that code didnt work :/

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 23rd 2012, 3:43 am

Still no, is there anyway to modify the index_box template? to create this effect.

Here's My CSS:

Code:
.res img{
width:120px !important;
height: 120px !important;
}

.info, .success, .warning, .error, .mes, .tips, .chat, .cnb {
    margin: 10px 0px;
    padding: 10px 10px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
    border-radius: 4px 4px 4px;
}

.info {
    background-color: #d1e4f3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/musthave/24/Information.png");
    color: #00529B;
    border: 1px solid #4d8fcb;
}

.success {
    background-color: #effeb9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0020/accept.png");
    color: #4F8A10;
    border: 1px solid #9ac601;
}
.warning {
    background-color: #ffeaa9;
    background-image: url("http://cdn3.iconfinder.com/data/icons/fatcow/32x32_0400/error.png");
    color: #9F6000;
    border: 1px solid #f9b516;
}
.error {
    background-color: #fccac3;
    background-image: url("http://cdn1.iconfinder.com/data/icons/CrystalClear/32x32/actions/messagebox_critical.png");
    color: #D8000C;
    border: 1px solid #db3f23;
}

.mes {
    background-color: #F2F2F2;
    background-image: url("http://cdn2.iconfinder.com/data/icons/fugue/bonus/icons-32/mail.png");
    border: 1px solid #AAAAAA;
    color: #545454;
}

.tips {
    background-color: #FEEAC9;
    background-image: url("http://cdn5.iconfinder.com/data/icons/woocons1/Light%20Bulb%20On.png");
    border: 1px solid #D38E49;
    color: #bb640c;
}

.chat {
    background-color: #daecfb;
    background-image: url("http://cdn2.iconfinder.com/data/icons/drf/PNG/iChat.png");
    border: 1px solid #2078c9;
    color: #066ac4;
}

.paging {
font-weight:400;
padding-top: 5px;
padding-bottom: 5px;
}

.paging a,.paging b {
border:1px solid #424242;
font-weight:400;
padding:2px 8px!important;
}

.paging b {
color:#fff;
}

strong.pagination a {
border:1px solid #424242;
background:#222;
box-shadow:0 1px 0 #000;
-moz-box-shadow:0 1px 0 #000;
-webkit-box-shadow:0 1px 0 #000;
}
.post-status{
position: absolute;
margin-left: 252px;
margin-top: 10px;
z-index: 50;
}

select , select option {
background : #222222; /*change background color*/
color : cyan; /*change text color*/
}
/*FMChat Design*/
.chatbase { /*This can be edited to your liking - (the button)*/
  position: fixed;
  bottom: 2px;
  right: 15px;
  background: #121212;
  border: 2px solid #00ffff;
  width: 75px;
  height: 20px;
  border-radius: 1px;
  text-align: center !important;
  cursor: pointer;
  color: #ffffff;
}

.chatbase:hover { /*This can be edited to your liking - (hovering over the button)*/
  border-color: #ff0000;
  color: #ffffff;
}

#chat { /*This can be edited to your liking - (box surrounding the chatbox)*/
  border: 1px solid #212121;
  width: 95%;
  position: fixed;
  right: 15px;
  bottom: 27px;
  height: 82%;
  border-radius: 1px;
  z-index: 999;
}
/**** LG CHAT STYLING ****/
    #LGchat {
      background: #1e1e1e; /* EDITABLE - Color of block around outside */
      width: 80%;
      float: right;
      z-index: 999;
      position: fixed;
      right: 5px;
      bottom: 30px;
      margin: 0px;
      padding: 3px;
    }
    #LGchatbtn {
      width: 90px;
      right: 40px;
      height: 24px;
    }
    .LGchatBtn {
      background: #121212; /* EDITABLE - Background color of buttons */
      cursor: pointer;
      line-height: 22px;
      color: #00ffff; /* EDITABLE - Color of border and text of buttons */
      font-family: Tahoma,Verdana,Arial;
      font-size: 13px;
      font-weight: bold;
      text-align: center;
      -moz-border-radius: 6px;
      border-radius: 6px ;
      border:1px solid;
      position: fixed;
      bottom: 1px;
    }
    .LGchatBtn:hover { color: #d31141;} /* EDITABLE - Color of text and border of buttons on hover */
    .chatPM { display: none;border: 1px solid #105289;padding: 3px;margin: 3px;font-size: 13px;}
    #LGchatOnlineUsers .online{background-image: none;}
    #chatcount {  width: 35px;  right: 2px;  height: 24px;}
    #LGchatOnlineUsers {
      height: 400px; /* EDITABLE - height of the online box */
      width: 200px; /* EDITABLE - width of the online box */
      border: 2px solid #00ffff; /* EDITABLE - border of online box */
      border-radius: 6px;
      position: fixed;
      right: 5px;
      bottom: 30px;
      z-index: 999;
      background: #121212; /* EDITABLE - Background color of online box */
    }
    #LGchatOnlineUsers h4 {
      background-color: #121212;  /* EDITABLE - Background color of header of online box */
      font-size: 14px;
      text-align: center;
      margin-top: 0px;
      margin-bottom: 5px;
      color: #00ffff;  /* EDITABLE -  color of text in the header of online box */
      padding: 3px 0px;
    }
    #lgtogglesnd {  font-weight: bold;  color: #fff;  /* EDITABLE - color of sound toggling button */
    margin: 5px;  width: 100px;}
    #LGsticky {
      position: absolute;
      top: 30px; right: 0px; left: 0px;
      border: 1px solid #00ffff; /* EDITABLE - Border color of sticky message box. */
      background: #1e1e1e; /* EDITABLE - Background color of sticky message box */
      padding: 4px;
      text-align: center;     
    }


.adm:after {
    content: url("http://i38.servimg.com/u/f38/17/48/02/71/member10.png");
}

.elite:after {
    content: url("http://i38.servimg.com/u/f38/17/48/02/71/elite10.png");
}

.lgnd:after {
    content: url("http://i38.servimg.com/u/f38/17/48/02/71/legend10.png");
}

/*
    Name: Sliding Login Panel with jQuery 1.3.2
    Author: Jeremie Tisseau
    Author URI: http://web-kreation.com/
    Date: March 26, 2009
    Version: 1.0
    */

    /***** clearfix *****/
.clear {clear: both;height: 0;line-height: 0;}
.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.clearfix {display: inline-block;}
    /* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
    /* End hide from IE-mac */
.clearfix {height: 1%;}
.clearfix {display: block;}

    /* Panel Tab/button */
   
.tab {
        background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_b.png) repeat-x 0 0;
      height: 42px;
      position: relative;
        top: 0;
        z-index: 999;
    }

.tab ul.login {
      display: block;
      position: relative;
        float: right;
        clear: right;
        height: 42px;
      width: auto;
        font-weight: bold;
      line-height: 42px;
      margin: 0;
      right: 150px;
        color: white;
        font-size: 80%;
      text-align: center;
    }

.tab ul.login li.left {
        background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_l.png) no-repeat left 0;
        height: 42px;
      width: 30px;
      padding: 0;
      margin: 0;
        display: block;
      float: left;
    }

.tab ul.login li.right {
     background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_r.png) no-repeat left 0;
        height: 42px;
      width: 30px;
      padding: 0;
      margin: 0;
        display: block;
      float: left;
    }

.tab ul.login li {
        text-align: left;
        padding: 0 6px;
      display: block;
      float: left;
      height: 42px;
        background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/tab_m.png) repeat-x 0 0;
    }

.tab ul.login li a {
      color: #15ADFF;
    }

.tab ul.login li a:hover {
      color: white;
    }

.tab .sep {color:#414141}

.tab a.open, .tab a.close {
      height: 20px;
      line-height: 20px !important;
      padding-left: 30px !important;
      cursor: pointer;
      display: block;
      width: 100px;
      position: relative;
      top: 11px;
    }

.tab a.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_open.png) no-repeat left 0;}
.tab a.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_close.png) no-repeat left 0;}
.tab a:hover.open {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_open.png) no-repeat left -19px;}
.tab a:hover.close {background: url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_close.png) no-repeat left -19px;}

    /* sliding panel */
#toppanel {
        position: fixed;
        top: 0;
        width: 100%;
        z-index: 999;
        text-align: center;
        margin-left: auto;
        margin-right: auto;
    }

#panel {
      width: 100%;
      height: 270px;
      color: #999999;
      background: #272727;
      overflow: hidden;
      position: relative;
      z-index: 3;
      display: none;
    }

#panel h1 {
      font-size: 1.6em;
      padding: 5px 0 10px;
      margin: 0;
      color: white;
    }

#panel h2{
      font-size: 1.2em;
      padding: 10px 0 5px;
      margin: 0;
      color: white;
    }

#panel p {
      margin: 5px 0;
      padding: 0;
    }

#panel a {
      text-decoration: none;
      color: #15ADFF;
    }

#panel a:hover {
      color: white;
    }

#panel a-lost-pwd {
      display: block;
      float: left;
    }

#panel .content {
      width: 960px;
      margin: 0 auto;
      padding-top: 15px;
      text-align: left;
      font-size: 0.85em;
    }

#panel .content .left {
      width: 280px;
      float: left;
      padding: 0 15px;
      border-left: 1px solid #333;
    }

    #panel .content .right {
      border-right: 1px solid #333;
    }

#panel .content form {
      margin: 0 0 10px 0;
    }

#panel .content label {
      float: left;
      padding-top: 8px;
      clear: both;
      width: 280px;
      display: block;
    }

#panel .content input.field {
      border: 1px #1A1A1A solid;
      background: #414141;
      margin-right: 5px;
      margin-top: 4px;
      width: 200px;
      color: white;
      height: 16px;
    }

#panel .content input:focus.field {
      background: #545454;
    }

    /* BUTTONS */
    /* Login and Register buttons */
#panel .content input.bt_login,
#panel .content input.bt_register {
      display: block;
      float: left;
      clear: left;
      height: 24px;
      text-align: center;
      cursor: pointer;
      border: none;
      font-weight: bold;
      margin: 10px 0;
    }

#panel .content input.bt_login {
      width: 74px;
      background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_login.png) no-repeat 0 0;
    }

#panel .content input.bt_register {
      width: 94px;
      color: white;
      background: transparent url(http://web-kreation.com/demos/Sliding_login_panel_jquery//images/bt_register.png) no-repeat 0 0;
    }

#panel .lost-pwd {
      display: block;
      float:left;
      clear: right;
      padding: 15px 5px 0;
      font-size: 0.95em;
      text-decoration: underline;
    }
.expand, .contract {position: absolute; top: 35px; right: 12px; cursor: pointer; width: 32px; height: 22px; background: url(http://i31.servimg.com/u/f31/17/41/31/54/plus10.png);}
.contract {background: url(http://codwiiforums.tk/images/imperial/collapse.gif);}
span.kutijica a {
    text-decoration: none !important;
    margin-left: 20px;
}
#backtotop {
    bottom: 20px;
    color: #FFFFFF;
    cursor: pointer;
    display: none;
    font-size: 14px;
    opacity: 0.6;
    padding: 8px;
    position: fixed;
    text-align: center;
    z-index: 999px;
    right: 15px;
    border-radius : 8px;
    -webkit-border-radius : 8px;
    -moz-border-radius : 8px;
    }
    #backtotop:hover {
    opacity  : 0.9;
    }
.pun .paged .posting {
    float: left;
}

a,a:link,a:hover{text-decoration:none!important}
#content-container div#left{float:none;width:100%;padding:10px 0}
*+ html #content-container div#main{margin-left:0}
* html #content-container #main-content{overflow:visible;margin-right:0}
* html #content-container div#main{margin-right:-99%;width:100%;float:none}
.latest_topics{list-style:decimal-leading-zero outside none;text-align:left;margin:0!important;padding:0 5px 0 30px}
.latest_topics li{position:relative}
.pun{width:90%!important;}
.main-head .h2,.main-head .h3,.main-head h1,.main-head h3,.main-head h2{color:#;font-family:Trebuchet MS;font-size:18px!important;font-variant:small-caps;font-weight:600!important}
.pun .main-foot .h2,.pun .main-head .h2{float:left;height:18px;overflow:hidden;width:890px}
#numRecent{display:none;position:absolute;right:12px;top:7px}
#recentnew,#top_posters{background-color:#}
.toppost_width{float:left; width: 320px!important}
.recentWidth{float: right; width: 880px!important}
.recentWidth .main-head{position: relative; height: 1.3em;overflow: hidden;}
.recentWidth h3{position: absolute; left: 10px}
.avatarthum img{height:70px!important;padding-right:10px}
.loaddinng{background-image:url(http://i48.servimg.com/u/f48/16/58/89/73/loadin12.gif);background-position:center center;background-repeat:no-repeat;height:150px;width:180px}
#checktip{position:absolute;right:10px;top:3px;z-index:300}
#dulieutip, #dulieupostter,#tooltip .header,.imgstatus{display:none}
#tooltip{background-color:#000;border-radius:3px;color:#;opacity:0.8;padding:10px; border: 5px solid #000000;}
/* END advanced recent topics ver 2.0 */

a.mainmenu[href="/calendar"] {
    display: none;
}.mainmenu[href="/login"] {
    display: none;
}
a.mainmenu[href="/faq"] {
    display: none;
}
a.mainmenu[href="/groups"] {
    display: none;
}
.frm-buttons {
    border: medium none !important;
    margin-left: -1%;
    text-align: center;
}
#text_edit {
    display: block !important;
}
.member-title {
    color: #fff !important;
}
a:link:hover, a:link:focus 
{   
    text-shadow: -1px 1px 8px #000, 1px -1px 8px #000; 
}
a:link {
    text-decoration: none;
    text-shadow: none;
    -webkit-transition: 200ms linear 0s;
    -moz-transition: 200ms linear 0s;
    -o-transition: 200ms linear 0s;
    transition: 200ms linear 0s;
    outline: 0 none;
}

a:hover{
    text-decoration: none !important;
}

a:link {
    text-decoration: none;
}

a:visited {
    text-decoration: none;
}
#chatbox{
background-color: #1e1e1e !important;
}

.chatbox_row_1{
background-color: #121212 !important;
}

#chatbox_members{
background-color: #1e1e1e !important;
}

#chatbox_members .member-title{
background-color: #121212 !important;
}
.chatbox_row_2{
background-color: #1e1e1e !important;
}

#topbar1337 {
    position: absolute;
    top: 255px;
    left: 143px;
}
#overnavbartext {
    position: absolute;
    top: 255px;
    right: 400px;
}

#topbar0 {
    position: absolute;
    top: 250px;
    right: 99px;
}
#loginslide {
  position: absolute;
    top: 250px;
    right: 500px;
    background: url(http://i40.servimg.com/u/f40/17/70/06/50/new_th12.png);
}
#topbar-1 {
    position: absolute;
    top: 255px;
    left: 143px;
}
#whalecum {
    position: absolute;
    top: 335px;
    left: 465px;
}
#pun-visit, .main-box, #pun-about #qjump, div.main-head p.options, #main .module-advert .main-content {
    display: none;
}
.pun a:link, h1, h2, p, div {
    color: #fff;
    text-decoration: none;
}
.pun a:visited {
    color: #fff;
    text-decoration: none;
}
.pun a:hover, a:active {
    color: #666;
    text-decoration: none;
}
body {
    background: url(http://hitskin.com/themes/17/29/24/i_background.png) #fff;
    font-family: Helvetica;
    font-size: 11px;
    cursor: url('http://cur.cursors-4u.net/cursors/cur-4/cur330.cur'), progress;
}
.pun {
    width: 90%;
    min-width: 800px; 
    margin-top: 10px; 
    margin-bottom: 10px; 
    padding: 10px;
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 50px 0px 50px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px; 
}
.pun .main-content {
    margin-top: 10px; 
    margin-bottom: 10px;
    padding: 3px;
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
.pun .main .main-content.message, .pun .main .main-content p.message {
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
#pun-intro {
    background-color: transparent;
    border: none;
    width: 980px;
    margin: 0px auto; 
}
#pun-head #pun-navlinks {
    background-color: #222;
    border: 1px solid #111;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px; 
}
#pun-navlinks ul {
    list-style: none;
    text-align: center;
    margin-top: 5px; 
    margin-bottom: 5px; 
}
#pun-navlinks li {
    display: inline;
    font-size: 11px;
}
#pun-navlinks li a {
    margin-right: 1px;
    padding: 3px;
 
}
#pun-navlinks a, #pun-navlinks a:visited {
    color: #fff;
    text-decoration: none;
}
#pun-navlinks a:active, #pun-navlinks a:focus, #pun-navlinks a:hover {
    text-decoration: none;
    color: #666;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border-radius: 3px; 
}
#pun-about {
    background-color: #222;
    border: 1px solid #111;
    border-top-right-radius: 20px;
    border-bottom-left-radius: 20px; 
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    text-align: center; 
}
/*#pun-foot .center {
    background: url(http://i49.tinypic.com/2z522di.png) no-repeat right;
}*/
#stats {
    background-color: transparent;
    border: none; 

#onlinelist {
    margin: 10px; 
    padding: 10px;
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none; 
}
#onlinechat {
    background-color: transparent;
    border: none;

.main-head , .main-foot, .pun .paged-foot, .pun .paged-head {
    background-color: transparent !important;
    border: none;
}
table.table tr td.tcr, .pun .frm .frm-form table {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none; 
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.pun table.table th.tcl, .pun table.table th.tc2, .pun table.table th.tc3, .pun table.table th.tcr {
    background-color: transparent !important;
    border: none;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.pun .main table td.tc1, .pun .main table td.tc2, .pun .main table td.tc3,  .pun .main table td.tcr{
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none; 
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.pun tbody.statused td.tcl {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none; 
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.pun .post {
    margin-top: 5px;
    margin-bottom: 5px;
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px; 
}
.pun .postmain {
    background-color: transparent;
    border: none;
}
.pun .posthead {
    background-color: transparent;
    border: none;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.postfoot {
    background-color: transparent;
    border: none;
}
.pun .entry-content {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none;
    padding: 3px;
}
.pun .post .user {
    margin-top: 12px; 
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none;
    padding: 5px;
}
.pun .frm-form {
    background-color: transparent;
    border: none; 
}
.pun table.table td {
    background-color: transparent;
    border: none; 
}
#text_editor_textarea, .frm-form fieldset.frm-set .inputbox {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica; 
}
input {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border: none;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica; 

.faq dd, .main .frm-info, .pun .frm .frm-form table, fieldset.frm-set.multi {
    padding: 10px;
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    color: #fff;
    font-size: 12px;
    font-family: Helvetica; 
}
fieldset.frm-set, .main .main-content.frm {
    padding: 10px; 
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    color: #fff;
    font-size: 12px;
    font-family: Helvetica; 
}
  .frm-buttons {
    padding: 10px; 
    border: none;
}
.entry-content blockquote {
    margin: 1em;
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.codebox {
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
.codebox dd {
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    color: #fff;
    font-size: 11px;
    font-family: Helvetica;
}
#tabs {
    border: none;
    background-color: transparent; 
    color: #fff;
    font-size: 10px;
    font-family: Helvetica;
    text-decoration: none;
    align: center;
}
#tabs ul li {
    display: inline;
    font-size: 10px;
    list-style: none;
    text-align: center;
    align: center;
}
#tabs ul li.activetab a {
    border: none;
    background-color: transparent;
}
#tabs ul li.activetab a:hover {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border-radius: 3px;
}
#tabs ul li a {
    border: none;
    background-color: transparent;
}
#tabs ul li a:hover {
    background: rgba(0, 0, 0, 0.1);
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.3) inset, 0 0 0 1px rgba(255, 255, 255, 0.05), 0 1px 0 rgba(255, 255, 255, 0.08);
    border-radius: 3px;
}
 .title-overview {
    border: none;
    background-color: transparent;
}
.overview {
    background-color: #222;
    border: 1px solid #111;
    border-radius: 0px 0px 0px 0px;
    -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
    box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;
}
.statused td {
        border-left: medium none !important;
        border-right: medium none !important;
}
#organic-tabs {
    background-color: transparent;
    border: none;
}
#explore-nav { overflow: hidden; margin: 0 0 10px 0; }
#explore-nav li { width: 97px; float: left; margin: 0 10px 0 0; }
#explore-nav li.last { margin-right: 0; }
#explore-nav li a { display: block; padding: 5px; background: #222; color: #fff; font-size: 10px; text-align: center; border: 1px solid #111;
  -webkit-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px;  }
#explore-nav li a:hover { background-color: transparent; -moz-box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px; box-shadow:inset rgba(255,255,255,0.1) 0px 0px 0px 1px; }
#core, #classics { display: none; }
#explore-nav li#ex-featured a.current, ul#featured li a:hover {  color: #666; }
#explore-nav li#ex-core a.current, ul#core li a:hover {color: #666; }
#explore-nav li#ex-classics a.current, ul#classics li a:hover { color: #666; }

.pun .user-ident .username {
text-align: center;
position: relative;
margin-bottom: 10px;
}

.statused td {
border-left: medium none !important;
border-right: medium none !important;
}


Last edited by xDroiidx on August 23rd 2012, 3:48 am; edited 1 time in total

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 23rd 2012, 3:50 am

WORKED, but can i use this:

Code:
.statused td {
border-bottom: medium #212121 !important;
border-top: medium #212121 !important;
}

To create Horizontal lines?


xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 24th 2012, 5:38 am

Well if u cant help me with that then its ok, solved. Wink

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by nextlevelgaming on August 24th 2012, 7:22 am

that should work as a css yet I would use 2px not medium.

nextlevelgaming
Forumember

Male Posts : 989
Reputation : 38
Language : English|CSS|HTML5|javascript|
Location : New York

http://www.easybbtutorials.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by xDroiidx on August 25th 2012, 12:17 am

Solved

xDroiidx
Forumember

Posts : 95
Reputation : 2
Language : English

http://www.epicstep.forumotion.com

Back to top Go down

Solved Re: How do i remove the vertical forum/category lines?

Post by SLGray on August 25th 2012, 12:26 am

Topic Solved & Locked


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


SLGray
Administrator
Administrator

Male Posts : 35659
Reputation : 2375
Language : English
Location : United States

http://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