PDA

View Full Version : Let's do some CSS (downloads2.css)



SAM
01-02-2016, 06:00 PM
http://www.unrealkillers.com/downloads.php

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

@charset "UTF-8";

#pagetitle (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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 +   */
content:",\0000A0";
}
.subcats .commalist li:last-child:after {
content:"";
}

#above_files (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=above_files) {
margin-bottom:{vb:stylevar padding};
}
#below_files (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=below_files) {
margin-top:{vb:stylevar padding};
}
#below_files (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) {
float: {vb:stylevar right};
}
#dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) a {
color:#4E4E4E;
}
#dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) a.popupctrl, #dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) a.popupctrl:hover {
color:#FFF;
}

#dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) .popupbody {
width:236px;
}
#dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) input.searchbox{
margin-top:1px;
margin-bottom:3px;
}
#dl2-menugroup (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=dl2-menugroup) .popupbody input.button{
float:{vb:stylevar right};
top:0;
}

UT-Sniper-SJA94
01-02-2016, 07:23 PM
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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container%7B) {
padding:10px 0px;
}

#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) #content{ (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content%7B)
width:600px;
float:left;

http://i.imgur.com/8wWjEjO.jpg
//--------------------------OLD-------------------------------

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

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

SAM
01-02-2016, 07:33 PM
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

UT-Sniper-SJA94
01-02-2016, 07:37 PM
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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) , it's only in downloads2-rollup.css

downloads2-rollup.css (http://www.unrealkillers.com/clientscript/vbulletin_css/style00053l/downloads2-rollup.css)

downloads2-rollup.css (http://www.unrealkillers.com/clientscript/vbulletin_css/style00053l/downloads2-rollup.css)
http://www.unrealkillers.com/clientscript/vbulletin_css/style00053l/downloads2-rollup.css
http://i.imgur.com/6gvGe2S.png

SAM
01-02-2016, 07:48 PM
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.

Chamberly
01-03-2016, 12:01 AM
Just bookmarking in.

SAM
01-03-2016, 01:15 PM
Again, vb is overriding this somewhere....

Cloudflare's JS minimising cache is turned off

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




@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 +   */
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;
}

UT-Sniper-SJA94
01-03-2016, 01:29 PM
Try adding this to it:

I can only find #content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) on the download page.


#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) {
padding:10px 0px;
}

#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=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.css:(http://www.unrealkillers.com/clientscript/vbulletin_css/style00053l/downloads2-rollup.css)


@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;dis play: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:righ t}.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 (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) {width:100%;float:left;margin-right:-290px;padding:10px 0}#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) .contentright{float:right;margin-right:0;margin-left:-290px}#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) #content{margin-right:290px}#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) .contentright #content{margin-right:0;margin-left:290px}#sidebar_container{float:right;width:27 0px;padding:17px 0;margin-bottom:3em}#sidebar_container.sidebarleft{float:le ft}#sidebar_container a{color:#417394}#sidebar_container a:hover{color:#417394}#sidebar_button{display:bloc k;margin-top:40px;float:right;margin-right:-28px;_margin:40px 0 0 0;_display:inline-block}#sidebar_button{_display:inline}#sidebar_con tainer.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/gradients/bottom-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_contai ner .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.side bar_closed{width:0px}#sidebar.sidebar_hidden{displ ay:none}#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) .sidebar_nomargin_left,#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) #content.sidebar_nomargin_left{margin-left:0px}#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) .sidebar_nomargin_right,#content_container (http://www.unrealkillers.com/usertag.php?do=list&action=hash&hash=content_container) #content.sidebar_nomargin_right{margin-right:0px}

SAM
01-03-2016, 01:38 PM
You can use the CSS tags

CSSS

/CSSS



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

SAM
01-03-2016, 01:59 PM
Was:

@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 +   */
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:
@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 +   */
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):

2773

