[SNIPPET] Border around prosilver style

Post by **Stoker** » 15 May 2011, 19:35

This way you can put a border around prosilver styles.

Open styles/prosilver/theme/colours.css
Find:

.headerbar {

Add before:

Code: Select all

#wrap {
border: 2px solid #606e7b;
background-color: #FFFFFF;
}

Open styles/prosilver/theme/common.css
Find:

Code: Select all

#wrap {
padding: 0 20px;

Replace with:

Code: Select all

#wrap {
padding: 20px 20px;
margin: 0 10px 0 10px;

Now you can change the bg color in colours.css

Post by **kevinviet** » 28 May 2011, 22:16

Stoker wrote:This way you can put a border around prosilver styles.

Open styles/prosilver/theme/colours.css
Find:
Code: Select all
#wrap {
padding: 0 20px;
Replace with:
Code: Select all
#wrap {
padding: 20px 20px;
min-width: 650px;
Now you can change the bg color in colours.css

Hi Stoker, I think this peace is not on colours.css it's on common.css itsn't it ?
and my problem after added the code i don't have the border on the top and bottom. How do I fix it ?

Thanks Stoker

Post by **Stoker** » 29 May 2011, 03:46

Yes, it is common.css. First post fixed.

You need to do the last edit on common.css

Post by **kevinviet** » 29 May 2011, 04:38

Thanks Stoker

I did edit but missing the upload

. Problem is solved now Thanks

Post by **Stoker** » 29 May 2011, 04:40

No problem

Post by **Blackwolf** » 08 Oct 2011, 10:13

Sorry to bother.......but in my ca_black/colours.css I have no

Code: Select all

.headerbar {

Can you let me know where to place the code?

Code: Select all

/*  	
--------------------------------------------------------------
Colours and backgrounds for common.css
-------------------------------------------------------------- */

html, body {
	color: #f0f0f0;
	background-color: #C0C0C0;
	background-image: url("{T_THEME_PATH}/images/content_bg.gif");
}

p {
    color: #f0f0f0;
}

h1, h2 {
	color: #5698CF;
}

h3, div.post-viewprofile h3 {
	color: #5698CF;
	background-image: url("{T_THEME_PATH}/images/bg_h3.gif");
}
.pm-notify-new h3 {
    color: #fff;
}

hr {
	border-color: #1c1c1c;
	border-top-color: #282828;
}
hr.dashed {
	border-top-color: #333;
}
.block-content hr {
    border-color: #232323;
	border-top-color: #3f3f3f;
}

/* Header/footer */
#header-wrapper {
	background-color: #3b3b3b;
	background-image: url("{T_THEME_PATH}/images/bg_body.gif");
}
#header {
	background-color: #000;
	background-image: url("{T_THEME_PATH}/images/bg_logo.gif");
}
#header-left {
	background-image: url("{T_THEME_PATH}/images/logo_left.gif");
}
#header-right {
	background-image: url("{T_THEME_PATH}/images/logo_right.gif");
}

#content-wrapper {
	background-image: url("{T_THEME_PATH}/images/content_top.gif");
}

#content {
    background-color: #1c1c1c;
}

#page-body {
    border-color: #000;
}

#footer span {
	background-image: url("{T_THEME_PATH}/images/content_bottom_left.gif");
}
#footer span span {
	background-image: url("{T_THEME_PATH}/images/content_bottom_right.gif");
}
#footer span span span {
	background-image: url("{T_THEME_PATH}/images/content_bottom.gif");
}

#copyrights {
	color: #444;
}
#copyrights a, #copyrights a:visited {
	color: #444;
}
#copyrights a:hover, #copyrights a:active {
	color: #C7A317;
}
#copyrights a.acp-link, #copyrights a.acp-link:visited {
    color: #C7A317;
}
#copyrights a.acp-link:hover, #copyrights a.acp-link:active {
    color: #5698CF;
}
#affiliates {
	color: #444;
}

.topnav {
	background-image: url("{T_THEME_PATH}/images/bg_navbar.gif");
    color: #b0b0b0;
    border-color: #000;
}

#search-box a:link, #search-box a:visited {
    color: #527C9F;
}

.topnav a:link, .topnav a:visited {
	color: #C7A317;
}
.topnav .current a, .topnav .current a:visited {
    color: #fff;
}

.topnav a:hover, .topnav .current a:hover {
	color: #5698CF;
}

#search-box a:hover, #search-box a:active, .topnav a:active, .topnav .current a:active {
	color: #fff;
}


/* Round cornered boxes and backgrounds
---------------------------------------- */
.block-header {
    background-image: url("{T_THEME_PATH}/images/block_top.gif");
}
.block-header span {
    background-image: url("{T_THEME_PATH}/images/block_top_left.gif");
}
.block-header span span {
    background-image: url("{T_THEME_PATH}/images/block_top_right.gif");
}

.block-footer {
    background-image: url("{T_THEME_PATH}/images/block_bottom.gif");
}
.block-footer span {
    background-image: url("{T_THEME_PATH}/images/block_bottom_left.gif");
}
.block-footer span span {
    background-image: url("{T_THEME_PATH}/images/block_bottom_right.gif");
}

.block-content, .block-post, .block-table {
    border-color: #000;
    background-color: #3b3b3b;
}
.block-inner {
    background-color: #232323;
}
.block-clear, * html .block-clear {
    border-color: #3b3b3b;
}
.rules .block-inner, .block-cp .block-inner, .panel .block-inner, .post .block-inner {
    border-bottom-color: #222;
    border-top-color: #404040;
}

/* Navbar */
.navbar {
    background-color: #292929;
    border-color: #000;
}

.pm-notify-new, .pm-notify-unread {
    border-color: #444;
    border-right-color: #3a3a3a;
    border-bottom-color: #3a3a3a;
    background-color: #232323;
}
.pm-notify-new {
    border-color: #888;
}


