News:

Want to get involved in developing SMF, then why not lend a hand on our github!

Main Menu

Alignment Issues

Started by designer2012, July 21, 2012, 11:22:26 PM

Previous topic - Next topic
Print
Go Down Pages1 2 All
User actions

designer2012

July 21, 2012, 11:22:26 PM
Hi

I have almost completed my forum, but would like to know where to change a couple of things.

One is the topic icons and the text (sticky, locked etc etc) aren't aligned correctly, I need to move the text up slightly?

Also when I view a board and click on Send This Topic, the submit button on that page is far over to the left, I would like it to be centered.

Thanks

Colin

#1
July 21, 2012, 11:28:39 PM
Are you using the default theme?
"If everybody is thinking alike, then somebody is not thinking." - Gen. George S. Patton Jr.

Colin

designer2012

#2
July 21, 2012, 11:36:51 PM
Hi

I am using the Epic theme but the core themes submit button is also over to the left and that also the problem of the topic icons and text not being aligned perfectly, so I figure it if I know to change them in the core theme it's likely to be the same in the epic one?

MovedGoalPosts

#3
July 22, 2012, 10:07:38 AM
Each theme has it's own stylesheet.  Edit the index.css for that particular style.

designer2012

#4
July 22, 2012, 12:33:40 PM
I cannot find those 2 things anywhere in index.css, am I okay to post the code here?

mashby

#5
July 22, 2012, 12:37:16 PM
It's fine to post the code here, and it would be even more helpful to set a link to where this is happening, too. :) It's going to be the epic theme's CSS file that needs to be adjusted (guessing).
Always be a little kinder than necessary.
- James M. Barrie

designer2012

#6
July 22, 2012, 01:32:40 PM Last Edit: July 22, 2012, 01:51:58 PM by mashby
Hi

This is the page with the button to the left http://www.flamingolandrentals-forum.co.uk/index.php?action=emailuser;sa=sendtopic;topic=3.0 I would like it to be in the center.

This is the page with the topic icons and text alignment issue http://www.flamingolandrentals-forum.co.uk/index.php/board,4.0.html I know I am being fussy here but the text doesn't look aligned with the icons in IE

I also just noticed that although the first font is always arial the text looks like Times in IE.

This is the Epic index.css code:
Code Select

/* Styles for the general looks for the Curve theme.
------------------------------------------------------- */

/* Normal, standard links. */