SAM
01-03-2016, 02:12 PM
This seems to be the issue:

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

][X][~FLuKE~][X][
01-03-2016, 02:29 PM
The downloads area now is super stretched off the screen for me now.


I am not too savvy with CSS, but opening the page source I found this.

Main-rollup.css:1

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, code, form, fieldset, legend, input, button, textarea, p, blockquote, th, td {
margin: 0px;
padding: 0px;
}


padding: 0px; <---Remove this and the padding will be equal either side.

SAM
01-03-2016, 02:37 PM
I've cracked it. Don't worry, trial and error here because vb overrides the css stored serverside into a datastore cache.

Anyway, will be adding this:



}
#content_container #content {
}


}
#content_container {
width: 600px;
float: left;
margin-left:-10px;
padding: 10px 0;
}

][X][~FLuKE~][X][
01-03-2016, 02:38 PM
It is close but still not central.

This is what I see when I change what I put above

2774

But of course my CSS knowledge is low at best. Spoilt too much by WYSIWYG editors and then having such a long time since I last did anything web related.

SAM
01-03-2016, 02:51 PM
What browser are you using?

2775

SAM
01-03-2016, 03:46 PM
The above is based on adding the below to downloads2.css

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


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

However, on loading the page, it still defaults to width 100% as opposed to defined 600px and margin-right: -0px

SAM
01-03-2016, 03:56 PM
I'm going to shoot myself.

Above set in downloads2.css

Below, downloads2-roll.css

@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;dis play: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:righ t}.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 #content{margin-right:-0px}}#content_container{width:600px;float:left;mar gin-right:0px;padding:10px 0}#content_container{width:600px;float:left;margin-right:-0px;padding:10px 0}#content_container.contentright{float:right;marg in-right:0;margin-left:0px}#content_container #content{margin-right:0px}#content_container.contentright #content{margin-right:0;margin-left:290px}#sidebar_container{float:right;width:27 0px;padding:17px 0;margin-bottom:3em}#sidebar_container.sidebarleft{float:le ft}#sidebar_container a{color:#417394}#sidebar_container a:hover{color:#417394}#sidebar_button{display:bloc k;margin-top:40px;float:right;margin-right:-28px;_margin:40px 0 0 0;_display:inline-block}#sidebar_button{_display:inline}#sidebar_con tainer.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/gradients/bottom-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_contai ner .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.side bar_closed{width:0px}#sidebar.sidebar_hidden{displ ay: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}

SAM
01-03-2016, 05:05 PM
Finally working

@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;dis play:inline;font-size:88%}.popupbody .rating{display:block;padding:0px;padding-left:75px;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:righ t}.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 #content{margin-right:0px}}#content_container{width:600px;float:le ft;margin-right:0px;padding:10px 0}#content_container{width:600px;float:left;margin-right:0px;padding:10px 0}#content_container.contentright{float:right;marg in-right:0;margin-left:0px}#content_container #content{margin-right:0px}#content_container.contentright #content{margin-right:0;margin-left:290px}#sidebar_container{float:right;width:27 0px;padding:17px 0;margin-bottom:3em}#sidebar_container.sidebarleft{float:le ft}#sidebar_container a{color:#417394}#sidebar_container a:hover{color:#417394}#sidebar_button{display:bloc k;margin-top:40px;float:right;margin-right:-28px;_margin:40px 0 0 0;_display:inline-block}#sidebar_button{_display:inline}#sidebar_con tainer.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/gradients/bottom-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_contai ner .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.side bar_closed{width:0px}#sidebar.sidebar_hidden{displ ay: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}