/* Horizontal lists
----------------------------------------*/

ul.navlinks {
	border-bottom-color: #fff;
}
.navlinks .rightside, .navlinks .leftside {
    color: #ccc;
}
.navlinks .timezone {
    color: #666;
}
li.header, th {
    background-color: #303030;
    background-image: url("{T_THEME_PATH}/images/bg_th.gif");
    color: #a0a0a0;
}

.navlinks {
    color: #666;
}

/* Table styles
----------------------------------------*/
table.table1 thead th, #cp-main table.table1 thead th {
	color: #a0a0a0;
	border-left-color: #363636;
	border-right-color: #282828;
}

table.table1 tbody tr {
	border-color: #e0e0e0;
}

table.table1 td {
	color: #f0f0f0;
}

.table1 .bg1 {
    background-color: #232323;
}
.table1 .bg2, .table1 .bg3 {
    background-color: #292929;
}

table.table1 tbody td {
	border-color: #181818;
	border-top-color: #333;
	border-left-color: #333;
}

table.table1 tbody th {
	color: #a0a0a0;
	border-bottom-color: #181818;
	background-color: #232323;
	border-left-color: #363636;
	border-right-color: #282828;
}

table.info tbody th {
	color: #7c7c7c;
}

/* Misc layout styles
---------------------------------------- */
dl.details dt {
	color: #ccc;
}

dl.details dd {
	color: #f0f0f0;
}

.sep {
	color: #4F70B5;
}

/* Pagination
---------------------------------------- */

.pagination span strong {
	color: #5698CF;
	background-color: #222;
	border-color: #282828;
}

.pagination span a, .pagination span a:link, .pagination span a:visited {
	color: #C7A317;
	background-color: #333;
	border-color: #444;
}

.row .pagination span a, li.pagination span a {
	background-color: #333;
	border-color: #444;
}

.pagination span a:hover, .row .pagination span a:hover, li.pagination span a:hover {
	border-color: #000;
	background-color: #5698CF;
	color: #fff;
}

.row .pagination {
	background-image: url("{T_THEME_PATH}/images/icon_pages.gif");
}


/* Miscellaneous styles
---------------------------------------- */

.copyright {
	color: #555555;
}

.error {
	color: #D3380F;
}

div.rules {
	color: #D3380F;
}

#smiley-box {
    color: #ccc;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for links.css
-------------------------------------------------------------- */