a:link, a:visited {
    color: #c06002;
    text-decoration: none;
}
a:hover {
    color: #7a542f;
    cursor: pointer;
    text-decoration: underline;
}
a.new_win:link, a.new_win:visited {
    color: #c06002;
    text-decoration: none;
}
a.new_win:hover {
    color: #7a542f;
    text-decoration: underline;
}
table {
    empty-cells: show;
}
body {
    background: url("../images/id/abgg.png") repeat-x scroll 0 0 #F6F3DA;
    padding: 0 1%;
}
body#help_popup {
    padding: 1em;
}
body, td, th, tr {
    color: #6B4A29;
}
div#wrapper {
    margin: 0 auto;
    max-width: 2300px;
    min-width: 780px;
}
form {
    margin: 0;
    padding: 0;
}
input, button, select, textarea {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #7A552F;
    color: #000000;
    font: 95%/115% arial,verdana,Helvetica,sans-serif;
    padding: 2px;
}
select {
    padding: 0;
}
select option {
    padding: 1px;
}
textarea {
    font: 90%/130% arial,verdana,Helvetica,sans-serif;
}
.button_submit, .button_reset {
    background: url("../images/theme/submit_bg.png") no-repeat scroll 0 0 transparent;
    border: 1px outset #7A552F;
    cursor: pointer;
    font-weight: normal;
}
input:hover, textarea:hover, button:hover, select:hover {
    border: 1px solid #7A552F;
}
.button_submit:hover, .button_reset:hover {
    background: url("../images/theme/submit_bg.png") no-repeat scroll 0 -140px transparent;
    border: 1px inset #7A552F;
}
input:focus, textarea:focus, button:focus, select:focus {
    border: 1px solid #7A552F;
}
input.input_check, input.input_radio {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
}
h3.catbg input.input_check {
    margin: 9px 7px 0;
}
input.input_text[disabled] {
    background-color: #EEEEEE;
}
hr, .hrcolor {
    background-color: #CCCCCC;
    border: 0 none;
    color: #CCCCCC;
    height: 1px;
}
h1, h2, h3, h4, h5, h6 {
    color: #7a542f;
    font-size: 0.9em;
    margin: 0;
    padding: 0;
}
fieldset {
    border: 1px solid #7A552F;
    margin: 0 0 0.5em;
    padding: 1em;
}
fieldset legend {
    color: #7A552F;
    font-weight: bold;
}
a img {
    border: 0 none;
}
strong {
    font-weight: bold;
}
em {
    font-style: normal;
}
.underline {
    text-decoration: underline;
}
.floatright {
    float: right;
}
.floatleft {
    float: left;
}
.flow_auto {
    overflow: auto;
}
.flow_hidden {
    overflow: hidden;
}
.flow_hidden .windowbg, .flow_hidden .windowbg2 {
    margin-top: 2px;
}
.clear {
    clear: both;
}
.clear_left {
    clear: left;
}
.clear_right {
    clear: right;
}
.smalltext, tr.smalltext th {
    font-family: arial,verdana,sans-serif;
    font-size: 0.85em;
}
.middletext {
    font-family: arial,verdana,sans-serif;
    font-size: 0.9em;
    line-height: 1em;
}
.normaltext {
    font-size: 0.9em;
    line-height: 1.2em;
}
.largetext {
    font-size: 0.9em;
}
.centertext {
    margin: 0 auto;
    text-align: center;
}
.righttext {
    margin-left: auto;
    margin-right: 0;
    text-align: right;
}
.lefttext {
    margin-left: 0;
    margin-right: auto;
    text-align: left;
}
.double_height {
    line-height: 2em;
}
.padding {
    padding: 0.7em;
}
.main_section, .lower_padding {
    padding-bottom: 0.5em;
}
ul.reset, ul.reset li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
blockquote {
    background: none repeat scroll 0 0 #F6F3DA;
    border-left: 1px solid #7A552F;
    color: #7A552F;
    line-height: 1.4em;
    margin: 0 1em 0 0;
    padding: 10px;
}
code {
    background: none repeat scroll 0 0 #F6F3DA;
    border-left: 1px solid #7A552F;
    color: #666666;
    display: block;
    min-height: 3em;
    overflow: auto;
    padding: 10px;
    white-space: nowrap;
}
.quoteheader, .codeheader {
    background: none repeat scroll 0 0 #F6F3DA;
    color: #7A552F;
    display: block;
    font-size: 90%;
    font-style: normal;
    font-weight: bold;
    padding: 2px 10px;
    text-decoration: none;
}
.codeheader {
    background: none repeat scroll 0 0 #F6F3DA;
    border-left: 1px solid #555555;
    padding-left: 26px;
}
.quoteheader {
    background: none repeat scroll 0 0 #F6F3DA;
    border-left: 1px solid #7B542F;
    margin: 1em 1em 0 0;
    padding-left: 26px;
}
.codeoperation {
    font-weight: normal;
}
.bbc_link:link, .bbc_link:visited {
}
.bbc_size {
    line-height: 1.4em;
}
.bbc_color a {
    color: inherit;
}
.bbc_img {
    border: 0 none;
}
.bbc_table {
    color: inherit;
    font: inherit;
}
.bbc_table td {
    color: inherit;
    font: inherit;
    vertical-align: top;
}
.bbc_u {
    text-decoration: underline;
}
.bbc_list {
    text-align: left;
}
.bbc_tt {
    font-family: "arial","monaco","lucida console","courier new",monospace;
}
.help {
    cursor: help;
}
.meaction {
    color: orange;
}
.highlight {
    color: #7B542F !important;
    font-size: 0.9em;
    font-weight: bold;
}
.highlight2 {
    background-color: #F6F3DA;
    color: #7F5832 !important;
}
.titlebg, .titlebg2, tr.titlebg th, tr.titlebg td, tr.titlebg2 td {
    background: url("../images/theme/main_block.png") no-repeat scroll -10px -200px transparent;
    color: #7B542F;
    font-family: arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
}
.catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th {
    background: url("../images/theme/main_block.png") no-repeat scroll -10px -160px transparent;
    color: #7B542F;
    font-family: arial,helvetica,sans-serif;
    font-size: 0.9em;
    font-weight: bold;
}
tr.titlebg th, tr.titlebg2 th, td.titlebg, td.titlebg2, tr.catbg th, tr.catbg2 th, td.catbg, td.catbg2 {
    color: #7B542F;
    padding: 0 6px;
}
tr.titlebg th a:link, tr.titlebg th a:visited, tr.titlebg2 td a:link, tr.titlebg2 td a:visited {
    color: #7B542F;
}
tr.catbg th a:link, tr.catbg th a:visited, tr.catbg2 td a:link, tr.catbg2 td a:visited {
    color: #7B542F;
}
.catbg select {
    font-size: 0.85em;
    height: 1.5em;
}
.windowbg, #preview_body {
    color: #7a542f;
}
.windowbg2 {
    color: #7a542f;
}
.windowbg3 {
    background-color: #CACDD3;
    color: #7a542f;
}
.pagesection {
    font-size: 0.9em;
    margin-bottom: 1px;
    overflow: hidden;
    padding: 0.2em;
}
div.pagesection div.floatright input {
    margin-top: 3px;
}
.pagelinks {
    padding: 0.6em 0 0.4em;
}
.approvebg {
    background-color: #F6F3DA;
    color: #000000;
}
.approvebg2 {
    background-color: #F6F3DA;
    color: #000000;
}
.approvetbg {
    background-color: #E4A17C;
    color: #000000;
}
.approvetbg2 {
    background-color: #F6F3DA;
    color: #000000;
}
.stickybg {
    background: none repeat scroll 0 0 #E8D8CF;
}
.stickybg2 {
    background: none repeat scroll 0 0 #F2E3D9;
}
.lockedbg {
    background: none repeat scroll 0 0 #D4DCE2;
    font-style: normal;
}
.lockedbg2 {
    background: none repeat scroll 0 0 #D8E1E7;
    font-style: normal;
}
.post, .personalmessage {
    line-height: 1.4em;
    overflow: auto;
    padding: 0.1em 0;
}
.signature, .attachments {
    border-top: 1px solid #AAAAAA;
    clear: right;
    font-size: 0.85em;
    line-height: 1.4em;
    overflow: auto;
    padding: 1em 0 3px;
    width: 98%;
}
.custom_fields_above_signature {
    border-top: 1px solid #AAAAAA;
    clear: right;
    font-size: 0.85em;
    line-height: 1.4em;
    padding: 1em 0 3px;
    width: 98%;
}
.error {
    color: red;
}
.alert {
    color: red;
}
.birthday {
    color: #920AC4;
}
.event {
    color: #078907;
}
.holiday {
    color: #000080;
}
.warn_mute {
    color: red;
}
.warn_moderate {
    color: #FFA500;
}
.warn_watch, .success {
    color: green;
}
a.moderation_link, a.moderation_link:visited {
    color: red;
    font-weight: bold;
}
.openid_login {
    background: url("../images/openid.gif") no-repeat scroll 0 0 white;
    padding-left: 18px;
}
.description, .description_board, .plainbox {
    background: none repeat scroll 0 0;
    font-size: 0.9em;
    line-height: 1.4em;
    margin: 0.2em 1px 1em;
    overflow: auto;
    padding: 0.5em 1em;
}
.description_board {
    margin: 1em 1px 0;
    overflow: auto;
}
.information {
    background: none repeat scroll 0 0 ;
    font-size: 0.9em;
    line-height: 1.3em;
    margin: 0.2em 1px 1em;
    overflow: auto;
    padding: 0.5em 1em;
}
.information p {
    margin: 0;
    overflow: auto;
    padding: 1em;
}
p.para2 {
    margin: 0;
    padding: 1em 0 3.5em;
}
#ajax_in_progress {
    background: url("../images/theme/loadingbar.png") repeat-x scroll 0 0 transparent;
    color: #F96F00;
    font-size: 12pt;
    height: 66px;
    left: 0;
    line-height: 25px;
    padding: 8px;
    position: fixed;
    text-align: center;
    top: 0;
    width: 100%;
}
#ajax_in_progress a {
    color: orange;
    float: right;
    font-size: smaller;
    margin-right: 20px;
    text-decoration: underline;
}
dl.settings {
    clear: right;
    margin: 0 0 10px;
    overflow: auto;
    padding: 0;
}
dl.settings dt {
    clear: both;
    float: left;
    margin: 0 0 10px;
    padding: 0;
    width: 48%;
}
dl.settings dt.settings_title {
    clear: both;
    float: none;
    font-weight: bold;
    margin: 0 0 10px;
    padding: 5px 0 0;
    width: 100%;
}
dl.settings dt.windowbg {
    clear: both;
    float: left;
    margin: 0 0 3px;
    padding: 0 0 5px;
    width: 98%;
}
dl.settings dd {
    float: left;
    margin: 0 0 3px;
    padding: 0;
    width: 48%;
}
dl.settings img {
    margin: 0 10px 0 0;
}
dl.settings dt a img {
    position: relative;
    top: 2px;
}
h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg {
    font-size: 0.84em;
    font-weight: bold;
    height: 31px;
    line-height: 31px;
    overflow: hidden;
}
h3.catbg a:link, h3.catbg a:visited, h4.catbg a:link, h4.catbg a:visited, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a {
    color: #7a542f;
}
h3.catbg2 a, h3.catbg2 {
    color: #7a542f;
}
h3.catbg a:hover, h4.catbg a:hover, .table_list tbody.header td a:hover {
    color: #7a542f;
    text-decoration: none;
}
h3.catbg2 a:hover {
    color: #F6F3DA;
    text-decoration: none;
}
h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a {
    color: #FFFFFF;
}
h3.titlebg a:hover, h4.titlebg a:hover {
    color: orange;
    text-decoration: none;
}
h3.catbg img.icon, h4.titlebg img.icon {
    margin: -2px 5px 0 0;
    vertical-align: middle;
}
h4.catbg a.toggle img {
    margin: -2px 5px 0;
    vertical-align: middle;
}
h4.catbg, h4.catbg2, h3.catbg, h3.catbg2, .table_list tbody.header td.catbg {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -160px transparent;
    padding-right: 9px;
}
h4.titlebg, h3.titlebg {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -200px transparent;
    padding-right: 9px;
}
h4.titlebg img.icon {
    float: left;
    margin: 5px 8px 0 0;
}
div.cat_bar {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -160px transparent;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 9px;
}
div.title_bar {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -200px transparent;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 9px;
}
div.roundframe div.cat_bar {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -160px transparent;
    color: #7a542f;
}
div.roundframe div.cat_bar h3.catbg {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -160px transparent;
    color: #7a542f;
}
div.title_barIC {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -120px transparent;
    color: #7a542f;
    height: 31px;
    margin-bottom: 1px;
    overflow: hidden;
    padding-left: 9px;
}
div.title_barIC h4.titlebg {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -120px transparent;
    color: #FFFFFF;
}
#upshrinkHeaderIC p.pminfo {
    margin: 0;
    padding: 0.5em;
}
img#upshrink_ic, img#newsupshrink {
    float: right;
    margin: 10px 5px 0 0;
}
table.table_list a.unreadlink, table.table_list a.collapse {
    float: right;
}
table.table_list a.collapse {
    margin: 10px 5px 0 1em;
}
.table_grid tr.catbg, .table_grid tr.titlebg {
    border-bottom: 1px solid #;
    color: #E3E3E3;
    font-size: 0.95em;
}
.table_grid tr.catbg th, .table_grid tr.titlebg th {
    color: #E3E3E3;
    height: 28px;
    line-height: 28px;
}
tr.catbg th.first_th {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -160px transparent;
    color: #E3E3E3;
}
tr.catbg th.last_th {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -160px transparent;
    color: #E3E3E3;
}
tr.titlebg th.first_th {
    background: url("../images/theme/main_block.png") no-repeat scroll 0 -200px transparent;
    color: #E3E3E3;
}
tr.titlebg th.last_th {
    background: url("../images/theme/main_block.png") no-repeat scroll 100% -200px transparent;
    color: #E3E3E3;
}
.table_grid th.last_th input {
    margin: 0 2px;
}
.table_grid th.lefttext {
    color: #E3E3E3;
    padding: 0 0.7em;
}
table.table_grid {
    border-collapse: collapse;
    color: #FFFFFF;
    margin-top: 0.1em;
}
table.table_grid td {

    color: #4B4B4B;
    padding: 10px;
   font-size: 84%;
}
.additional_row {
    padding: 0.5em 0;
}
table.table_grid thead tr.catbg th {
    color: #E3E3E3;
    white-space: nowrap;
}
#permissions table.table_grid td {
    cursor: default;
    padding: 0.4em 0.8em;
}
.windowbg span.topslice {
    display: block;
    padding-left: 20px;
}
.windowbg span.topslice span {
    background: url("") no-repeat scroll 100% -30px transparent;
    display: block;
    height: 11px;
}
.windowbg span.botslice {
    background: url("") no-repeat scroll 0 -40px transparent;
    display: block;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
    padding-left: 20px;
}
.windowbg span.botslice span {
    background: url("") no-repeat scroll 100% -40px transparent;
    display: block;
    height: 11px;
}
.windowbg2 span.topslice {
    background: url("") no-repeat scroll 0 -60px transparent;
    display: block;
    padding-left: 20px;
}
.windowbg2 span.topslice span {
    background: url("") no-repeat scroll 100% -60px transparent;
    display: block;
    height: 11px;
}
.windowbg2 span.botslice {
    background: url("") no-repeat scroll 0 -71px transparent;
    display: block;
    font-size: 5px;
    line-height: 5px;
    margin-bottom: 0.2em;
    padding-left: 20px;
}
.windowbg2 span.botslice span {
    background: url("") no-repeat scroll 100% -71px transparent;
    display: block;
    height: 11px;
}
.approvebg span.topslice {
    background: url("") no-repeat scroll 0 0 transparent;
    display: block;
    padding-left: 20px;
}
.approvebg span.topslice span {
    background: url("") no-repeat scroll 100% 0 transparent;
    display: block;
    height: 11px;
}
.approvebg span.botslice {
    background: url("") no-repeat scroll 0 -11px transparent;
    display: block;
    margin-bottom: 0.2em;
    padding-left: 20px;
}
.approvebg span.botslice span {
    background: url("") no-repeat scroll 100% -11px transparent;
    display: block;
    height: 11px;
}
.postbg {
    border-left: 1px solid #7F7F7F;
    border-right: 1px solid #7F7F7F;
}
.roundframe {
    background: none repeat scroll 0 0 transparent;
    border-left: 1px solid #ECECEC;
    border-right: 1px solid #ECECEC;
    padding: 0 10px;
}
.roundframe dl, .roundframe dt, .roundframe p {
    margin: 0;
}
.roundframe p {
    padding: 0.5em;
}
span.upperframe {
    background: url("") no-repeat scroll 0 -90px transparent;
    display: block;
    padding: 0 0 0 20px;
}
span.upperframe span {
    background: url("") no-repeat scroll 100% -90px transparent;
    display: block;
    height: 12px;
    padding: 0;
}
span.lowerframe {
    background: url("") no-repeat scroll 0 -102px transparent;
    display: block;
    padding: 0 0 0 20px;
}
span.lowerframe span {
    background: url("") no-repeat scroll 100% -102px transparent;
    display: block;
    height: 12px;
    padding: 0;
}
.content {
    border: medium none;
    margin: 0;
    padding: 0.5em 1.2em;
}
.content p {
    margin: 0 0 0.5em;
}
.auto_suggest_div {
    border: 1px solid #000000;
    position: absolute;
    visibility: hidden;
}
.auto_suggest_item {
    background-color: #DDDDDD;
}
.auto_suggest_item_hover {
    background-color: #888888;
    color: #EEEEEE;
    cursor: pointer;
}
#main_menu {
    float: left;
    margin: 0;
    padding: 0;
    width: 100%;
}
.dropmenu, .dropmenu ul {
    line-height: 1em;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.dropmenu {
    padding: 0 0.5em;
}
.dropmenu a {
    color: #000000;
    display: block;
    text-decoration: none;
}
.dropmenu a span {
    display: block;
    font-size: 0.9em;
    padding: 0 0 0 5px;
}
.dropmenu li a.firstlevel {
    margin-right: 8px;
}
.dropmenu li a.firstlevel span.firstlevel {
    display: block;
    height: 22px;
    left: -5px;
    line-height: 19px;
    padding-left: 5px;
    position: relative;
}
.dropmenu li {
    float: left;
    margin: 0;
    padding: 0;
    position: relative;
}
.dropmenu li ul {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 -130px transparent;
    border-bottom: 1px solid #999999;
    display: none;
    font-weight: normal;
    padding: 7px 0 0;
    position: absolute;
    width: 19.2em;
    z-index: 90;
}
.dropmenu li li {
    border-left: 1px solid #999999;
    border-right: 1px solid #999999;
    margin: 0;
    width: 19em;
}
.dropmenu li li a span {
    display: block;
    padding: 8px;
}
.dropmenu li ul ul {
    margin: -1.8em 0 0 13em;
}
.dropmenu li a.active {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 100% 0 transparent;
    color: #FFFFFF;
    font-weight: bold;
}
.dropmenu li a.active span.firstlevel {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 0 transparent;
}
.dropmenu li a.firstlevel:hover, .dropmenu li:hover a.firstlevel {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 100% -30px transparent;
    color: #FFFFFF;
    cursor: pointer;
    text-decoration: none;
}
.dropmenu li a.firstlevel:hover span.firstlevel, .dropmenu li:hover a.firstlevel span.firstlevel {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 -30px transparent;
}
.dropmenu li li a:hover, .dropmenu li li:hover > a {
    background: none repeat scroll 0 0 #D4DBE4;
    color: #000000;
    text-decoration: none;
}
.dropmenu li:hover ul ul, .dropmenu li:hover ul ul ul {
    top: -999em;
}
.dropmenu li li:hover ul {
    top: auto;
}
.dropmenu li:hover ul {
    display: block;
}
.dropmenu li li.additional_items {
    background-color: #FFFFFF;
}
#menu_toggle {
    float: right;
    margin-right: 10px;
    padding-top: 3px;
}
#menu_toggle span {
    position: relative;
    right: 5000px;
}
.buttonlist ul {
    margin: 0 0.2em 5px 0;
    padding: 5px;
    z-index: 100;
}
.buttonlist ul li {
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
.buttonlist ul li a {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 -60px #E8E8E8;
    color: #000000;
    cursor: pointer;
    display: block;
    font-size: 0.6em;
    margin-left: 12px;
    padding: 0 0 0 8px;
    text-transform: uppercase;
}
.buttonlist ul li a:hover {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 0 transparent;
    color: #FFFFFF;
    text-decoration: none;
}
.buttonlist ul li a span {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 100% -60px transparent;
    display: block;
    height: 19px;
    line-height: 19px;
    padding: 0 8px 0 0;
}
.buttonlist ul li a:hover span {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 100% 0 #FFFFFF;
}
.buttonlist ul li a.active {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 0 -90px #5A6C85;
    color: #FFFFFF;
    font-weight: bold;
}
.buttonlist ul li a.active span {
    background: url("../images/theme/menu_gfx.png") no-repeat scroll 100% -90px transparent;
}
.buttonlist ul li a.active {
    font-weight: bold;
}
.buttonlist ul li a.active:hover {
    color: #FFFFFF;
}
.align_top ul li a, .align_bottom ul li a {
    margin: 0 12px 0 0;
}
ul#navigation {
    font-size: 0.9em;
    margin: 0;
    padding: 1em 0.4em;
}
ul#navigation li {
    display: inline;
    float: none;
    font-size: 0.95em;
}
#adm_submenus {
    padding-left: 2em;
}
#adm_submenus, #adm_submenus ul {
    height: 3em;
}
#header {
    background: none no-repeat scroll 0 -480px transparent;
    padding-left: 0;
}
#header div.frame {
    background: none no-repeat scroll 100% -480px transparent;
    display: block;
    padding: 10px;
}
#content_section {
    background: none repeat-y scroll left top transparent;
    padding-left: 10px;
}
#content_section div.frame {
    background: none repeat-y scroll right top transparent;
    display: block;
    padding: 0 10px 0 0;
}
#main_content_section {
    min-height: 200px;
    width: 100%;
}
h1.forumtitle {
    float: left;
    font-family: arial, Geneva,verdana,sans-serif;
    font-size: 0.9em;
    line-height: 45px;
    margin: 0;
    padding: 0;
}
#siteslogan, img#smflogo {
    float: right;
    line-height: 3em;
    margin: 0;
    padding: 0;
}
h3, h4 {
    padding-bottom: 3px;
}
img#upshrink {
    float: right;
    margin: 1em;
}
img#smflogo {
    margin-left: 1em;
}
#upper_section {
    margin-bottom: 1.5em;
    padding: 5px;
}
#upper_section ul li.greeting {
    font-size: 0.9em;
    font-weight: bold;
    line-height: 1.5em;
}
#upper_section div.news {
    float: right;
    text-align: right;
    width: 50%;
}
#guest_form {
    overflow: hidden;
}
#guest_form .info {
    padding: 4px 0;
}
div#upper_section div.user {
    float: left;
    overflow: auto;
    width: 50%;
}
div#upper_section div.user p {
    float: left;
    margin: 0 1em 1em 0;
    padding: 0;
}
div#upper_section div.user ul {
    margin: 0;
    padding-left: 10px;
}
div#upper_section div.user ul li {
    margin-bottom: 2px;
}
div#upper_section div.news p {
    display: inline;
}
div#upper_section div.news form {
    padding-bottom: 10px;
}
#top_section {
    margin-bottom: 3px;
    min-height: 65px;
    overflow: hidden;
}
#upper_section {
    overflow: hidden;
}
.navigate_section {
    margin: 0;
    padding: 0.5em;
}
.navigate_section ul {
    border-top: 1px solid #7A552F;
    clear: both;
    display: block;
    font-size: 0.9em;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 1em 0 0.5em;
    width: 100%;
}
.navigate_section ul li {
    float: left;
    font-size: 0.95em;
    font-weight: bold;
    padding: 0 0.5em 0 0;
}
.navigate_section ul li:hover {
    color: #DD7802;
    float: left;
    font-size: 0.95em;
    font-weight: bold;
    padding: 0 0.5em 0 0;
}
#footer_section {
    background: none no-repeat scroll 0 -820px transparent;
    padding-left: 20px;
    text-align: center;
}
#footer_section span.smalltext {
    font-size: 90%;
}
#footer_section div.frame {
    background: none no-repeat scroll 100% -820px transparent;
    display: block;
    padding: 35px 0 0;
}
#footer_section ul li, #footer_section p {
    font-size: 0.6em;
}
#footer_section ul li {
    display: inline;
    padding-right: 5px;
}
#footer_section ul li.copyright {
    display: block;
}
select.qaction, input.qaction {
    font-size: 0.85em;
    padding: 0;
}
#mlist table tbody td.windowbg2 {
    text-align: center;
}
table.table_list {
    width: 100%;
}
table.table_list p {
    margin: 0;
    padding: 0;
   font-size: 84%;
}
table.table_list td, table.table_list th {
    padding: 5px;
}
table.table_list tbody.header td {
    padding: 0;
}
table.table_list tbody.content td.stats {
    font-size: 90%;
    text-align: center;
    width: 15%;
}
table.table_list tbody.content td.lastpost {
    font-size: 85%;
    line-height: 1.3em;
    width: 24%;
}
table.table_list tbody.content td.icon {
    text-align: center;
    width: 6%;
}
.table_list tbody.content td.info a.subject {
    color: #6C4A2A;
    font-size: 94%;
    font-weight: bold;
}
.table_list tbody.content td.children {
    color: #555555;
    font-size: 85%;
}
p.moderators {
    font-family: arial, verdana,sans-serif;
    font-size: 0.8em;
}
#boardindex_table .table_list thead, #boardindex_table .table_list tfoot {
    display: none;
}
#posting_icons {
    line-height: 1em;
    margin: 0 0 1em;
    padding: 0 1em 0.5em;
}
#posting_icons ul {
    font-size: 0.8em;
}
#posting_icons img {
    margin: 0 0 0 4ex;
    vertical-align: middle;
}
#postbuttons_upper ul li a span {
    line-height: 19px;
    padding: 0 0 0 6px;
}
.nextlinks {
    margin-top: -1px;
    text-align: right;
}
.nextlinks_bottom {
    clear: right;
    text-align: right;
}
.mark_read {
    padding: 0 0.5em;
}
#newsfader {
    margin: 0 2px;
}
#smfFadeScroller {
    color: #575757;
    margin: 1em 0;
    overflow: auto;
    padding: 0 2em;
    text-align: center;
}
#upshrinkHeaderIC {
    margin-top: 4px;
}
dl#ic_recentposts {
    line-height: 1.3em;
    margin: 0 0 0.5em;
    padding: 0.5em;
}
dl#ic_recentposts dt {
    float: left;
}
dl#ic_recentposts dd {
    text-align: right;
}
#upshrinkHeaderIC p {
    margin: 0 0 0.5em;
    padding: 0.5em;
   font-size: 84%
}
#upshrinkHeaderIC p.last {
    border-top: 2px dotted #7A552F;
    margin: 0;
    padding: 0.5em;
}
#upshrinkHeaderIC p.inline {
    border: medium none;
    margin: 0;
    padding: 0.2em 0.5em;
}
#upshrinkHeaderIC p.stats {
    font-size: 0.7em;
    padding-top: 8px;
}
form#ic_login {
    height: 2em;
    padding: 0.5em;
}
form#ic_login ul li {
    float: left;
    margin: 0;
    padding: 0;
    text-align: center;
    width: 20%;
}
form#ic_login ul li label {
    display: block;
}
#index_common_stats {
    display: block;
    font-size: 0.9em;
    line-height: 1px;
    margin: 0 0 0.5em;
    position: relative;
    text-align: right;
    top: -20px;
}
img.new_posts {
    padding: 0 0.1em;
}
div.table_frame .table_list {
    border-collapse: collapse;
    margin: 2px 0;
}
.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats {
    border-right: 2px solid #7A552F;
}
#messageindex {
    clear: both;
}
.childboards {
    margin-bottom: 0.2em;
}
#childboards h3 {
    padding-bottom: 0;
}
#childboards .table_list thead {
    display: none;
}
#childboards .table_list {
    margin-bottom: 1em;
}
.lastpost img {
    float: right;
    padding: 4px;
}
#postbuttons div.buttons {
    float: right;
    padding: 0.5em;
    width: 40%;
}
#postbuttons div.middletext {
    width: 60%;
}
#postbuttons span {
    display: block;
    text-align: right;
}
#postbuttons span.lower {
    clear: right;
}
#postbuttons .buttonlist {
    float: right;
}
#postbuttons #pagelinks {
    padding-top: 1em;
}
#moderationbuttons {
    overflow: hidden;
}
.linked_events {
    padding: 1em 0;
}
.edit_event {
    margin: 0 1em;
    vertical-align: middle;
}
#poll {
    overflow: hidden;
}
#poll .content {
    padding: 0 1em;
}
h4#pollquestion {
    padding: 0 0 0.5em 2em;
}
#poll_options ul.options {
    border-top: 1px solid #7A552F;
    margin: 0 0 1em;
    padding: 1em 2.5em 0 2em;
}
#poll_options div.submitbutton {
    border-bottom: 1px solid #7A552F;
    clear: both;
    margin: 0 0 1em;
    padding: 0 0 1em 2em;
}
#poll_options dl.options {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    border-color: #7A552F;
    border-style: solid;
    border-width: 1px 0;
    line-height: 1.1em !important;
    margin: 0 1em 1em 0;
    padding: 1em 2.5em 1em 2em;
}
#poll_options dl.options dt {
    clear: left;
    float: left;
    margin: 0;
    padding: 0.3em 0;
    width: 30%;
}
#poll_options dl.options .voted {
    font-weight: bold;
}
#poll_options dl.options dd {
    float: left;
    margin: 0 0 0 2em;
    max-width: 450px;
    padding: 0.1em 0 0;
    width: 60%;
}
#poll_options dl.options .percentage {
    display: block;
    float: right;
    padding: 0.2em 0 0.3em;
}
#poll_options p {
    margin: 0 1.5em 0.2em;
    padding: 0 0.5em 0.5em;
}
div#pollmoderation {
    margin: 0;
    overflow: auto;
    padding: 0;
}
#forumposts {
    clear: both;
}
#forumposts .cat_bar {
    margin: 0 0 2px;
}
#forumposts h3 span#author {
    margin: 0 7.7em 0 0;
}
#forumposts h3 img {
    float: left;
    margin: 4px 0.5em 0 0;
}
#forumposts h3.catbg {
    margin-bottom: 3px;
}
p#whoisviewing {
    margin: 0;
    padding: 0.5em;
}
.post_wrapper {
    float: left;
    width: 100%;
}
.poster {
    float: left;
    width: 15em;
}
.postarea, .moderatorbar {
    margin: 0 0 0 16em;
}
.postarea div.flow_hidden {
    width: 100%;
}
.moderatorbar {
    clear: right;
}
.poster h4, .poster ul {
    margin: 0 1em 0 1.5em;
    padding: 0;
}
.poster h4 {
    font-size: 120%;
    margin: 0.2em 0 0.4em 1.1em;
}
.poster h4, .poster h4 a {
    color: #C06002;
}
.poster ul ul {
    margin: 0.3em 1em 0 0;
    padding: 0;
}
.poster ul ul li {
    display: inline;
}
.poster li.stars, .poster li.avatar, .poster li.blurb, li.postcount, li.im_icons ul {
    margin-top: 0.5em;
}
.poster li.avatar {
    overflow: hidden;
}
.poster li.warning {
    line-height: 1.2em;
    padding-top: 1em;
}
.poster li.warning a img {
    padding: 0 0.2em;
    vertical-align: bottom;
}
.messageicon {
    float: left;
    margin: 0 0.5em 0 0;
}
.messageicon img {
    padding: 6px 3px;
}
.keyinfo {
    float: left;
    width: 50%;
}
.modifybutton {
    clear: right;
    color: #334466;
    float: right;
    font: bold 0.85em arial,sans-serif;
    margin: 8px 20px 10px 0;
    text-align: right;
}
div.quickbuttons_wrap {
    float: left;
    padding: 0.2em 0;
    width: 100%;
}
ul.quickbuttons {
    clear: right;
    float: right;
    font: bold 0.85em arial,sans-serif;
    margin: 0.9em 11px 0 0;
    text-align: right;
}
ul.quickbuttons li {
    display: inline;
    float: left;
    margin: 0 0 0 11px;
}
ul.quickbuttons li a {
    display: block;
    float: left;
    height: 20px;
    line-height: 18px;
    padding: 0 0 0 20px;
}
ul.quickbuttons a:hover {
    color: #7a542f;
}
ul.quickbuttons li.quote_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 0 transparent;
}
ul.quickbuttons li.remove_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -30px transparent;
}
ul.quickbuttons li.modify_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -60px transparent;
}
ul.quickbuttons li.approve_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -90px transparent;
}
ul.quickbuttons li.restore_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -120px transparent;
}
ul.quickbuttons li.split_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -150px transparent;
}
ul.quickbuttons li.reply_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -180px transparent;
}
ul.quickbuttons li.reply_all_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -180px transparent;
}
ul.quickbuttons li.notify_button {
    background: url("../images/theme/quickbuttons.png") no-repeat scroll 0 -210px transparent;
}
ul.quickbuttons li.inline_mod_check {
    margin: 0 0 0 5px;
}
.post {
    clear: right;
    margin-top: 0.5em;
}
.inner {
    border-top: 1px solid #7A552F;
    margin: 0 1em 0 0;
    padding: 1em 1em 0 0;
   font-size: 85%;
}
.inner img.smiley {
    vertical-align: bottom;
}
#forumposts .modified {
    float: left;
}
#forumposts .reportlinks {
    clear: right;
    margin-right: 1.5em;
    text-align: right;
}
#forumposts .signature, .post .signature {
    margin: 1em 0 0;
}
#forumposts span.botslice {
    clear: both;
}
.attachments hr {
    clear: both;
    margin: 1em 0;
}
.attachments {
    padding: 1em 0 2em;
}
.attachments div {
    padding: 0 0.5em;
}
#quickreplybox {
    padding-bottom: 1px;
}
#quickReplyOptions .roundframe {
    padding: 0 10%;
}
#quickReplyOptions form textarea {
    height: 100px;
    margin: 0.25em 0 1em;
    max-width: 100%;
    min-width: 100%;
    width: 635px;
}
#display_jump_to {
    clear: both;
    margin-top: 6px;
    padding: 5px;
    text-align: right;
}
#forumposts .post_separator {
    display: none;
}
form#postmodify .roundframe {
    padding: 0 12%;
}
#post_header, .postbox {
    overflow: hidden;
    padding: 0.5em;
}
#post_header dt, .postbox dt {
    float: left;
    font-weight: bold;
    margin: 0.5em 0 0;
    padding: 0;
    width: 15%;
}
#post_header dd, .postbox dd {
    float: left;
    margin: 0.3em 0;
    padding: 0;
    width: 83%;
}
#post_header img {
    vertical-align: middle;
}
ul.post_options {
    list-style: none outside none;
    margin: 0 0 0 1em;
    overflow: hidden;
    padding: 0;
}
ul.post_options li {
    float: left;
    margin: 0.2em 0;
    width: 49%;
}
#postAdditionalOptionsHeader {
    margin-top: 1em;
}
#postMoreOptions {
    border-bottom: 1px solid #7A552F;
    padding: 0.5em;
}
#postAttachment, #postAttachment2 {
    border-bottom: 1px solid #7A552F;
    margin: 0.5em 0;
    overflow: hidden;
    padding: 0.5em;
}
#postAttachment dd, #postAttachment2 dd {
    margin: 0.3em 0 0.3em 1em;
}
#postAttachment dt, #postAttachment2 dt {
    font-weight: bold;
}
#postAttachment3 {
    margin-left: 1em;
}
#post_confirm_strip, #shortcuts {
    padding: 1em 0 0;
}
.post_verification {
    margin-top: 0.5em;
}
.post_verification #verification_control {
    margin: 0.3em 0 0.3em 1em;
}
#bbcBox_message {
    margin: 0.75em 0.5em;
}
#bbcBox_message div {
    margin: 0.2em 0;
    vertical-align: top;
}
#bbcBox_message div img {
    margin: 0 1px 0 0;
    vertical-align: top;
}
#bbcBox_message select {
    margin: 0 2px;
}
#smileyBox_message {
    margin: 0.5em;
}
#post_event .roundframe {
    padding: 0 12%;
}
#post_event fieldset {
    clear: both;
    padding: 0.5em;
}
#post_event #event_main input {
    float: left;
    margin: 0 0 1em;
}
#post_event #event_main div.smalltext {
    float: right;
    width: 33em;
}
#post_event div.event_options {
    float: right;
}
#post_event ul.event_main, ul.event_options {
    overflow: hidden;
    padding: 0;
}
#post_event ul.event_main li {
    float: left;
    list-style-type: none;
    margin: 0.2em 0;
    width: 49%;
}
#post_event ul.event_options {
    margin: 0;
    padding: 0 0 0.7em 0.7em;
}
#post_event ul.event_options li {
    float: left;
    list-style-type: none;
    margin: 0;
}
#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check {
    margin: 0 1em 0 0;
}
#edit_poll {
    overflow: hidden;
}
#edit_poll fieldset {
    clear: both;
    overflow: hidden;
    padding: 0.5em;
}
#edit_poll fieldset input {
    margin-left: 7.2em;
}
#edit_poll ul.poll_main li {
    padding-left: 1em;
}
#edit_poll ul.poll_main input {
    margin-left: 1em;
}
#edit_poll ul.poll_main, dl.poll_options {
    list-style: none outside none;
    overflow: hidden;
    padding: 0 0 0.7em 0.7em;
}
#edit_poll ul.poll_main li {
    margin: 0.2em 0;
}
#edit_poll dl.poll_options dt {
    padding: 0 0 0 1em;
    width: 33%;
}
#edit_poll dl.poll_options dd {
    width: 65%;
}
#edit_poll dl.poll_options dd input {
    margin-left: 0;
}
#readbuttons_top .pagelinks, #readbuttons .pagelinks {
    padding-bottom: 1em;
    width: 60%;
}
#readbuttons .pagelinks {
    padding-top: 1em;
}
#recent {
    clear: both;
}
#move_topic dl {
    margin-bottom: 0;
}
#move_topic dl.settings dt {
    width: 40%;
}
#move_topic dl.settings dd {
    width: 59%;
}
.move_topic {
    margin: auto;
    text-align: left;
    width: 710px;
}
div.move_topic fieldset {
    padding: 0.5em;
}
fieldset.send_topic {
    border: medium none;
    padding: 0.5em;
}
dl.send_topic {
    margin-bottom: 0;
}
dl.send_mail dt {
    width: 35%;
}
dl.send_mail dd {
    width: 64%;
}
#report_topic dl {
    margin-bottom: 0;
}
#report_topic dl.settings dt {
    width: 20%;
}
#report_topic dl.settings dd {
    width: 79%;
}
div#selected, div#not_selected {
    width: 49%;
}
ul.split_messages li.windowbg, ul.split_messages li.windowbg2 {
    margin: 1px;
}
ul.split_messages li a.split_icon {
    padding: 0 0.5em;
}
ul.split_messages div.post {
    border-top: 1px solid #7A552F;
    padding: 1em 0 0;
}
ul.merge_topics li {
    list-style-type: none;
}
dl.merge_topic dt {
    width: 25%;
}
dl.merge_topic dd {
    width: 74%;
}
fieldset.merge_options {
    clear: both;
}
.custom_subject {
    margin: 0.5em 0;
}
.login {
    margin: 0 auto;
    width: 540px;
}
.login dl {
    clear: right;
    overflow: auto;
}
.login dt, .login dd {
    margin: 0 0 0.4em;
    padding: 0.1em;
    width: 44%;
}
.login dt {
    clear: both;
    float: left;
    font-weight: bold;
    text-align: right;
}
.login dd {
    float: right;
    text-align: left;
    width: 54%;
}
.login p {
    text-align: center;
}
.register_error {
    margin: 0 1ex 1ex;
    padding: 5px;
}
.register_error span {
    text-decoration: underline;
}
dl.register_form {
    clear: right;
    margin: 0;
}
dl.register_form dt {
    clear: both;
    float: left;
    font-weight: normal;
    margin: 0.5em 0 0;
    width: 50%;
}
dl.register_form dt strong {
    font-weight: bold;
}
dl.register_form dt span {
    display: block;
}
dl.register_form dd {
    float: left;
    margin: 0.5em 0 0;
    width: 49%;
}
#confirm_buttons {
    padding: 1em 0;
    text-align: center;
}
.coppa_contact {
    background-color: #FFFFFF;
    border: 1px solid #7A552F;
    color: #000000;
    margin-left: 5ex;
    padding: 4px;
    width: 32ex;
}
.valid_input {
    background-color: #F5FFF0;
}
.invalid_input {
    background-color: #FFF0F0;
}
#maintenance_mode {
    min-width: 520px;
    text-align: left;
    width: 75%;
}
#maintenance_mode img.floatleft {
    margin-right: 1em;
}
h3.titlebg img {
    margin-right: 0.5em;
    margin-top: -1px;
    vertical-align: middle;
}
tr.titlebg td {
    padding-left: 0.7em;
}
#admin_menu {
    min-height: 2em;
    padding-left: 0;
}
#admin_content {
    clear: left;
    padding-top: 0.5em;
}
#admin_content .custom_field {
    margin-bottom: 15px;
}
#admin_login .centertext {
    padding: 1em;
}
#admin_login .centertext .error {
    padding: 0 0 1em;
}
.left_admmenu, .left_admmenu ul, .left_admmenu li {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#left_admsection {
    float: left;
    padding-right: 10px;
    width: 160px;
}
.adm_section h4.titlebg {
    font-size: 95%;
    margin-bottom: 5px;
}
#adm_container {
    border-bottom: 1px solid #7A552F;
    margin-bottom: 5px;
}
.left_admmenu li {
    padding: 0 0 0 0.5em;
}
.left_admmenu {
    margin-bottom: 0.5em;
}
#main_admsection {
    margin-left: 172px;
    overflow: hidden;
}
tr.windowbg td, tr.windowbg2 td, tr.approvebg td, tr.highlight2 td {
    border: 1px solid #7A552F;
    padding: 0.3em 0.7em;
}
#credits p {
    font-style: italic;
    margin: 0;
    padding: 0;
}
.topic_table table {
    width: 100%;
}
.topic_table .icon1, .topic_table .icon2, .topic_table .stats {
    text-align: center;
}
#topic_icons {
    margin: 1em 0 0;
}
#topic_icons .description {
    margin: 0;
}
.topic_table table thead {
    border-bottom: 1px solid #7A552F;
}
.topic_table td {
    font-size: 1em;
}
.topic_table td.subject p, .topic_table td.stats {
    font-size: 0.85em;
    margin: 0;
    padding: 0;
}
.topic_table td.lastpost {
    font-size: 0.85em;
    line-height: 1.3em;
    padding: 4px;
}
.topic_table td.stickybg2 {
    background-image: url("../images/icons/quick_sticky.gif");
    background-position: 98% 4px;
    background-repeat: no-repeat;
}
.topic_table td.lockedbg2 {
    background-image: url("../images/icons/quick_lock.gif");
    background-position: 98% 4px;
    background-repeat: no-repeat;
}
.topic_table td.locked_sticky2 {
    background-image: url("../images/icons/quick_sticky_lock.gif");
    background-position: 98% 4px;
    background-repeat: no-repeat;
}
.topic_table td.lastpost {
    background-image: none;
}
#fatal_error {
    margin: auto;
    width: 80%;
}
.errorbox {
    background-color: #FFE4E9;
    border: 1px solid #7A552F;
    color: #000000;
    margin-bottom: 1em;
    padding: 1em;
}
.errorbox h3 {
    font-size: 1.1em;
    margin: 0;
    padding: 0;
    text-decoration: underline;
}
.errorbox p {
    margin: 1em 0 0;
}
.errorbox p.alert {
    float: left;
    font-size: 1.5em;
    margin: 0;
    padding: 0;
    width: 1em;
}
dl {
    margin: 0;
    overflow: auto;
    padding: 0;
}
#basicinfo {
    float: left;
    width: 20%;
}
#basicinfo .windowbg .content {
    padding-left: 20px;
}
#detailedinfo {
    float: right;
    width: 79.5%;
}
#basicinfo h4 {
    font-size: 135%;
    font-weight: 100;
    line-height: 105%;
    overflow: hidden;
    white-space: pre-wrap;
}
#basicinfo h4 span.position {
    display: block;
    font-size: 80%;
    font-weight: 100;
}
#basicinfo img.avatar {
    display: block;
    margin: 10px 0 0;
}
#basicinfo ul {
    list-style-type: none;
    margin: 10px 0 0;
}
#basicinfo ul li {
    display: block;
    float: left;
    height: 20px;
    margin-right: 5px;
}
#basicinfo span#userstatus {
    clear: both;
    display: block;
}
#basicinfo span#userstatus img {
    vertical-align: middle;
}
#detailedinfo div.content dl, #tracking div.content dl {
    border-bottom: 1px solid #7A552F;
    clear: right;
    margin: 0 0 18px;
    overflow: auto;
    padding: 0 0 15px;
}
#detailedinfo div.content dt, #tracking div.content dt {
    clear: both;
    float: left;
    font-weight: bold;
    margin: 0 0 3px;
    padding: 0;
    width: 35%;
}
#detailedinfo div.content dd, #tracking div.content dd {
    float: left;
    margin: 0 0 3px;
    padding: 0;
    width: 65%;
}
#detailedinfo div.content dl.noborder {
    border-bottom: 0 none;
}
#detailedinfo div.content dt.clear {
    width: 100%;
}
.signature, .custom_fields_above_signature {
    border-top: 1px solid #7A552F;
}
.signature h5 {
    font-size: 0.85em;
    margin-bottom: 10px;
}
#personal_picture {
    display: block;
    margin-bottom: 0.3em;
}
#avatar_server_stored div {
    float: left;
}
#main_admsection #basicinfo, #main_admsection #detailedinfo {
    width: 100%;
}

