How do i remove the vertical forum/category lines? Hitskin_logo Hitskin.com

This is a Hitskin.com skin preview
Install the skinReturn to the skin page

The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.
5 posters

    How do i remove the vertical forum/category lines?

    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

    Post by xDroiidx 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 do i remove the vertical forum/category lines? Bars10

    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/

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

    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
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

    Post by xDroiidx 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
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Anyone know the CSS code?
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Bump
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Bump
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Bump
    avatar
    Spyro Dragon
    Forumember


    Male Posts : 32
    Reputation : 1
    Language : English

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

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

    HoopyCaro42
    HoopyCaro42
    New Member


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

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

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

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


    Posts : 95
    Reputation : 2
    Language : English

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

    Post by xDroiidx 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
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Bump
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

    sorry but that code didnt work :/
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

    Post by xDroiidx 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
    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

    Post by xDroiidx 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?

    avatar
    xDroiidx
    Forumember


    Posts : 95
    Reputation : 2
    Language : English

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

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

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


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

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

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

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


    Posts : 95
    Reputation : 2
    Language : English

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

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

    Solved
    SLGray
    SLGray
    Administrator
    Administrator


    Male Posts : 51518
    Reputation : 3523
    Language : English
    Location : United States

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

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

    Topic Solved & Locked



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

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