a:link	{ color: #C7A317; }
a:visited	{ color: #C7A317; }
a:hover	{ color: #5698CF; }
a:active	{ color: #fff; }
    /*nav links*/
    .location {
       color: #FF0000;
       font-size: 12px;
    }
    .location a:link   { color: #FF0000; }
    .location a:visited   { color: #FF0000; }
    .location a:hover   { color: #D31141; }
    .location a:active   { color: #368AD2; }

/* Links on gradient backgrounds */
.forumbg .header a:link, .forabg .header a:link, th a:link, #cp-main .panel .header a:link {
    color: #a0a0a0;
    text-decoration: underline;
}

.forumbg .header a:visited, .forabg .header a:visited, th a:visited, #cp-main .panel .header a:visited {
    color: #a0a0a0;
    text-decoration: underline;
}

.forumbg .header a:hover, .forabg .header a:hover, th a:hover, #cp-main .panel .header a:hover {
    color: #fff;
}

.forumbg .header a:active, .forabg .header a:active, th a:active, #cp-main .panel .header a:active {
    color: #C7A317;
}

/* Links for forum/topic lists */
a.forumtitle, a.forumtitle:visited, a.topictitle, a.topictitle:visited {
	color: #C7A317;
}

a.forumtitle:hover, a.topictitle:hover {
	color: #5698CF;
}

a.forumtitle:active, a.topictitle:active {
	color: #C7A317;
}

.row-new a.forumtitle, .row-new a.forumtitle:visited, .row-new a.topictitle, .row-new a.topictitle:visited {
	color: #5698CF;
}

.row-new a.forumtitle:hover, .row-new a.forumtitle:active, .row-new a.topictitle:hover, .row-new a.topictitle:active {
	color: #fff;
}



/* Post body links */
.postlink {
	color: #C7A317;
}

.postlink:visited {
	color: #AD971C;
}

.postlink:hover {
	color: #5698CF;
}

.postlink:active {
	color: #fff;
}

.signature a, .signature a:visited, .signature a:hover, .signature a:active {
	background-color: transparent;
}

/* Profile links */
.postprofile a:link, .postprofile a:visited, .postprofile dt.author a {
	color: #C7A317;
}

.postprofile a:hover, .postprofile dt.author a:hover {
	color: #5698CF;
}

/* Profile popup */
.profile-buttons ul {
    border-color: #111;
    background-color: #232323;
}
.profile-buttons li a {
    background-color: #292929;
    border-color: #333;
    border-bottom-color: #222;
}
.profile-buttos li a:hover, .profile-buttons li a:active {
    background-color: #333;
}

/* Back to top of page */
a.top {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

a.top2 {
	background-image: url("{IMG_ICON_BACK_TOP_SRC}");
}

/* Arrow links  */
a.up		{ background-image: url("{T_THEME_PATH}/images/arrow_up.gif") }
a.down		{ background-image: url("{T_THEME_PATH}/images/arrow_down.gif") }
a.left		{ background-image: url("{T_THEME_PATH}/images/arrow_left.gif") }
a.right		{ background-image: url("{T_THEME_PATH}/images/arrow_right.gif") }

a.up:hover {
	background-color: transparent;
}

a.left:hover {
	color: #fff;
}

a.right:hover {
	color: #fff;
}


/*  	
--------------------------------------------------------------
Colours and backgrounds for content.css
-------------------------------------------------------------- */

ul.topiclist li {
	color: #eee;
}

ul.topiclist dd {
	border-left-color: #393939;
}

ul.topiclist li.row dt a.subforum.read {
	background-image: url("{IMG_SUBFORUM_READ_SRC}");
}

ul.topiclist li.row dt a.subforum.unread {
	background-image: url("{IMG_SUBFORUM_UNREAD_SRC}");
}

li.row, #cp-main .panel li.row {
	border-top-color:  #363636;
	border-bottom-color: #111;
	background-color: #232323;
}

li.row strong {
	color: #fff;
}

li.row:hover {
	background-color: #292929;
}

li.row:hover dd {
	border-left-color: #393939;
}

li.header dt, li.header dd, #cp-main .panel li.header dd, #cp-main .panel li.header dt {
	color: #7c7c7c;
}

/* Forum list column styles */
ul.topiclist dd.searchextra {
	color: #333333;
}

/* Post body styles
----------------------------------------*/
.post:target .content {
	color: #f0f0f0;
}
div.letter:first-letter {
        text-transform: capitalize;
}


.post h3 a, .post h3 a:visited {
    color: #5698CF;
}
.post:target h3 a, .post:target h3 a:visited {
	color: #fff;
}
.post h3 a:hover, .post h3 a:active, .post:target h3 a:hover, .post:target h3 a:active {
    color: #C7A317;
}

.postbody {
	color: #f0f0f0;
}
.postbody h3, h3#review {
    background-image: none;
}
.postbody .rules {
    border-color: #111;
	background-color: #292929;
}
.postbody .rules:hover {
    border-color: #000;
    background-color: #232323;
}

.postbody .author {
    color: #c0c0c0;
}

/* Content container styles
----------------------------------------*/
.content {
	color: #f0f0f0;
}

.content h2, .panel h2 {
	color: #C7A317;
	border-bottom-color:  #383838;
}

dl.faq dt {
	color: #f0f0f0;
}

.posthilit {
	color: #5698CF;
}

/* Post signature */
.signature {
    color: #ccc;
	border-top-color: #383838;
}

/* Post noticies */
.notice {
	color: #ccc;
	border-top-color:  #383838;
}

/* BB Code styles
----------------------------------------*/
.ca-bbcode {
    border-color: #111;
	background-color: #292929;
}
.ca-bbcode2 {
    border-color: #363636;
}

/* Quote block */
.ca-quote {
	background-image: url("{T_THEME_PATH}/images/bb_quote.gif");
}

blockquote cite {
    color: #5698CF;
}

/* Code block */
dl.codebox dt {
	color: #5698CF;
}

dl.codebox code {
	color: #f0f0f0;
}

dl.codebox code .highlight {
    color: #5698CF;
}

.syntaxbg		{ color: #292929; }
.syntaxcomment	{ color: #777; }
.syntaxdefault	{ color: #94CBEA; }
.syntaxhtml		{ color: #f0f0f0; }
.syntaxkeyword	{ color: #ededed; }
.syntaxstring	{ color: #E3EA94; }

.code-select {
    background-image: url("{T_THEME_PATH}/images/bb_select.gif");
    height: 13px;
    width: 14px;
}

.code-expand {
    background-image: url("{T_THEME_PATH}/images/bb_expand.gif");
    height: 13px;
    width: 12px;
}
.code-select:hover, .code-expand:hover {
    background-position: 0 -13px;
}

/* Attachments
----------------------------------------*/
.ca-attachment {
	background-image: url("{T_THEME_PATH}/images/bb_attach.gif");
}

.attachbox {
    border-color: #363636;
	background-color: #292929;
}

.attachbox dd {
	border-top-color: #393939;
}

.attachbox p {
	color: #f0f0f0;
}

.attachbox p.stats {
	color: #f0f0f0;
}

.attach-image img {
	border-color: #333;
}

/* Inline image thumbnails */

dl.file dd {
	color: #f0f0f0;
}

dl.thumbnail img {
	border-color: #333;
	background-color: #292929;
}

dl.thumbnail dd {
	color: #444;
}

dl.thumbnail dt a:hover {
	background-color: #333;
}

dl.thumbnail dt a:hover img {
	border-color: #444;
}

/* Post poll styles
----------------------------------------*/

fieldset.polls dl {
	border-top-color: #333;
	color: #f0f0f0;
}

fieldset.polls dl.voted {
	color: #5698CF;
}

fieldset.polls dd div {
	color: #f0f0f0;
}

fieldset.polls .voted dd div {
	color: #5698CF;
}

.pollbar, .pollbar1, .pollbar2, .pollbar3, .pollbar4, .pollbar5 {
	background-color: #333;
	border-bottom-color: #111;
	border-right-color: #111;
	border-left-color: #383838;
	border-top-color: #383838;
}

/* Poster profile block
----------------------------------------*/
.profile-block {
	color: #c0c0c0;
	border-right-color: #393939;
}
.postprofile {
    border-right-color: #333;
}

.online .profile-top {
	background-image: url("{IMG_ICON_USER_ONLINE_SRC}");
    padding-bottom: {IMG_ICON_USER_ONLINE_HEIGHT}px;	
}

.pm .postprofile {
	border-left-color: #DDDDDD;
}

.postprofile strong {
	color: #c0c0c0;
}

/* Post minimize/maximize buttons */
.post-minimize {
	background-image: url("{T_THEME_PATH}/images/post_hide.gif");
}
.post-maximize a {
	background-image: url("{T_THEME_PATH}/images/post_show.gif");
}
.post-minimize, .post-minimize a, .post-maximize, .post-maximize a {
	width: 7px;
	height: 9px;
}
.post-maximize {
    width: 9px;
    border-left-color: #393939;
}
.post-maximize a {
    border-left-color: #333;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for buttons.css
-------------------------------------------------------------- */

.buttons a, .buttons a:visited, .buttons a:hover, .buttons a:active {
    color: #1c1c1c;
}

/* Big button images */
.reply-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_REPLY_SRC}"); }
.quickreply-icon span   { background-image: url("{IMG_BUTTON_QUICKREPLY_SRC}"); }
.post-icon span		{ background-image: url("{IMG_BUTTON_TOPIC_NEW_SRC}"); }
.locked-icon span	{ background-image: url("{IMG_BUTTON_TOPIC_LOCKED_SRC}"); }
.pmreply-icon span	{ background-image: url("{IMG_BUTTON_PM_REPLY_SRC}") ;}
.newpm-icon span 	{ background-image: url("{IMG_BUTTON_PM_NEW_SRC}") ;}
.forwardpm-icon span	{ background-image: url("{IMG_BUTTON_PM_FORWARD_SRC}") ;}

/* Icon images
---------------------------------------- */
.sitehome						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }
.icon-home						{ background-image: url("{T_THEME_PATH}/images/icon_home.gif"); }

/* Profile & navigation icons */
.quote-icon, .quote-icon a		{ background-image: url("{IMG_ICON_POST_QUOTE_SRC}"); }
.report-icon, .report-icon a	{ background-image: url("{IMG_ICON_POST_REPORT_SRC}"); }
.edit-icon, .edit-icon a		{ background-image: url("{IMG_ICON_POST_EDIT_SRC}"); }
.delete-icon, .delete-icon a	{ background-image: url("{IMG_ICON_POST_DELETE_SRC}"); }
.info-icon, .info-icon a		{ background-image: url("{IMG_ICON_POST_INFO_SRC}"); }
.warn-icon, .warn-icon a		{ background-image: url("{IMG_ICON_USER_WARN_SRC}"); }
.top-icon, .top-icon a		    { background-image: url("{IMG_ICON_BACK_TOP_SRC}"); }

/* CP tabbed menu
----------------------------------------*/
#tabs a, #minitabs a {
	background-image: url("{T_THEME_PATH}/images/bg_tabs1.gif");
}

#tabs a span, #minitabs a span {
	background-image: url("{T_THEME_PATH}/images/bg_tabs2.gif");
	color: #C7A317;
}

#tabs a:hover span, #minitabs a:hover span {
	color: #5698CF;
}

#tabs .activetab a span, #minitabs .activetab a span {
	color: #5698CF;
}

#tabs .activetab a:hover span, #minitabs .activetab a:hover span {
	color: #fff;
}

/* UCP navigation menu
----------------------------------------*/

/* Link styles for the sub-section links */
#navigation a {
	color: #C7A317;
	border-top-color: #333;
	border-bottom-color: #181818;
	background-color: #232323;
}

#navigation a:hover {
	background-image: none;
	background-color: #aabac6;
	color: #BC2A4D;
}