mashby

#7
July 22, 2012, 02:30:20 PM
In this file:
http://www.flamingolandrentals-forum.co.uk/Themes/epic_2_0/css/index.css?fin20
Find:
Code Select
#topic_icons {
margin: 1em 0 0;
}
Make it be:
Code Select
#topic_icons {
margin: 0;
}I think you could just remove it too.

I cannot see the Send button due to needing an account on your site. Mind setting up one that can send a topic and PMing me the login details for that account?
Always be a little kinder than necessary.
- James M. Barrie

mashby

#8
July 22, 2012, 02:45:49 PM
While you're in there, add this to body:
Code Select
    font: 78%/130% "Arial","Verdana","Helvetica",sans-serif;
I took a look at the CSS for Epic and that was on that line.
Always be a little kinder than necessary.
- James M. Barrie

designer2012

#9
July 22, 2012, 04:11:36 PM
Hi

Thanks :)  but changing it to

#topic_icons {
    margin: 0;
}

Didn't fix the alignment problem



I would be happy to set you up an account so you can check the submit button, but do you know how to turn off email password on registration? I have read the forums and they say that it is an option under Registration>Settings but it doesn't mention anything about password, only send welcome email which is turned off.

For now I have uploaded a pic



mashby

#10
July 22, 2012, 04:18:48 PM
I guess I'm not clear on what you mean by alignment problem? Does the text beside each icon need to be pushed down a little? I used the Send the Topic function on this topic here and the Send button is indeed over on the right.
Always be a little kinder than necessary.
- James M. Barrie

