User Tag List

Page 1 of 6 123 ... LastLast
Results 1 to 10 of 51
  1. #1
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:

    Let's do some CSS (downloads2.css)

    http://www.unrealkillers.com/downloads.php

    Is not displaying correctly. What padding do we need to get it all to display correctly?

    CSS Code:
    @charset "UTF-8";
     
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=pagetitle" target="_blank">#pagetitle</a>  {
        margin-bottom: 10px;
    }
     
    .downloads2_copyright {
        padding-bottom:{vb:math {vb:stylevar padding}/2};
        font:{vb:stylevar footer_copyright_font};
        margin-top:{vb:stylevar padding};
        text-align:center;
        display:block;
    }
     
    .subcats h4 {
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }
    .subcats h4, .subcats .commalist {
        float:{vb:stylevar left};
        clear:{vb:stylevar right};
    }
    .subcats .commalist li {
        display:inline-block;
    }
    .subcats .commalist li:after {
    /*    Comma + &nbsp; */
        content:",\0000A0"; 
    }
    .subcats .commalist li:last-child:after {
        content:"";
    }
     
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=above_files" target="_blank">#above_files</a>  {
        margin-bottom:{vb:stylevar padding};
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=below_files" target="_blank">#below_files</a>  {
        margin-top:{vb:stylevar padding};
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=below_files" target="_blank">#below_files</a> _2x {
        margin-top:{vb:math 2 * {vb:stylevar padding}};
    }
    .pagenavright {
        float: {vb:stylevar right};
    }
     
    .nobullets {
        list-style: none;
        margin: 0;
        padding: 0;
    }
     
    .fly {
        float: {vb:stylevar right};
        display: inline;
        font-size: 88%;
    }
     
    /* RATINGS */
    .popupbody .rating {
        display:block;
        padding:{vb:stylevar popup_padding}px;
        padding-{vb:stylevar left}:{vb:math 2 * {vb:stylevar popup_padding} + 75}px;
        background:transparent url({vb:stylevar imgdir_rating}/rating-15_0.png) {vb:stylevar left} center no-repeat;
    }
     
    .popupbody .r5 { background-image:url({vb:stylevar imgdir_rating}/rating-15_5.png); }
    .popupbody .r4_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_4.png); }
    .popupbody .r3_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_3.png); }
    .popupbody .r2_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_2.png); }
    .popupbody .r1_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_1.png); }
     
    /*RTL rating*/
    .popupbody .r4_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_4_left.png); }
    .popupbody .r3_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_3_left.png); }
    .popupbody .r2_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_2_left.png); }
    .popupbody .r1_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_1_left.png); }
     
    /* Definition list (not used yet) */
    .file_summary dl.dl2stats {
        width: 400px;
        margin: 5px 0 10px 0;
    }
    .file_summary dl.dl2stats dt {
        width: 100px;
        display:block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .file_summary dl.dl2stats dd {
        float: {vb:stylevar left};
        clear:{vb:stylevar right};
        display:block;
        width: {vb:math {vb:stylevar profile_sidebar_width}-85px-{vb:math {vb:stylevar profile_sidebar_box_border}*2}-12px-12px};
    }
    /* Table (temporarily) */
    .file_summary table.dl2stats {
        margin: 5px 0 5px 0;
    }
    .file_summary table.dl2stats td.dl2name {
        width: 100px;
    }
    .file_summary table.dl2stats td.dl2name:after {
        content:":";
    }
     
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2images" target="_blank">#dl2images</a>  .dlpic_container {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}+{vb:  math {vb:stylevar padding}/2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
        display:inline-block;
        min-height: {vb:math {vb:stylevar font.fontSize}*3*{vb:stylevar line_height}};
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2images" target="_blank">#dl2images</a>  .dl_pic {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2images" target="_blank">#dl2images</a>  .dl_pic img {
        width: {vb:stylevar profile_sidebar_avatar_maxWidth};
        height: auto;
        padding: 3px;
        background: {vb:stylevar profile_sidebar_avatar_background};
        border: {vb:stylevar profile_sidebar_avatar_border};
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }
     
    .commenthead img {
        position: relative;
        top: -3px;
    }
     
    .dl2info {
        border-bottom:solid 1px rgb(203,209,251);
        padding: 10px;
    }
     
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  {
        float: {vb:stylevar right};
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  a {
        color:#4E4E4E;
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  a.popupctrl, <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  a.popupctrl:hover {
        color:#FFF;
    }
     
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  .popupbody {
        width:236px;
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  input.searchbox{
        margin-top:1px;
        margin-bottom:3px;
    }
    <a href="http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup" target="_blank">#dl2-menugroup</a>  .popupbody input.button{
        float:{vb:stylevar right};
        top:0;
    }
    Last edited by SAM; 01-03-2016 at 10:06 AM.

  2. #2
    Whicked Sick UT-Sniper-SJA94's Avatar
    Join Date
    Oct 2011
    Location
    What was England
    Posts
    4,427
    Country:
    You might want to change the font color for the code box as well

    Is that css from this file? clientscript/vbulletin_css/style00053l/downloads2-rollup.css

    - - - Updated - - -

    Did it (I think)

    clientscript/vbulletin_css/style00053l/downloads2-rollup.css


    #content_container {
    padding:10px 0px;
    }

    #content_container #content{
    width:600px;
    float:left;


    //--------------------------OLD-------------------------------

    #content_container{
    width:100%;
    float:left;
    margin-right:-290px;
    padding:10px 0px;
    }

    #content_container #content{
    margin-right:290px;
    }

  3. #3
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:
    The only problem with harcoding this into the rollup.css is the fact that it will set those values globally. Which will then probably affect the other themes....FML

  4. #4
    Whicked Sick UT-Sniper-SJA94's Avatar
    Join Date
    Oct 2011
    Location
    What was England
    Posts
    4,427
    Country:
    The two elements I changed are in downloads2-rollup.css, which is only included in the html for the download page.

    I just had a look at the main-rollup.css there is no #content_container , it's only in downloads2-rollup.css

    downloads2-rollup.css

    downloads2-rollup.css
    http://www.unrealkillers.com/clients...ds2-rollup.css

  5. #5
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:
    It's cloudflare and it's JS minimising cache.

    It's too late in the day now. My brain needs rest. Will resume trivial issues tomorrow.

  6. #6
    Whicked Sick Chamberly's Avatar
    Join Date
    Jul 2012
    Location
    Vandora Temple
    Posts
    5,488
    Country:
    Just bookmarking in.


    http://irc.lc/globalgamers/uscript for uscript discussion.

  7. #7
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:
    Again, vb is overriding this somewhere....

    Cloudflare's JS minimising cache is turned off

    Style Manager -> Edit Templates -> CSS Templates -> downloads2.css


    CSS Code:
     
     
    @charset "UTF-8";
     
     
    #pagetitle {
        margin-bottom: 10px;
    }
     
     
    .downloads2_copyright {
        padding-bottom:{vb:math {vb:stylevar padding}/2};
        font:{vb:stylevar footer_copyright_font};
        margin-top:{vb:stylevar padding};
        text-align:center;
        display:block;
    }
     
     
    .subcats h4 {
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }
    .subcats h4, .subcats .commalist {
        float:{vb:stylevar left};
        clear:{vb:stylevar right};
    }
    .subcats .commalist li {
        display:inline-block;
    }
    .subcats .commalist li:after {
    /*    Comma + &nbsp; */
        content:",\0000A0";
    }
    .subcats .commalist li:last-child:after {
        content:"";
    }
     
     
    #above_files {
        margin-bottom:{vb:stylevar padding};
    }
    #below_files {
        margin-top:{vb:stylevar padding};
    }
    #below_files_2x {
        margin-top:{vb:math 2 * {vb:stylevar padding}};
    }
    .pagenavright {
        float: {vb:stylevar right};
    }
     
     
    .nobullets {
        list-style: none;
        margin: 0;
        padding: 0;
    }
     
     
    .fly {
        float: {vb:stylevar right};
        display: inline;
        font-size: 88%;
    }
     
     
    /* RATINGS */
    .popupbody .rating {
        display:block;
        padding:{vb:stylevar popup_padding}px;
        padding-{vb:stylevar left}:{vb:math 2 * {vb:stylevar popup_padding} + 75}px;
        background:transparent url({vb:stylevar imgdir_rating}/rating-15_0.png) {vb:stylevar left} center no-repeat;
    }
     
     
    .popupbody .r5 { background-image:url({vb:stylevar imgdir_rating}/rating-15_5.png); }
    .popupbody .r4_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_4.png); }
    .popupbody .r3_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_3.png); }
    .popupbody .r2_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_2.png); }
    .popupbody .r1_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_1.png); }
     
     
    /*RTL rating*/
    .popupbody .r4_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_4_left.png); }
    .popupbody .r3_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_3_left.png); }
    .popupbody .r2_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_2_left.png); }
    .popupbody .r1_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_1_left.png); }
     
     
    /* Definition list (not used yet) */
    .file_summary dl.dl2stats {
        width: 400px;
        margin: 5px 0 10px 0;
    }
    .file_summary dl.dl2stats dt {
        width: 100px;
        display:block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .file_summary dl.dl2stats dd {
        float: {vb:stylevar left};
        clear:{vb:stylevar right};
        display:block;
        width: {vb:math {vb:stylevar profile_sidebar_width}-85px-{vb:math {vb:stylevar profile_sidebar_box_border}*2}-12px-12px};
    }
    /* Table (temporarily) */
    .file_summary table.dl2stats {
        margin: 5px 0 5px 0;
    }
    .file_summary table.dl2stats td.dl2name {
        width: 100px;
    }
    .file_summary table.dl2stats td.dl2name:after {
        content:":";
    }
     
     
    #dl2images .dlpic_container {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}+{vb:  math {vb:stylevar padding}/2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
        display:inline-block;
        min-height: {vb:math {vb:stylevar font.fontSize}*3*{vb:stylevar line_height}};
    }
    #dl2images .dl_pic {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
    }
    #dl2images .dl_pic img {
        width: {vb:stylevar profile_sidebar_avatar_maxWidth};
        height: auto;
        padding: 3px;
        background: {vb:stylevar profile_sidebar_avatar_background};
        border: {vb:stylevar profile_sidebar_avatar_border};
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }
     
     
    .commenthead img {
        position: relative;
        top: -3px;
    }
     
     
    .dl2info {
        border-bottom:solid 1px rgb(203,209,251);
        padding: 10px;
    }
     
     
    #dl2-menugroup {
        float: {vb:stylevar right};
    }
    #dl2-menugroup a {
        color:#4E4E4E;
    }
    #dl2-menugroup a.popupctrl, #dl2-menugroup a.popupctrl:hover {
        color:#FFF;
    }
     
     
    #dl2-menugroup .popupbody {
        width:236px;
    }
    #dl2-menugroup input.searchbox{
        margin-top:1px;
        margin-bottom:3px;
    }
    #dl2-menugroup .popupbody input.button{
        float:{vb:stylevar right};
        top:0;
    }

  8. #8
    Whicked Sick UT-Sniper-SJA94's Avatar
    Join Date
    Oct 2011
    Location
    What was England
    Posts
    4,427
    Country:
    Try adding this to it:

    I can only find #content_container on the download page.

    Code:
    #content_container {
        padding:10px 0px;
    }
    
    #content_container  #content{
        width:620px;
        float:left;
    }
    //---------------------------
    Have you had a look at the html source for the download page in your browser?

    This is what you get in the download2.csshttp://www.unrealkillers.com/clients...ds2-rollup.css)

    Code:
    @charset "UTF-8";#pagetitle{margin-bottom:10px}.downloads2_copyright{padding-bottom:5px;font:bold 12px Tahoma,Calibri,Verdana,Geneva,sans-serif;margin-top:10px;text-align:center;display:block}.subcats h4{padding-right:5px}.subcats h4,.subcats .commalist{float:left;clear:right}.subcats .commalist li{display:inline-block}.subcats .commalist li:after{content:",\0000A0"}.subcats .commalist li:last-child:after{content:""}#above_files{margin-bottom:10px}#below_files{margin-top:10px}#below_files_2x{margin-top:20px}.pagenavright{float:right}.nobullets{list-style:none;margin:0;padding:0}.fly{float:right;display:inline;font-size:88%}.popupbody .rating{display:block;padding:0pxpx;padding-left:75pxpx;background:transparent url(http://www.unrealkillers.com/styles/af/rating/rating-15_0.png) left center no-repeat}.popupbody .r5{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_5.png)}.popupbody .r4_right{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_4.png)}.popupbody .r3_right{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_3.png)}.popupbody .r2_right{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_2.png)}.popupbody .r1_right{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_1.png)}.popupbody .r4_left{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_4_left.png)}.popupbody .r3_left{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_3_left.png)}.popupbody .r2_left{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_2_left.png)}.popupbody .r1_left{background-image:url(http://www.unrealkillers.com/styles/af/rating/rating-15_1_left.png)}.file_summary dl.dl2stats{width:400px;margin:5px 0 10px 0}.file_summary dl.dl2stats dt{width:100px;display:block;float:left;clear:right}.file_summary dl.dl2stats dd{float:left;clear:right;display:block;width:-12px-12px */}.file_summary table.dl2stats{margin:5px 0 5px 0}.file_summary table.dl2stats td.dl2name{width:100px}.file_summary table.dl2stats td.dl2name:after{content:":"}#dl2images .dlpic_container{width:93px;float:left;clear:right;margin-bottom:5px;display:inline-block;min-height:47.97}#dl2images .dl_pic{width:88px;float:left;clear:right;margin-bottom:5px}#dl2images .dl_pic img{width:80px;height:auto;padding:3px;background:;border:1px solid #3b372f;-moz-border-radius:3px;-webkit-border-radius:3px;overflow:hidden}.commenthead img{position:relative;top:-3px}.dl2info{border-bottom:solid 1px rgb(203,209,251);padding:10px}#dl2-menugroup{float:right}#dl2-menugroup a{color:#4E4E4E}#dl2-menugroup a.popupctrl,#dl2-menugroup a.popupctrl:hover{color:#FFF}#dl2-menugroup .popupbody{width:236px}#dl2-menugroup input.searchbox{margin-top:1px;margin-bottom:3px}#dl2-menugroup .popupbody input.button{float:right;top:0}#content_container {width:100%;float:left;margin-right:-290px;padding:10px 0}#content_container .contentright{float:right;margin-right:0;margin-left:-290px}#content_container  #content{margin-right:290px}#content_container .contentright #content{margin-right:0;margin-left:290px}#sidebar_container{float:right;width:270px;padding:17px 0;margin-bottom:3em}#sidebar_container.sidebarleft{float:left}#sidebar_container a{color:#417394}#sidebar_container a:hover{color:#417394}#sidebar_button{display:block;margin-top:40px;float:right;margin-right:-28px;_margin:40px 0 0 0;_display:inline-block}#sidebar_button{_display:inline}#sidebar_container.sidebarleft #sidebar_button{float:left;margin-left:-28px}#sidebar_container .block{margin-bottom:4px;padding:6px;border-top-right:5px;border-top-left:5px;border-top-right:5px;border-top-left:5px}#sidebar_container .blockbody{padding:0;color:#807d75;border:1px solid #3b372f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#0c0b09}#sidebar_container .blockrow{border-top:1px solid;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;background:#0c0b09 none repeat-x;padding:10px 6px 10px 6px}#sidebar_container .underblock{height:9px;background:transparent url(http://www.unrealkillers.com/images/...tom-shadow.png) repeat-x left bottom}#sidebar_container .blocksubhead{padding:10px 6px 10px 6px}#sidebar_container .blocksubhead{background:transparent none;font-size:13px;height:16.76px;color:#fff;padding:5px 6px;border:none;outline:none;font-weight:bold}#sidebar_container .blocksubhead span.blocktitle{width:auto;display:block;white-space:nowrap;float:left;overflow:hidden;padding-left:3px}#sidebar_container .blocksubhead img{vertical-align:middle;float:left}#sidebar_container .blocksubhead img.inlineimg{float:none;position:relative;top:-2px}#sidebar_container .blocksubhead a.username{padding-right:20px}#sidebar_container .formcontrols .blockrow label{width:auto}#sidebar_container .advanced.blockfoot{padding:6px;border-bottom:none;font-size:88%;font-weight:bold;background:transparent}#sidebar_container .searchblock .advanced a{line-height:2}#sidebar_container .searchblock .advanced .button{float:right}#sidebar_container>ul{background:#0c0b09 none;border:1px solid #3b372f;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;-moz-box-shadow:-2px 2px 2px #000;-webkit-box-shadow:-2px 2px 2px #000;box-shadow:-2px 2px 2px #000;float:left;width:99%}#sidebar_container a.collapse{position:static}#sidebar_container.sidebar_closed{width:0px}#sidebar.sidebar_hidden{display:none}#content_container .sidebar_nomargin_left,#content_container  #content.sidebar_nomargin_left{margin-left:0px}#content_container .sidebar_nomargin_right,#content_container  #content.sidebar_nomargin_right{margin-right:0px}

  9. #9
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:
    You can use the CSS tags

    CSSS

    /CSSS



    I've been trying different methods. Will report back findings,

  10. #10
    Administrator SAM's Avatar
    Join Date
    Jan 2011
    Posts
    8,296
    Country:
    Was:

    CSS Code:
    @charset "UTF-8";
     
    #pagetitle {
        margin-bottom: 10px;
    }
     
     
    .downloads2_copyright {
        padding-bottom:{vb:math {vb:stylevar padding}/2};
        font:{vb:stylevar footer_copyright_font};
        margin-top:{vb:stylevar padding};
        text-align:center;
        display:block;
    }
     
     
    .subcats h4 {
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }
    .subcats h4, .subcats .commalist {
        float:{vb:stylevar left};
        clear:{vb:stylevar right};
    }
    .subcats .commalist li {
        display:inline-block;
    }
    .subcats .commalist li:after {
    /*    Comma + &nbsp; */
        content:",\0000A0";
    }
    .subcats .commalist li:last-child:after {
        content:"";
    }
     
     
    #above_files {
        margin-bottom:{vb:stylevar padding};
    }
    #below_files {
        margin-top:{vb:stylevar padding};
    }
    #below_files_2x {
        margin-top:{vb:math 2 * {vb:stylevar padding}};
    }
    .pagenavright {
        float: {vb:stylevar right};
    }
     
     
    .nobullets {
        list-style: none;
        margin: 0;
        padding: 0;
    }
     
     
    .fly {
        float: {vb:stylevar right};
        display: inline;
        font-size: 88%;
    }
     
     
    /* RATINGS */
    .popupbody .rating {
        display:block;
        padding:{vb:stylevar popup_padding}px;
        padding-{vb:stylevar left}:{vb:math 2 * {vb:stylevar popup_padding} + 75}px;
        background:transparent url({vb:stylevar imgdir_rating}/rating-15_0.png) {vb:stylevar left} center no-repeat;
    }
     
     
    .popupbody .r5 { background-image:url({vb:stylevar imgdir_rating}/rating-15_5.png); }
    .popupbody .r4_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_4.png); }
    .popupbody .r3_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_3.png); }
    .popupbody .r2_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_2.png); }
    .popupbody .r1_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_1.png); }
     
     
    /*RTL rating*/
    .popupbody .r4_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_4_left.png); }
    .popupbody .r3_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_3_left.png); }
    .popupbody .r2_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_2_left.png); }
    .popupbody .r1_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_1_left.png); }
     
     
    /* Definition list (not used yet) */
    .file_summary dl.dl2stats {
        width: 400px;
        margin: 5px 0 10px 0;
    }
    .file_summary dl.dl2stats dt {
        width: 100px;
        display:block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .file_summary dl.dl2stats dd {
        float: {vb:stylevar left};
        clear:{vb:stylevar right};
        display:block;
        width: {vb:math {vb:stylevar profile_sidebar_width}-85px-{vb:math {vb:stylevar profile_sidebar_box_border}*2}-12px-12px};
    }
    /* Table (temporarily) */
    .file_summary table.dl2stats {
        margin: 5px 0 5px 0;
    }
    .file_summary table.dl2stats td.dl2name {
        width: 100px;
    }
    .file_summary table.dl2stats td.dl2name:after {
        content:":";
    }
     
     
    #dl2images .dlpic_container {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}+{vb:  math {vb:stylevar padding}/2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
        display:inline-block;
        min-height: {vb:math {vb:stylevar font.fontSize}*3*{vb:stylevar line_height}};
    }
    #dl2images .dl_pic {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
    }
    #dl2images .dl_pic img {
        width: {vb:stylevar profile_sidebar_avatar_maxWidth};
        height: auto;
        padding: 3px;
        background: {vb:stylevar profile_sidebar_avatar_background};
        border: {vb:stylevar profile_sidebar_avatar_border};
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }
     
     
    .commenthead img {
        position: relative;
        top: -3px;
    }
     
     
    .dl2info {
        border-bottom:solid 1px rgb(203,209,251);
        padding: 10px;
    }
     
     
    #dl2-menugroup {
        float: {vb:stylevar right};
    }
    #dl2-menugroup a {
        color:#4E4E4E;
    }
    #dl2-menugroup a.popupctrl, #dl2-menugroup a.popupctrl:hover {
        color:#FFF;
    }
     
     
    #dl2-menugroup .popupbody {
        width:236px;
    }
    #dl2-menugroup input.searchbox{
        margin-top:1px;
        margin-bottom:3px;
    }
    #dl2-menugroup .popupbody input.button{
        float:{vb:stylevar right};
        top:0;
    }


    Now:
    CSS Code:
    @charset "UTF-8";
     
    #pagetitle {
        margin-bottom: 10px;
    }
     
     
    .downloads2_copyright {
        padding-bottom:{vb:math {vb:stylevar padding}/2};
        font:{vb:stylevar footer_copyright_font};
        margin-top:{vb:stylevar padding};
        text-align:center;
        display:block;
    }
     
     
    .subcats h4 {
        padding-{vb:stylevar right}: {vb:math {vb:stylevar padding}/2};
    }
    .subcats h4, .subcats .commalist {
        float:{vb:stylevar left};
        clear:{vb:stylevar right};
    }
    .subcats .commalist li {
        display:inline-block;
    }
    .subcats .commalist li:after {
    /*    Comma + &nbsp; */
        content:",\0000A0";
    }
    .subcats .commalist li:last-child:after {
        content:"";
    }
     
     
    #above_files {
        margin-bottom:{vb:stylevar padding};
    }
    #below_files {
        margin-top:{vb:stylevar padding};
    }
    #below_files_2x {
        margin-top:{vb:math 2 * {vb:stylevar padding}};
    }
    .pagenavright {
        float: {vb:stylevar right};
    }
     
     
    .nobullets {
        list-style: none;
        margin: 0;
        padding: 0;
    }
     
     
    .fly {
        float: {vb:stylevar right};
        display: inline;
        font-size: 88%;
    }
     
     
    /* RATINGS */
    .popupbody .rating {
        display:block;
        padding:{vb:stylevar popup_padding}px;
        padding-{vb:stylevar left}:{vb:math 2 * {vb:stylevar popup_padding} + 75}px;
        background:transparent url({vb:stylevar imgdir_rating}/rating-15_0.png) {vb:stylevar left} center no-repeat;
    }
     
     
    .popupbody .r5 { background-image:url({vb:stylevar imgdir_rating}/rating-15_5.png); }
    .popupbody .r4_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_4.png); }
    .popupbody .r3_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_3.png); }
    .popupbody .r2_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_2.png); }
    .popupbody .r1_right { background-image:url({vb:stylevar imgdir_rating}/rating-15_1.png); }
     
     
    /*RTL rating*/
    .popupbody .r4_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_4_left.png); }
    .popupbody .r3_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_3_left.png); }
    .popupbody .r2_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_2_left.png); }
    .popupbody .r1_left { background-image:url({vb:stylevar imgdir_rating}/rating-15_1_left.png); }
     
     
    /* Definition list (not used yet) */
    .file_summary dl.dl2stats {
        width: 400px;
        margin: 5px 0 10px 0;
    }
    .file_summary dl.dl2stats dt {
        width: 100px;
        display:block;
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
    }
    .file_summary dl.dl2stats dd {
        float: {vb:stylevar left};
        clear:{vb:stylevar right};
        display:block;
        width: {vb:math {vb:stylevar profile_sidebar_width}-85px-{vb:math {vb:stylevar profile_sidebar_box_border}*2}-12px-12px};
    }
    /* Table (temporarily) */
    .file_summary table.dl2stats {
        margin: 5px 0 5px 0;
    }
    .file_summary table.dl2stats td.dl2name {
        width: 100px;
    }
    .file_summary table.dl2stats td.dl2name:after {
        content:":";
    }
     
     
    #dl2images .dlpic_container {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}+{vb:  math {vb:stylevar padding}/2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
        display:inline-block;
        min-height: {vb:math {vb:stylevar font.fontSize}*3*{vb:stylevar line_height}};
    }
    #dl2images .dl_pic {
        width: {vb:math {vb:stylevar profile_sidebar_avatar_maxWidth} + 6px + {vb:math {vb:stylevar profile_sidebar_avatar_border.borderWidth}*2}};
        float: {vb:stylevar left};
        clear: {vb:stylevar right};
        margin-bottom: {vb:math {vb:stylevar padding}/2};
    }
    #dl2images .dl_pic img {
        width: {vb:stylevar profile_sidebar_avatar_maxWidth};
        height: auto;
        padding: 3px;
        background: {vb:stylevar profile_sidebar_avatar_background};
        border: {vb:stylevar profile_sidebar_avatar_border};
        -moz-border-radius: 3px;
        -webkit-border-radius: 3px;
        overflow: hidden;
    }
     
     
    .commenthead img {
        position: relative;
        top: -3px;
    }
     
     
    .dl2info {
        border-bottom:solid 1px rgb(203,209,251);
        padding: 10px;
    }
     
     
    #dl2-menugroup {
        float: {vb:stylevar right};
    }
    #dl2-menugroup a {
        color:#4E4E4E;
    }
    #dl2-menugroup a.popupctrl, #dl2-menugroup a.popupctrl:hover {
        color:#FFF;
    }
     
     
    #dl2-menugroup .popupbody {
        width:236px;
    }
    #dl2-menugroup input.searchbox{
        margin-top:1px;
        margin-bottom:3px;
    }
    #dl2-menugroup .popupbody input.button{
        float:{vb:stylevar right};
        top:0;
    }
     
     
    #content_container {
        padding:10px 0px;
    }
     
     
    #content_container  #content{
        width:620px;
        margin-left:-10px;
    }


    For some reason, it wanted margin-left. I added 10px to allow the small creation of space to move up the table (sidebar_container):

    Click image for larger version. 

Name:	downloads2.jpg 
Views:	7 
Size:	50.7 KB 
ID:	2773
    Last edited by SAM; 01-03-2016 at 02:02 PM.

Thread Information

Users Browsing this Thread

There are currently 1 users browsing this thread. (0 members and 1 guests)

Tags for this Thread

Posting Permissions

  • You may not post new threads
  • You may not post replies
  • You may not post attachments
  • You may not edit your posts
  •