#navigation .active-section a {
	color: #5698CF;
}

#navigation .active-subsection a {
	color: #5698CF;
}

#navigation .active-section a:hover, #navigation .active-subsection a:hover {
	color: #fff;
}

#navigation .active-subsection a, #navigation .inactive-subsection a {
    background-image: url("{T_THEME_PATH}/images/bg_navigation.gif");
}

/* Friends list */
dl.mini dt {
    color: #eee;
}

/* PM Styles
----------------------------------------*/
/* PM Message history */
#topicreview a.current, #topicreview a.current:visited {
	color: #C7A317;
}
#topicreview a.current:hover {
	color: #5698CF;
    text-decoration: underline;    
}

/* PM marking colours */
.pmlist li.pm_message_reported_colour, .pm_message_reported_colour {
	border-left-color: #5698CF;
	border-right-color: #5698CF;
}

.pmlist li.pm_marked_colour, .pm_marked_colour {
	border-color: #DA7256;
}

.pmlist li.pm_replied_colour, .pm_replied_colour {
	border-color: #ababab;
}

.pmlist li.pm_friend_colour, .pm_friend_colour {
	border-color: #506EAE;
}

.pmlist li.pm_foe_colour, .pm_foe_colour {
	border-color: #565656;
}

/* Avatar gallery */
#gallery label {
	background-color: #292929;
	border-top-color: #363636;
	border-left-color: #363636;
	border-bottom-color: #111;
	border-right-color: #111;
}

#gallery label:hover {
	background-color: #333;
	border-top-color: #3a3a3a;
	border-left-color: #3a3a3a;
	border-bottom-color: #222;
	border-right-color: #222;
}

/*  	
--------------------------------------------------------------
Colours and backgrounds for forms.css
-------------------------------------------------------------- */

/* General form styles
----------------------------------------*/
select {
	border-color: #666666;
	background-color: #FAFAFA;
	color: 444;
}

label {
	color: #f0f0f0;
}

option.disabled-option {
	color: graytext;
}

/* Definition list layout for forms
---------------------------------------- */
dd label, fieldset {
	color: #f0f0f0;
}

/* Hover effects */
fieldset dl:hover dt label {
	color: #fff;
}

fieldset.fields2 dl:hover dt label {
	color: #fff;
}

/* Quick-login on index page */
fieldset.quick-login input.inputbox {
	background-color: #212121;
}

/* Input field styles
---------------------------------------- */
.inputbox, textarea, #search-box input, select {
	background-color: #212121; 
	border-color: #000;
	color: #8093A2;
}
#message-box textarea, textarea {
	color: #ccc;
}
* html .inputbox, * html textarea, * html #message-box textarea, * html #search-box input, * html select {
    color: #f0f0f0;
}

.inputbox:hover, #search-box input:hover, select:hover, textarea:hover {
    background-color: #181818;
	border-color: #464646;
	color: #ddd;
}
#message-box textarea:hover {
	color: #ddd;
	border-color: #464646;
	background-color: #212121; 
}