designer2012

#11
July 22, 2012, 05:20:49 PM
Hi

Yes I want to push the text down a bit, so it lines up with the icons better.

Sorry my mistake, I mean't right not left, I would like the submit button to be in the center as opposed to way over to the right.

Antechinus

#12
July 22, 2012, 06:49:21 PM
Set the images to vertical-align: middle;

designer2012

#13
July 22, 2012, 09:01:08 PM
Do you mean like this?

#topic_icons {
    margin: 0;
vertical-align: middle;
}

?

mashby

#14
July 22, 2012, 09:11:10 PM
I think it's more like this:
Code Select
#topic_icons .description .smalltext img { vertical-align:middle; }
Always be a little kinder than necessary.
- James M. Barrie

Antechinus

#15
July 22, 2012, 09:11:52 PM
#topic_icons p img { etc :)

ETA: Well there are several ways you could write it.

designer2012

#16
July 22, 2012, 09:30:42 PM
Thanks :)

That is better, not perfect but when I change the icons it will look better, any ideas on the submit button?

Antechinus

#17
July 22, 2012, 09:45:33 PM
If that doesn't sort it, you can add top margins or paddings to the icons instead. You can even use negative margins if necessary. Be aware though that icon size relative to text size may mean that you can't get a perfect result.

For the submit, float it left instead of right, and use a left margin on it that matches the form above. That would be in % of screen width.

designer2012

#18
July 22, 2012, 10:42:40 PM
Thanks, that did the trick :)

Just one last thing, mashby you said to add this
font: 78%/130% "Arial","Verdana","Helvetica",sans-serif;

Where in the current css should I add it?

thanks again for being so helpful :)

mashby

#19
July 22, 2012, 10:47:32 PM
Add it in here (it's very near the top):
Code Select
body {
background: url("../images/id/abgg.png") repeat-x scroll 0 0 #F6F3DA;
padding: 0 1%;
}So, like this:
Code Select
body {
background: url("../images/id/abgg.png") repeat-x scroll 0 0 #F6F3DA;
padding: 0 1%;
font: 78%/130% "Arial","Verdana","Helvetica",sans-serif;
}The 78% was from the original. You can tinker with that to make stuff be larger or smaller (larger might be better).
Always be a little kinder than necessary.
- James M. Barrie

designer2012

#20
July 22, 2012, 11:41:27 PM
All good now :) I agree larger so I made it 92%.

I'll mark as resolved

Again thank you  :)
Print
Go Up Pages1 2 All
User actions
Advertisement: