Here are the IPB 3.0.2 CSS changes as compared to the IPB 3.0.1 default skin.
Note: You would only need the above edits for third party skins or for CSS files you changed prior to upgrading. If you have not touched a CSS file, the upgrade would have already made these changes to that file for you.
Files affected:
ipb_editor.css
ipb_styles.css
ipb_ie.css
ipb_messenger.css
ipb_print.css
Edits in ipb_styles.css
Find:
ul.post_controls {
Replace with:
ul.post_controls,
div.post_controls {
Find:
.author_info ul.user_fields li {
clear: both;
font-size: 0.9em;
color: #718a96;
padding-bottom: 2px;
overflow: hidden;
}
Add after:
.author_info ul.user_fields {
clear: both;
}
Find:
.author_info ul.user_fields li span {
Replace with:
.author_info ul.user_fields li span.ft,
.author_info ul.user_fields li span.fc {
Find:
.active_users span.name {
font-size: 0.9;
Replace with:
.active_users span.name {
font-size: 0.9em;
Find:
pre.prettyprint { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 110%; }
Replace with:
pre.prettyprint { padding: 5px; background: #f8f8f8; border: 1px solid #c9c9c9; overflow: auto; margin-left: 10px; font-size: 11px; line-height: 140%; }
Edits for ipb_editor.css
Find:
#ipboard_body .ips_editor.with_sidebar .editor,
Replace with:
#ipboard_body .ips_editor.with_sidebar .editor{
Find &
Remove (may not be there if you didn't do CSS changes from previous version):
#ipboard_body .ips_editor.with_sidebar .resizer {
Find:
#ipboard_body .ips_editor.with_sidebar .sidebar {
position: absolute;
top: 0px;
right: 0px;
width: 194px;
bottom: 1px;
margin: 0;
border-width: 1px;
border-style: solid;
border-color: #f6f8fa #d5dde5 #d5dde5 #f6f8fa;
}
Replace with:
#ipboard_body .ips_editor.with_sidebar .sidebar {
position: absolute;
top: 0px;
right: 1px;
width: 195px;
bottom: 1px;
margin: 0;
border-width: 1px;
border-style: solid;
border-color: #f6f8fa #d5dde5 #d5dde5 #f6f8fa;
}
Find:
#ipboard_body .ips_editor.with_sidebar .sidebar h4 span {
padding: 6px 0 0 6px;
display: block;
}
Add below:
#ipboard_body .ips_editor.with_sidebar .sidebar h4 img {
float: right;
margin: 6px 6px 0 0;
cursor: pointer;
}
Find:
#ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder {
position: absolute;
top: 25px;
bottom: 1px;
width: 193px;
overflow: auto;
}
Replace with:
#ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder {
position: absolute;
top: 25px;
bottom: 25px;
width: 100%;
overflow: auto;
}
Add below that:
#ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder td {
padding: 5px 0;
}
#ipboard_body .show_all_emoticons {
bottom: 0px;
position: absolute;
width: 100%;
text-align: center;
background: #e4ebf2;
height: 25px;
}
#ipboard_body .ips_editor.with_sidebar .sidebar .emoticon_holder.no_bar {
bottom: 0px;
}
Find:
#ipboard_body .ips_editor .toolbar {
height: 30px;
/*clear: both;*/
Remove:
/*clear: both;*/
Find & Delete (may not be there if you didn't do CSS changes from previous version)
#ipboard_body .ips_editor .resizer .toolbar {
background: transparent;
border: 0;
}
Edits for ipb_ie.css
Find:
#ipboard_body #conversation ul.post_controls {
padding-bottom: 0;
height: 32px;
}
Add below:
#ipboard_body #topic_mod_2 {
padding-top: 10px;
margin-top: -5px;
}
Find & Remove (may not be there if you didn't do CSS changes from previous version):
/*#ipboard_body .user_controls li img {
margin: 4px 0;
}
Add in place of above or anywhere:
.post_block {
zoom: 1;
}
Find (may not be there if you didn't do CSS changes from previous version):
#ipboard_body .user_controls li {
margin: 0 4px 0 0;
text-align: center;
}*/
Add in place of above or add anywhere:
pre.prettyprint { padding: 5px 5px 20px 5px; }
Edits in ipb_messenger.css
Find:
#participants #participants_list span.name.blocked a {
color: #ad2930;
}
Add Below:
#space_allowance {
clear: both;
}
Edits in ipb_print.css
Find:
html #content {
font-size: 10pt;
}
Replace with:
html #content {
font-size: 10pt;
direction: rtl;
}
Find:
.posted_info {
color: gray !important;
font-size: 8pt !important;
text-decoration: none !important;
border-bottom: 1pt solid lightgray;
padding-bottom: 3px;
}
Replace With:
.posted_info {
color: gray !important;
font-size: 8pt !important;
text-decoration: none !important;
border-bottom: 1pt solid #d3d3d3;
padding-bottom: 3px;
}
Thanks to
SmashinGarcia for making this list.