.inputbox:focus, #search-box input:focus, select:focus, textarea:focus {
    background-color: #000;
	color: #fff;
}
#message-box textarea:focus {
	color: #fff;
	border-color: #464646;
	background-color: #212121; 
}
/* PM Notify & Guest Register bar
----------------------------------------*/
#info {
    overflow: visible;
	min-width: 750px;
    width: 100%;
    position: fixed;
    left: 0;
    z-index:200;
    margin-top: -15px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 1.5em;
	font-weight: bold;
}

#infobar a, #infobar a:link, #infobar a:visited, #infobar a:active {
    display: block;
    float: left;
    width:100%;
    clear: both;
    color: #fff;
    padding: .85em 0 .85em 0;
    border-bottom: .25em solid #fff;
	text-align: center;
    text-decoration: none;
	background-image: url("{T_THEME_PATH}/images/pmreg.png");
	background-position: bottom;
	background-repeat:repeat-x;
}

#infobar a:hover {
    color: #fff;
	background-image: url("{T_THEME_PATH}/images/pmreg.png");
	background-position: top;
	background-repeat:repeat-x;
	border-bottom: .25em solid #fff;
	cursor: pointer;
}
/* Form button styles
---------------------------------------- */

input.button3, a.button2, input.button2 {
	color: #ddd;
	background-color: #212121;
	border-color: #000;
}

a.button1, input.button1 {
	border-color: #464646;
	color: #C7A317;
	background-color: #111;
}

a.button2, input.button2, input.button3 {
	border-color: #000;
}

/* <a> button in the style of the form buttons */
a.button2, a.button2:link, a.button2:visited, a.button2:active {
	color: #ddd;
}

a.button1, a.button1:link, a.button1:visited, a.button1:active {
	color: #C7A317;
}

/* Hover states */
a.button2:hover, input.button2:hover, input.button3:hover, * html input.button2, * html input.button3 {
    color: #fff;
    border-color: #333;
    background-color: #222;
}

a.button1:hover, input.button1:hover, * html input.button1 {
    color: #C7A317;
    border-color: #666;
    background-color: #222;
}

input.search {
	background-image: url("{T_THEME_PATH}/images/icon_textbox_search2.gif");
}
input.search:hover, * html .input.search:hover {
	background-image: url("{T_THEME_PATH}/images/icon_textbox_search.gif");
}

input.disabled, input.disabled:hover, input.disabled:focus {
	color: #8093A2;
}
/* css for info boxes */
.info_box {
    font-size: 11px;
	color: #000000;
	border: solid 2px #009966;
	padding:10px;padding-left:50px;
	min-height: 25px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #90EE90;
    background-image: url("{T_THEME_PATH}/images/warning.png");
	background-repeat: no-repeat;
	background-position: left center;
}
.info_warn {
    font-size: 11px;
	color: #000000;
	border: solid 2px #FF0000;
	padding:10px;
	padding-left: 50px;
	min-height: 25px;
	margin: 5px 0;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	background-color: #ECD5D8;
	background-image: url("{T_THEME_PATH}/images/warning.png");
	background-repeat: no-repeat;
	background-position: left center;
}
input#fileupload, input#fileupload:hover, input#fileupload:focus {
    background-color: #fff;
    border-color: #444;
    color: #666;
}

/* Forum expand */
.forum-expand {
    background-image: url("{T_THEME_PATH}/images/header_expand.gif");
    height: 13px;
    width: 12px;
}
.forum-expand:hover {
    background-position: 0 -13px;
}