SAM
01-03-2016, 05:06 PM
Found a small issue, causing ratings to overlap:
.popupbody .rating{display:block;padding:0pxpx;padding-left:75pxpx;background:transparent

Straightforward enough:

.popupbody .rating{display:block;padding:0px;padding-left:75px;background:transparent

UT-Sniper-SJA94
01-03-2016, 05:08 PM
Still broken in firefox :/

SAM
01-03-2016, 05:10 PM
Still broken in firefox :/

Apparently edge too..I'm about to give up

][X][~FLuKE~][X][
01-03-2016, 05:30 PM
What browser are you using?

2775

Firefox. I do not see the menu next to it like in your image...

It is just a bump in the road SAM Don't let it get to you man, you have done more than enough with the redesign.

uranus
01-03-2016, 06:08 PM
Usually firefox here, too. I remember HTML coding for Chrome and Firefox was a pain in the pitooty. I don't have anything better to offer than SJA or even Fluke. They're doing a fine job of helping.

Igor
01-03-2016, 06:20 PM
Are new-styled pages (background) look like: 2789 in my browsers only?
( /styles/af/misc/skin/page_bg.jpg is under construction or should be restored from page_bg_old.jpg ?)

SAM
01-03-2016, 06:27 PM
Ah crap. I forgot to rename the .old back to the page_bg

Will do it tomorrow. Thanks Igor.

TimTim
01-03-2016, 06:31 PM
Apparently edge too..I'm about to give up

The joys of web development. :wallbash

SAM
01-03-2016, 06:33 PM
What gets me is, it's the petty little things that are just so stubborn to fix.

SC]-[WARTZ_{HoF}
01-03-2016, 06:54 PM
Website is looking great SAM.

uranus
01-03-2016, 09:03 PM
This is not a css issue but I liked the quick link to unread posts at the top... es no trabajo ahora.

http://i.imgur.com/akxJQgX.png

|uK|B|aZe//.
01-04-2016, 03:07 PM
This is not a css issue but I liked the quick link to unread posts at the top... es no trabajo ahora.

http://i.imgur.com/akxJQgX.png

this is hard to read as well... lol shouldnt it be lower?

also preferred to have the new posts but under the home button/forum buttons

][X][~FLuKE~][X][
01-04-2016, 06:01 PM
What gets me is, it's the petty little things that are just so stubborn to fix.

Man do I sympathise with you over this. I remember back when I used to build and would use the same browser to preview its progress, usually Firefox. Then when I decided to publish the site, they looked great and all things worked and displayed as they should......... Then came the problem reports which I couldn't get my head around until I realised they were all using IE, so many things were out of whack and some functions that performed flawless were broken.

So don't worry too much....I feel your pain.

SAM
01-04-2016, 06:16 PM
uranus I don't understand what you mean??

|uK|B|aZe//. No idea what you're on about.

uranus
01-04-2016, 07:04 PM
SAM ~
Where "You Have 10 Unread Posts" is a link to http://www.unrealkillers.com/search.php?do=getnew&contenttype=vBForum_Post

http://i.imgur.com/oJcpCdb.png

SAM
01-05-2016, 05:42 PM
@SAM (http://www.unrealkillers.com/member.php?u=1) ~
Where "You Have 10 Unread Posts" is a link to http://www.unrealkillers.com/search.php?do=getnew&contenttype=vBForum_Post

http://i.imgur.com/oJcpCdb.png
Ah thanks, I get it now. I'll get that fixed some time this week.

SC]-[WARTZ_{HoF}
01-06-2016, 04:09 PM
It appears that any web adblock addon blocks your footer on this site.

UT-Sniper-SJA94
01-06-2016, 04:27 PM
-[WARTZ_{HoF};105440']It appears that any web adblock addon blocks your footer on this site.

I was wondering why it only shows on my phone, feel stupid for not realizing it sooner.

uranus
01-06-2016, 04:28 PM
It appears that any web adblock addon blocks your footer on this site.
uBlock Origin? (https://github.com/gorhill/uBlock)

SC]-[WARTZ_{HoF}
01-06-2016, 04:43 PM
uBlock Origin? (https://github.com/gorhill/uBlock)

I was using ABP but Higor encouraged me to use uBlock Origin after finding out ABP was screwing my CPU on firefox. But both were blocking the footer here.

SAM
01-06-2016, 05:57 PM
That's because adblocks are banning ads_global_footer. Which is the class name of the footer. I'll try and add it to the footer instead.

uranus
01-06-2016, 06:49 PM
I see the footer, ... I think. I turned off uBlock for this site and it looks the same as before in Firefox with uBlock 1.5.1 on a Linux laptop.

2792

SAM
01-06-2016, 06:58 PM
We are talking about the new theme here.

uranus
01-06-2016, 07:57 PM
*derp

- - - Updated - - -

I noticed there is a small area between the lines arrowed that links to "new posts" now...?

2794

uBlock enabled blocks the 5 icons

2795

Igor
01-09-2016, 08:32 AM
I forgot to rename the .old back to the page_bg

Will do it tomorrow

Bump

SAM
01-09-2016, 09:30 AM
Bump

http://www.unrealkillers.com/styles/af/misc/skin/page_bg.jpg is now the BG.

Are you still seeing the old one?

Igor
01-09-2016, 12:55 PM
Are you still seeing the old one?
Yes, I am.
I believe, you should copy http://www.unrealkillers.com/styles/af/misc/skin/page_bg_old.jpg
over the http://www.unrealkillers.com/styles/af/misc/skin/page_bg.jpg.

SAM
01-09-2016, 01:36 PM
I switched those over already. I'll check when I get home.

Igor
01-09-2016, 03:23 PM
I switched those over already. I'll check when I get home.
It looks fixed now. Thanks.
mb it was cache problem?

uranus
01-09-2016, 03:40 PM
I'm not sure if this is a CSS issue or if it's intentional or if I'm just blind but there used to be a link to "Mark Forums Read" on the new threads page and/or on the main forum page.

SAM
01-10-2016, 04:14 AM
Igor. Quite possible cache expiry.

uranus. There was. I had to take these off to allow the what's new list of 24 hours and 7 days. I planned to put this menu back in but haven't had the time.

|uK|B|aZe//.
01-11-2016, 05:36 AM
red box outlined is messed up? whiteboxed the pm for obvious reasons also the background for attached thumbnails is ugly

SAM
01-19-2016, 03:46 PM
red box outlined is messed up? whiteboxed the pm for obvious reasons also the background for attached thumbnails is ugly
Thumbnail background fixed.

Postfoot for PM should be fixed. This wasn't a simple CSS issue because it was using the width set as a global one. Amending it made it smaller on the forum postfoot. Therefore, a plugin was required (only for vBulletin)


To do so, add a plugin as follows:

Product: vBulletin

Hook Location: parse_templates

Title: Set "postfoot" Width For Private Messages

Execution Order: 5

Plugin PHP Code:

if (THIS_SCRIPT === 'private')
{
$template_hook['headinclude_css'] .= '<style>.postfoot {width: 700px !important;}</style>';
}


Plugin is Active: Yes

Then click "Save".