/* CP */
ul.cplist {
    border-color: #111;
}
dt span {
    color: #999;
}
div.sexy-bookmarks {
           display: block;
           float: left;
           margin: 0;
           outline: none;
           clear: both;
        }

        div.sexy-bookmarks-expand {
           height: 29px;
           overflow: visible;
        }

        .sexy-bookmarks-bg-love {
           background: url("{T_IMAGESET_LANG_PATH}/sexytrans.png") no-repeat;
        }

        div.sexy-bookmarks-bg-love {
           padding: 36px 0 0 10px;
           background-position: left 0 !important;
        }

        div.sexy-bookmarks ul.socials {
           width: 100% !important;
           margin: 0 !important;
           padding: 0 !important;
           float: left;
        }

        div.sexy-bookmarks ul.socials li {
           display: inline !important;
           float: left !important;
           list-style-type: none !important;
           margin: 0 !important;
           height: 29px !important;
           width: 60px !important;
           cursor: pointer !important;
           padding: 0 !important;
        }

        div.sexy-bookmarks ul.socials li:before, div.sexy-bookmarks ul.socials li:after, div.sexy-bookmarks ul.socials li a:before, div.sexy-bookmarks ul.socials li a:after {
           content: none !important;
        }

        div.sexy-bookmarks ul.socials a {
           display: block !important;
           width: 60px !important;
           height: 29px !important;
           text-indent: -9999px !important;
           background-color: transparent !important;
        }

        div.sexy-bookmarks ul.socials a:hover {
           background-color: transparent !important;
        }

        .sexy-digg, .sexy-digg:hover, .sexy-reddit, .sexy-reddit:hover, .sexy-stumbleupon, .sexy-stumbleupon:hover, .sexy-delicious, .sexy-delicious:hover, .sexy-yahoobuzz,
        .sexy-yahoobuzz:hover, .sexy-blinklist, .sexy-blinklist:hover, .sexy-technorati, .sexy-technorati:hover, .sexy-facebook, .sexy-facebook:hover, .sexy-twitter,
        .sexy-twitter:hover, .sexy-myspace, .sexy-myspace:hover, .sexy-mixx, .sexy-mixx:hover, .sexy-scriptstyle, .sexy-scriptstyle:hover, .sexy-designfloat, .sexy-designfloat:hover,
        .sexy-comfeed, .sexy-comfeed:hover, .sexy-newsvine, .sexy-newsvine:hover, .sexy-linkedin, .sexy-linkedin:hover,
        .sexy-google, .sexy-google:hover, .sexy-friendfeed, .sexy-friendfeed:hover {
           background: url("{T_THEME_PATH}/images/sexysprite.png") no-repeat !important;
           border: 0;
           outline: none;
        }

        .sexy-digg {background-position:-980px bottom !important; }
        .sexy-digg:hover {background-position:-980px top !important;}
        .sexy-reddit {background-position:-700px bottom !important;}
        .sexy-reddit:hover {background-position:-700px top !important;}
        .sexy-stumbleupon{background-position:-630px bottom !important;}
        .sexy-stumbleupon:hover{background-position:-630px top !important;;}
        .sexy-delicious{background-position:-1190px bottom !important;}
        .sexy-delicious:hover{background-position:-1190px top !important;}
        .sexy-yahoobuzz{background-position:-1120px bottom !important;}
        .sexy-yahoobuzz:hover{background-position:-1120px top !important;}
        .sexy-blinklist{background-position:-1260px bottom !important;}
        .sexy-blinklist:hover{background-position:-1260px top !important;}
        .sexy-technorati{background-position:-560px bottom !important;}
        .sexy-technorati:hover{background-position:-560px top !important;}
        .sexy-myspace{background-position:-770px bottom !important;}
        .sexy-myspace:hover{background-position:-770px top !important;}
        .sexy-twitter{background-position:-490px bottom !important;}
        .sexy-twitter:hover{background-position:-490px top !important;}
        .sexy-facebook{background-position:-1330px bottom !important;}
        .sexy-facebook:hover{background-position:-1330px top !important;}
        .sexy-mixx{background-position:-840px bottom !important;}
        .sexy-mixx:hover{background-position:-840px top !important;}
        .sexy-scriptstyle{background-position:-280px bottom !important;}
        .sexy-scriptstyle:hover{background-position:-280px top !important;}
        .sexy-designfloat{background-position:-1050px bottom !important;}
        .sexy-designfloat:hover{background-position:-1050px top !important;}
        .sexy-newsvine{background-position:left bottom !important;}
        .sexy-newsvine:hover{background-position:left top !important;}
        .sexy-google{background-position:-210px bottom !important;}
        .sexy-google:hover{background-position:-210px top !important;}
        .sexy-comfeed{background-position:-420px bottom !important;}
        .sexy-comfeed:hover{background-position:-420px top !important;}
        .sexy-linkedin{background-position:-70px bottom !important;}
        .sexy-linkedin:hover{background-position:-70px top !important;}
        .sexy-friendfeed{background-position:-1750px bottom !important;}
        .sexy-friendfeed:hover{background-position:-1750px top !important;}

input.disabled {
	color: #666666;
}
/* ff,crome,safari */ 
input:focus, textarea:focus  {
background-color: #A6A57D;
}

/* IE */
input.focusie, textarea.focusie {
background-color: #BFFFFF;
}
/* BEGAN - ModernDignity.com Hello Name Tag of Newest User mod */
#hellotag {
	width:300px;
	float:right;
	background:url("{T_THEME_PATH}/images/hellotag_bg.gif") repeat-y;
}
.hellotag_top {
	background:url("{T_THEME_PATH}/images/hellotag_top.gif") no-repeat;
	height:58px;
}
.hellotag_middle {
	padding-top:4px;
	padding-left:14px;
	padding-right:14px;
}
.hellotag_middle .img {
	float:left;
	text-align:center;
}
.hellotag_middle .content {
	padding-left:4px;
	white-space:normal;	
}
.heading a {
	color:#59550B;
	font-size:16px;
	font-weight:bold;
}
.hellotag_bottom {
	background:url("{T_THEME_PATH}/images/hellotag_bottom.gif") no-repeat;
	height:23px;
	clear:both;
}
/* ENDED - ModernDignity.com Hello Name Tag of Newest User mod */

    #loader {
       top: 40%;
       left: 40%;
       position: fixed;
       z-index: 900;
       display: none;   
       background-color: #1c1c1c;
       border: 1px solid #C58917;
       width: 20%;
       padding: 0.6em;
       text-align: center;
       -moz-border-radius: 4px;
       -webkit-border-radius: 4px;   
    }

    #loader span {
       background: url("{T_THEME_PATH}/images/loader.gif") 0 40% no-repeat;
       padding-left: 26px;
       vertical-align: bottom;
       font-weight: bold;
       font-size: 1.4em;
       z-index: 900;
    }

and my common.css is different too

Code: Select all

/* General proSilver Markup Styles
---------------------------------------- */

* {
	/* Reset browsers default margin, padding and font sizes */
	margin: 0;
	padding: 0;
}

html {
	font-size: 100%;
	/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */
	height: 100%;
	background-position: top left;
}

body {
	/* Text-Sizing with ems: http://www.clagnut.com/blog/348/ */
	font-family: Verdana, Helvetica, Arial, sans-serif;
	/*font-size: 62.5%;			 This sets the default font size to be equivalent to 10px */
	font-size: 10px;
	margin: 0;
	padding: 0;
	background-position: top left;
}

h1 {
	/* Forum name */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	margin-right: 200px;
	color: #000;
	margin-top: 15px;
	font-weight: bold;
	font-size: 2em;
}

h2 {
	/* Forum header titles */
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #3f3f3f;
	font-size: 2em;
	margin: 0.8em 0 0.2em 0;
}

h2.solo {
	margin-bottom: 1em;
}

h3 {
	/* Sub-headers (also used as post headers, but defined later) */
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-transform: uppercase;
	margin-bottom: 3px;
	padding-bottom: 2px;
	font-size: 1.05em;
	color: #989898;
	margin-top: 20px;
	background-position: bottom left;
	background-repeat: repeat-x;
}

h4 {
	/* Forum and topic list titles */
	font-family: "Trebuchet MS", Verdana, Helvetica, Arial, Sans-serif;
	font-size: 1.3em;
}

p {
	line-height: 1.3em;
	font-size: 1.1em;
	margin-bottom: 1.5em;
}

img {
	border-width: 0;
}

hr {
	border: 0 none #FFFFFF;
	border-top: 1px solid #CCCCCC;
	height: 1px;
	margin: 5px 0;
	display: block;
	clear: both;
}

hr.dashed {
	border-top: 1px dashed #CCCCCC;
	margin: 10px 0;
}

hr.divider {
	display: none;
}

p.right {
	text-align: right;
}

/* Header/footer */
#header-wrapper {
    background-position: top left;
    background-repeat: repeat-x;
    padding: 8px 10px 0;
}
#header {
    background-position: top left;
    background-repeat: repeat-x;
}
#header-left {
    background-position: top left;
    background-repeat: no-repeat;
}
#header-right {
    background-position: top right;
    background-repeat: no-repeat;
    padding: 0 15px;
}
#header, #header-left, #header-right {
    min-height: 85px;
}
#logolink span { display: none; }

.header-clear, #footer-clear { clear: both; }

#content-wrapper { 
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0 10px;
    margin: 0;
}
#content {
    padding: 0;
    margin: 0;
}

.topnav {
    margin: 0;
    padding: 0;
    background-position: top left;
    background-repeat: repeat-x;
    text-align: center;
    padding-top: 2px;
    height: 18px;
    border: solid 1px #000;
    border-width: 0 1px;
}

#footer, #footer span {
    display: block;
    height: 9px;
}
#footer span {
    background-position: top left;
    background-repeat: no-repeat;
    padding-left: 9px;
}
#footer span span {
    background-position: top right;
    background-repeat: no-repeat;
    padding-left: 0;
    padding-right: 9px;
}
#footer span span span {
    background-position: top left;
    background-repeat: repeat-x;
    padding: 0;
}

#copyrights {
	text-align: center;
	padding: 5px;
	font-size: 10px;
	line-height: 1.4em;
}
#copyrights a, #copyrights a:visited {
	text-decoration: none;
}
#copyrights a:hover, #copyrights a:active {
	text-decoration: underline;
}
#copyrights #affiliates a {
	text-decoration: underline;
}

#simple-wrap {
	padding: 6px 10px;
}

#page-body {
	padding: 5px 10px;
	clear: both;
    border: solid 1px #000;
    border-width: 0 1px;
}

#page-footer {
	clear: both;
}

#page-footer h3 {
	margin-top: 20px;
}

/* Search box
--------------------------------------------- */
#search-box {
	color: #FFFFFF;
	position: relative;
	margin-top: 5px;
	margin-right: 5px;
	display: block;
	float: right;
	text-align: right;
	white-space: nowrap; /* For Opera */
}

#search-box #keywords {
	width: 95px;
}

/* .button1 style defined later, just a few tweaks for the search button version */
#search-box input.button1 {
	padding: 1px 5px;
}

#search-box li {
	text-align: right;
	margin-top: 4px;
}

#search-box img {
	vertical-align: middle;
	margin-right: 3px;
}

/* Site description and logo */
#site-description {
	float: left;
	width: 70%;
}

#site-description h1 {
	margin-right: 0;
}

/* Horizontal lists
----------------------------------------*/
ul.linklist {
	display: block;
	margin: 0;
}

ul.linklist li {
	display: block;
	list-style-type: none;
	float: left;
	width: auto;
	margin-right: 5px;
	font-size: 1.1em;
	line-height: 2.2em;
}

ul.linklist li.rightside, p.rightside {
	float: right;
	margin-right: 0;
	margin-left: 5px;
	text-align: right;
}

ul.navlinks {
	font-weight: bold;
}

ul.navlinks li.rightside, ul.navlinks li.leftside {
    font-size: 1em;
    font-weight: normal;
    padding-top: 1px;
    margin-left: 0;
    margin-right: 0;
}

ul.leftside {
	float: left;
	margin-left: 0;
	margin-right: 5px;
	text-align: left;
}

ul.rightside {
	float: right;
	margin-left: 5px;
	margin-right: -5px;
	text-align: right;
}

li.row {
    background-position: top left;
    background-repeat: repeat-x;
}


/* Table styles
----------------------------------------*/
table.table1 {
	/* See tweaks.css */
}

#ucp-main table.table1 {
	padding: 2px;
}

table.table1 thead th {
	font-weight: normal;
	text-transform: uppercase;
	color: #FFFFFF;
	line-height: 1.3em;
	font-size: 1em;
	padding: 2px 3px;
	border-left: 1px solid #fff;
	border-right: 1px solid #fff;
}

table.table1 thead th span {
	padding-left: 7px;
}

table.table1 tbody tr {
	border: 1px solid #cfcfcf;
}

table.table1 td {
	color: #6a6a6a;
	font-size: 1.1em;
}

table.table1 tbody td {
	padding: 5px;
	border: 1px solid #FAFAFA;
}

table.table1 tbody th {
	padding: 5px;
	border-left: 1px solid #fff;
	border-bottom: 1px solid #000000;
	text-align: left;
	color: #333333;
	background-color: #FFFFFF;
}

/* Specific column styles */
table.table1 .name		{ text-align: left; }
table.table1 .posts		{ text-align: center !important; width: 7%; }
table.table1 .joined	{ text-align: left; width: 15%; }
table.table1 .active	{ text-align: left; width: 15%; }
table.table1 .mark		{ text-align: center; width: 7%; }
table.table1 .info		{ text-align: left; width: 30%; }
table.table1 .info div	{ width: 100%; white-space: normal; overflow: hidden; }
table.table1 .autocol	{ line-height: 2em; white-space: nowrap; }
table.table1 thead .autocol { padding-left: 1em; }

table.table1 span.rank-img {
	float: right;
	width: auto;
}

table.info td {
	padding: 3px;
}

table.info tbody th {
	padding: 3px;
	text-align: right;
	vertical-align: top;
	color: #000000;
	font-weight: normal;
}

.forumbg table.table1 {
	margin: 0 -2px -1px -1px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts 
   Also see tweaks.css */
.column1 {
	float: left;
	clear: left;
	width: 49%;
}

.column2 {
	float: right;
	clear: right;
	width: 49%;
}

/* General classes for placing floating blocks */
.left-box {
	float: left;
	width: auto;
	text-align: left;
}

.right-box {
	float: right;
	width: auto;
	text-align: right;
}

dl.details {
	/*font-family: "Lucida Grande", Verdana, Helvetica, Arial, sans-serif;*/
	font-size: 1.1em;
}

dl.details dt {
	float: left;
	clear: left;
	width: 30%;
	text-align: right;
	color: #000000;
	display: block;
}
dl.details dd {
	margin-left: 0;
	padding-left: 5px;
	margin-bottom: 5px;
	color: #828282;
	float: left;
	width: 65%;
}

/* Pagination
---------------------------------------- */
.pagination {
	height: 1%; /* IE tweak (holly hack) */
	width: auto;
	text-align: right;
	margin-top: 5px;
	float: right;
}

.pagination span.page-sep {
	display: none;
}

li.pagination {
	margin-top: 0;
}

.pagination strong, .pagination b {
	font-weight: normal;
}

.pagination span strong {
	padding: 0 2px;
	margin: 0 2px;
	font-weight: normal;
	color: #FFFFFF;
	background-color: #bfbfbf;
	border: 1px solid #bfbfbf;
	font-size: 0.9em;
}

.pagination span a, .pagination span a:link, .pagination span a:visited, .pagination span a:active {
	font-weight: normal;
	text-decoration: none;
	color: #747474;
	margin: 0 2px;
	padding: 0 2px;
	background-color: #eeeeee;
	border: 1px solid #bababa;
	font-size: 0.9em;
	line-height: 1.5em;
}

.pagination span a:hover {
	border-color: #d2d2d2;
	background-color: #d2d2d2;
	color: #FFF;
	text-decoration: none;
}

.pagination img {
	vertical-align: middle;
}

/* Pagination in viewforum for multipage topics */
.row .pagination {
	display: block;
	float: right;
	width: auto;
	margin-top: 0;
	padding: 1px 0 1px 15px;
	font-size: 0.9em;
	background: none 0 50% no-repeat;
}

.row .pagination span a, li.pagination span a {
	background-color: #FFFFFF;
}

.row .pagination span a:hover, li.pagination span a:hover {
	background-color: #d2d2d2;
}

/* Miscellaneous styles
---------------------------------------- */
#forum-permissions {
	float: right;
	width: auto;
	padding-left: 5px;
	margin-left: 5px;
	margin-top: 10px;
	text-align: right;
}

.copyright {
	padding: 5px;
	text-align: center;
	color: #555555;
}

.small {
	font-size: 0.9em !important;
}

.titlespace {
	margin-bottom: 15px;
}

.headerspace {
	margin-top: 20px;
}

.error {
	color: #bcbcbc;
	font-weight: bold;
	font-size: 1em;
}

.reported {
	background-color: #f7f7f7;
}

li.reported:hover {
	background-color: #ececec;
}

div.rules {
	background-color: #ececec;
	color: #bcbcbc;
	margin: 10px 0;
	font-size: 1.1em;
}

div.rules ul, div.rules ol {
	margin-left: 20px;
}

p.rules {
	background-color: #ececec;
	background-image: none;
	padding: 5px;
}

p.rules img {
	vertical-align: middle;
}

p.rules a {
	vertical-align: middle;
	clear: both;
}

#top {
	position: absolute;
	top: -20px;
}

.clear {
	display: block;
	clear: both;
	font-size: 1px;
	line-height: 1px;
	background: transparent;
}
.hp-container {
    width: 301px;
    height: 103px;
    background-color: rgba(39,107,178,0.4);
    position: absolute;
    top: 0;
    right: 30px;
    z-index: 9999;
    display: none; /* hide from non FF browsers */
}
.hp-tip {
    width: 301px;
    height: 10px;
    background: url("{T_THEME_PATH}/images/tip.png") no-repeat left top;
}
.hp-inner {
    background-color: #eaf5ff;
    margin: 5px;
    padding: 5px;
    height: 73px;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 12px;
}
.hp-content {
    background: url("{T_THEME_PATH}/images/arrow.png") no-repeat right top #e0effd;
    border: 1px solid #9bcfff;
    height: 26px;
    padding: 10px;
}
.hp-content strong {
    color: #0c233b;
}
.hp-content span {
    font-size: 11px;
    color: #364c62;
}
.hp-icon {
    float: left;
    margin: -2px 6px 0 -4px;
}
.hp-links {
    color: #1d4e82;
    text-align: right;
    height: 18px;
    margin-top: 7px;
}
.hp-links a {
    color: #276bb2;
}
.hp-links a:hover {
    color: #3080d3;
}
/* Display to Firefox only */
@-moz-document url-prefix(http://www.ultimateeditionoz.com/)
{
  .hp-container {display: block;}
}

Post by **Terr0r** » 08 Oct 2011, 10:38

may can take a look to this CSS3 Rounded corners for prosilver I have it on my forum on my Prosilver style

Post by **Blackwolf** » 08 Oct 2011, 11:02

Screenshot.png

Post by **Terr0r** » 08 Oct 2011, 11:14

is it possible to get the rounder coners change to so as you want ?

Post by **Blackwolf** » 08 Oct 2011, 11:18

Screenshot-1.png

Terr0r wrote:is it possible to get the rounder coners change to so as you want ?

I already have the round corners!! It's the colours around the side where the red arrows are pointing to.

PhpBB3 BBCodes