Всем привет, столкнулся с проблемой шаблона, не могу понять как установить свой шаблон!(
Есть 3 папки в которых лежат html код и изображения: сss(index.css, index1.css), icon(изображения), images(тоже изображения) и 2 файла с html кодом: форма входа.txt, шаб.txt.
Подскажите ПОЖАЙЛУСТА ОПЫТНЫЕ пользователи, как установить шаблон, и куда это всё девать!
Расчитываю на вашу помощь, очень СРОЧНО!
Зарание всем спасибо!
Help! Срочно
Сообщений 1 страница 10 из 10
Поделиться1Вт, 30 Июл 2013 23:35:33
Поделиться2Вт, 30 Июл 2013 23:47:32
golden116
Походу Вы ткнулись не на свою ТП ... ибо тут все фичи предоставлены бесплатным движком...
А вам наверно нужно искать русскоязычную поддержку .mybb.com
Поделиться3Вт, 30 Июл 2013 23:51:03
Простите, но ничего не понял из выше сказанного.
Помогите разобраться, куда эти файлы заливать..
Отредактировано golden116 (Вт, 30 Июл 2013 23:56:44)
Поделиться4Ср, 31 Июл 2013 00:30:48
golden116
Здесь сервис готовых бесплатных форумов, а не поддержка движка mybb.com
Если Вы отсюда - дайте ссылку на форум
Отредактировано Deff (Ср, 31 Июл 2013 00:31:34)
Поделиться5Ср, 31 Июл 2013 21:59:15
Отредактировано golden116 (Сб, 3 Авг 2013 18:06:04)
Поделиться6Сб, 3 Авг 2013 18:40:22
golden116
Ни наю - откуда коды - типично коды в Администрирование - Свой Стиль,
в Первое Окно стиля и во второе окно стиля
Сам шаблон форума - не меняется
Посмотрите готовые стили тут => http://forumdts.org/viewforum.php?id=97
Есть оч. неплохие, к примеру http://forumdts.org/viewtopic.php?id=4397
Поделиться7Сб, 3 Авг 2013 18:45:06
Можете попробовать там же попросить помощи по адаптации Вашего шаблона в новый стиль, хотя сложно сказать как там с загрузкой, нужны эскизы и папка с картинками
Выложите для интереса тут файл index.css и файл HTML ( в BB тегах код -> [code][/code]
Поделиться8Вс, 4 Авг 2013 01:12:49
index.css
/* Styles for the general looks for the Curve theme. ------------------------------------------------------- */ /* Normal, standard links. */ a:link, a:visited { color: #ceb54b; text-decoration: none; } a:hover { text-decoration: underline; } /* Tables should show empty cells. */ table { empty-cells: show; } /* Set a fontsize that will look the same in all browsers. */ body { background: #101010 url(../images/body_bg.jpg) 50% 0 no-repeat; background-attachment: fixed; font: 12px/130% Arial, Helvetica, sans-serif; margin: 0; padding: 0; } /* Help popups require a different styling of the body element. */ body#help_popup { padding: 1em; } /* use dark grey for the text, leaving black for headers etc */ body, td, th, tr { color: #aaa; } /* This division wraps the entire forum when a forum width is set. */ #wrapper { width: 990px; margin: 0 auto; } /* lets give all forms zero padding/margins */ form { padding: 0; margin: 0; } /* We can style the different types of input buttons to be uniform thoughout different browsers and their colour themes. .button_submit - covers input[type=submit], input[type=button], button[type=submit] and button[type=button] in all browsers .button_reset - covers input[type=reset] and button[type=reset] thoughout all browsers .input_check - covers input[type=checkbox] thoughout all browsers .input_radio - covers input[type=radio] thoughout all browsers .input_text - covers input[type=text] thoughout all browsers .input_file - covers input[type=file] thoughout all browsers */ input, button, select, textarea { font: 95%/115% Arial, Helvetica, sans-serif; color: #000000; background: #fff; border: 1px solid #7f9db9; padding: 2px; } /* Select elements look horrible with the extra padding, so leave them unpadded. */ select { padding: 0; } /* Add some padding to the options instead. */ select option { padding: 1px; } /* The font size of textareas should be just a little bit larger. */ textarea { font: 100%/130% Arial, Helvetica, sans-serif; } /* Buttons should be styled a bit differently, in order to make them look more button'ish. */ .button_submit, .button_reset { background: #cde7ff url(../images/submit_bg.png) no-repeat; border: 1px solid #202020; cursor: pointer; font-weight: normal; } input:hover, textarea:hover, button:hover, select:hover { border: solid 1px #202020; } .button_submit:hover, .button_reset:hover { border: 1px solid #202020; background: url(../images/submit_bg.png) no-repeat 0 -218px #cde7ff; } input:focus, textarea:focus, button:focus, select:focus { border: solid 1px #454545; } /* All input elements that are checkboxes or radio buttons shouldn't have a border around them. */ input.input_check, input.input_radio { border: none; background: none; } /* Standard horizontal rule.. ([hr], etc.) */ hr, .hrcolor { height: 1px; border: 0; color: #444; background-color: #454545; } /* By default set the color on these tags as black. */ h1, h2, h3, h4, h5, h6 { color: white; font-size: 1em; margin: 0; padding: 0; } /* Fieldsets are used to group elements. */ fieldset { border: groove #fff 2px; padding: 1em; margin: 0 0 0.3em 0; } /* No image should have a border when linked. */ a img { border: 0; } /* Define strong as bold, and em as italics */ strong { font-weight: bold; } em { font-style: italic; } /* Alternative for u tag */ .underline { text-decoration: underline; } /* Common classes to easy styling. ------------------------------------------------------- */ .floatright, .align_right { float: right; } .floatleft, .align_left { float: left; } .flow_auto { overflow: auto; } .flow_hidden { overflow: hidden; } .clear { clear: both; } .clear_left { clear: left; } .clear_right { clear: right; } /* Default font sizes: small (8pt), normal (10pt), and large (14pt). */ .smalltext, tr.smalltext th { font-size: 11px; } .middletext { font-size: 95%; line-height: 1em; } .normaltext { font-size: 16px; line-height: 1.2em; } .largetext { font-size: 18px; } .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; } /* some common padding styles */ .padding { padding: 0.7em; } .main_section, .lower_padding { padding-bottom: 0.5em; } /* a quick reset list class. */ ul.reset, ul.reset li { padding: 0; margin: 0; list-style: none; } /* Some BBC related styles. ------------------------------------------------------- */ /* A quote, perhaps from another post. */ .quoteheader { color: #777; } .codeheader, .quoteheader { font-size: 0.9em; font-weight: bold; padding-left: 5px; } blockquote, blockquote blockquote blockquote { font-size: 0.9em; color: #999; line-height: 1.4em; background: url(../images/quote.png) 2px 2px no-repeat #333; border-top: 1px solid #886f0b; border-left: solid 4px #886f0b; padding: 1em 1em 1em 2em; margin: 0.3em 0 0 0; } blockquote blockquote { background: #333; } /* A code block - maybe even PHP ;). */ code { display: block; font-family: "courier new", "times new roman", monospace; font-size: x-small; background: #333; border-top: 1px solid #886f0b; border-left: solid 4px #886f0b; line-height: 1.3em; padding: 3px 1em; overflow: auto; white-space: pre; /* Stop after about 24 lines, and just show a scrollbar. */ max-height: 24em; } /* For links to change the code stuff... */ .codeoperation { font-weight: normal; } /* Styling for BBC tags */ .bbc_size { line-height: 1.4em; } .bbc_color a { color: inherit; } .bbc_img { border: 0; } .bbc_table { font: inherit; color: inherit; } .bbc_table td { font: inherit; color: inherit; vertical-align: top; } .bbc_u { text-decoration: underline; } /* Generally, those [?] icons. This makes your cursor a help icon. */ .help { cursor: help; } /* /me uses this a lot. (emote, try typing /me in a post.) */ .meaction { color: red; } /* The main post box - this makes it as wide as possible. */ .editor { width: 96%; } /* Highlighted text - such as search results. */ .highlight { background-color: yellow; font-weight: bold; color: black; } /* A more discreet highlight color, for selected membergroups etc. */ .highlight2 { background-color: #B3F4B0; color: black; } /* Generic, mostly colour-related, classes. ------------------------------------------------------- */ .titlebg, .titlebg2, thead tr.titlebg th, tr.titlebg td, tr.titlebg2 td { color: #7c7c7c; font-family: arial, helvetica, sans-serif; font-size: 1em; font-weight: bold; background: url(../images/main_block.png) no-repeat -10px -120px; } .catbg, .catbg2, tr.catbg td, tr.catbg2 td, tr.catbg th, tr.catbg2 th { color: #ddd; font-family: arial, helvetica, sans-serif; font-size: 1em; font-weight: bold; background: url(../images/main_block.png) no-repeat -10px -160px; } /* adjust the table versions of headers */ tr.titlebg td, tr.titlebg2 td { padding: 6px; } tr.catbg td, tr.catbg2 td, td.catbg, td.catbg2, tr.catbg th, tr.catbg2 th, th.catbg, th.catbg2 { padding: 6px; } tr.titlebg td a, tr.titlebg2 td a { color: #7c7c7c; } tr.catbg td a, tr.catbg2 td a, .catbg a { color: #ddd; } tr.catbg th.smalltext { font-size: 0.9em; } tr.titlebg th.smalltext, thead tr.titlebg th a:link, thead tr.titlebg th a:visited { color: #7c7c7c; font-size: 0.95em; } /* Alternating backgrounds for posts, and several other sections of the forum. */ .windowbg, #preview_body { background-color: #202020; } .windowbg2 { background-color: #242424; } .windowbg3 { background-color: #282828; } /* the page navigation area */ .pagesection { font-size: 0.9em; padding: 0 0 0.2em 0; overflow: hidden; margin-bottom: 1px; } div.pagesection div.floatright input { margin-top: 3px; } .pagelinks { padding: 0.6em 0 0.4em 0; } /* GenericList */ .additional_row { float: right; padding: 0.5em 0 0.5em 2em; } .additional_row input { margin-left: 1em; } table.table_grid thead tr.catbg th.smalltext { white-space: nowrap; } /* Colors for background of posts requiring approval */ .approvebg { color: #000000; background-color: #ffeaea; } .approvebg2 { color: #000000; background-color: #fff2f2; } /* Color for background of *topics* requiring approval */ .approvetbg { color: #000000; background-color: #e4a17c; } .approvetbg2 { color: #000000; background-color: #f3bd9f; } /* Sticky topics get a different background */ .stickybg { background: #202020; } .stickybg2 { background: #202020; } /* Locked posts get a different shade, too! */ .lockedbg { background: #202020; font-style: italic; } .lockedbg2 { background: #202020; font-style: italic; } /* Posts and personal messages displayed throughout the forum. */ .post, .personalmessage { overflow: auto; line-height: 1.4em; padding: 0.1em 0; } /* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ .signature, .attachments { width: 98%; overflow: auto; clear: right; padding: 1em 0 3px 0; border-top: solid 1px #aaa; line-height: 1.4em; font-size: 0.85em; } .custom_fields_above_signature { width: 98%; clear: right; padding: 1em 0 3px 0; border-top: solid 1px #aaa; line-height: 1.4em; font-size: 0.85em; } /* Sometimes there will be an error when you post */ .error { color: red; } /* Messages that somehow need to attract the attention. */ .alert { color: red; } /* Calendar colors for birthdays, events and holidays */ .birthday { color: #920AC4; } .event { color: #078907; } .holiday { color: #000080; } /* Colors for warnings */ .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: white url(../images/openid.gif) no-repeat; padding-left: 18px; } /* a descriptive style */ .description, .plainbox { padding: 0.5em 1em 1em 1em; font-size: 0.9em; line-height: 1.4em; border: solid 3px #262626; background: #1a1a1a; margin: 0 0 1em 0; } /* an informative style */ .information { padding: 0.5em 1em 1em 1em; font-size: 0.9em; line-height: 1.3em; border: solid 1px #886f0b; background: #6a5e25; margin: 0.3em 0 1em 0; } .information p { padding: 1em; margin: 0; } /* AJAX notification bar ------------------------------------------------------- */ #ajax_in_progress { background: url(../images/loadingbar.png) repeat-x; color: #F96F00; text-align: center; font-size: 16pt; padding: 8px; width: 100%; height: 66px; line-height: 25px; position: fixed; top: 0; left: 0; } #ajax_in_progress a { color: orange; text-decoration: underline; font-size: smaller; float: right; margin-right: 20px; } /* a general table class */ table.table_grid { border-collapse: collapse; } table.table_grid td { padding: 5px; border-bottom: solid 1px #1a1a1a; border-right: solid 1px #1a1a1a; } /* Lists with settings use these a lot. ------------------------------------------------------- */ dl.settings { clear: right; overflow: auto; margin: 0 0 10px 0; padding: 0; } dl.settings dt { width: 48%; float: left; margin: 0 0 10px 0; padding: 0; clear: both; } dl.settings dt.settings_title { width: 100%; float: none; margin: 0 0 10px 0; padding: 5px 0 0 0; font-weight: bold; clear: both; } dl.settings dt.windowbg { width: 98%; float: left; margin: 0 0 3px 0; padding: 0 0 5px 0; clear: both; } dl.settings dd { width: 48%; float: left; margin: 0 0 3px 0; padding: 0; } dl.settings img { margin: 0 10px 0 0; } /* help icons */ dl.settings dt a img { position: relative; top: 2px; } /* Styles for rounded headers. ------------------------------------------------------- */ h3.catbg, h3.catbg2, h3.titlebg, h4.titlebg, h4.catbg, .table_list tbody.header td { overflow: hidden; height: 34px; line-height: 35px; font-size: 12px; text-transform: uppercase; font-weight: bold; } h3.catbg a, h3.catbg, .table_list tbody.header td, .table_list tbody.header td a { color: #ddd; } h3.catbg2 a, h3.catbg2 { color: #feb; } h3.catbg a:hover, .table_list tbody.header td a:hover { } h3.catbg2 a:hover { color: #fff; text-decoration: none; } h3.titlebg a, h3.titlebg, h4.titlebg, h4.titlebg a { color: #7c7c7c; } h3.titlebg a:hover, h4.titlebg a:hover { text-decoration: underline; } h3.catbg img.icon, h4.titlebg img.icon { vertical-align: middle; margin: -2px 5px 0 0; } h4.catbg span.left, h4.catbg2 span.left, h3.catbg span.left, h3.catbg2 span.left, .table_list tbody.header td span.left { float: left; display: block; width: 9px; height: 31px; background: url(../images/main_block.png) no-repeat 0 -160px; } h4.catbg, h4.catbg2 , h3.catbg , h3.catbg2 , .table_list tbody.header td.catbg { background: url(../images/main_block.png) no-repeat 100% -160px; padding-right: 9px; } h4.titlebg span.left, h3.titlebg span.left { float: left; display: block; width: 9px; height: 31px; background: url(../images/main_block.png) no-repeat 0 -200px; } h4.titlebg, h3.titlebg { background: url(../images/main_block.png) no-repeat 100% -200px; padding-right: 9px; } h4.titlebg img.icon { float: left; margin: 5px 8px 0 0; } /* rounded bars needs a different background here */ #upshrinkHeaderIC h3.catbg span.left, #upshrinkHeaderIC h3.catbg2 span.left { background: url(../images/main_block.png) no-repeat 0 -160px; } #upshrinkHeaderIC h3.catbg, #upshrinkHeaderIC h3.catbg2 { background: url(../images/main_block.png) no-repeat 100% -160px; } #upshrinkHeaderIC h4.titlebg span.left { background: url(../images/main_block.png) no-repeat 0 -120px; } #upshrinkHeaderIC h4.titlebg { background: url(../images/main_block.png) no-repeat 100% -120px; } #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; } /* The half-round header bars for some tables. */ .table_grid thead th { height: 28px; color: white; font-family: arial, helvetica, sans-serif; font-size: 1em; font-weight: bold; background: url(../images/main_block.png) no-repeat -10px -160px; } .table_grid thead th a:link, .table_grid thead th a:visited { color: white; } .table_grid th.first_th { background: url(../images/main_block.png) no-repeat 0 -160px; } .table_grid th.last_th { background: url(../images/main_block.png) no-repeat 100% -160px; } /* Common styles used to add corners to divisions. ------------------------------------------------------- */ .windowbg span.topslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 -30px no-repeat; } .windowbg span.topslice span { display: block; background: url(../images/main_block.png) 100% -30px no-repeat; height: 11px; } .windowbg span.botslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 -40px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg span.botslice span { display: block; background: url(../images/main_block.png) 100% -40px no-repeat; height: 11px; } .windowbg2 span.topslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 -60px no-repeat; } .windowbg2 span.topslice span { display: block; background: url(../images/main_block.png) 100% -60px no-repeat; height: 11px; } .windowbg2 span.botslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 -71px no-repeat; font-size: 5px; line-height: 5px; margin-bottom: 0.2em; } .windowbg2 span.botslice span { display: block; background: url(../images/main_block.png) 100% -71px no-repeat; height: 11px; } .approvebg span.topslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 0 no-repeat; } .approvebg span.topslice span { display: block; background: url(../images/main_block.png) 100% 0 no-repeat; height: 11px; } .approvebg span.botslice { display: block; padding-left: 20px; background: url(../images/main_block.png) 0 -11px no-repeat; margin-bottom: 0.2em; } .approvebg span.botslice span { display: block; background: url(../images/main_block.png) 100% -11px no-repeat; height: 11px; } .postbg { border-left: 1px solid #7F7F7F; border-right: 1px solid #7F7F7F;} /* Used for sections that need somewhat larger corners. ----------------------------------------------------------- */ .roundframe { padding: 0 10px; background: #1e1e1e; border-left: 1px solid #101010; border-right: 1px solid #101010; } .roundframe dl, .roundframe dt, .roundframe p { margin: 0; } .roundframe p { padding: 0.5em; } span.upperframe { padding: 0; display: block; background: url(../images/main_block.png) 0 -90px no-repeat; padding-left: 20px; } span.upperframe span { padding: 0; height: 12px; display: block; background: url(../images/main_block.png) 100% -90px no-repeat; } span.lowerframe { padding: 0; display: block; background: url(../images/main_block.png) 0 -102px no-repeat; padding-left: 20px; } span.lowerframe span { padding: 0; height: 12px; display: block; background: url(../images/main_block.png) 100% -102px no-repeat; } /* The main content area. ------------------------------------------------------- */ .content { padding: 1em 1.5em; margin: 0; border: none; } .content p { margin: 0 0 0.5em 0; } /* Styles used by the auto suggest control. ------------------------------------------------------- */ .auto_suggest_div { border: 1px solid black; position: absolute; visibility: hidden; } .auto_suggest_item { background-color: #DDDDDD; } .auto_suggest_item_hover { background-color: #888888; cursor: pointer; color: #EEEEEE; } /* Styles for the standard dropdown menus. ------------------------------------------------------- */ #main_menu { padding: 0 0 0 0.5em; float: left; margin: 0; width: 98%; } .dropmenu, .dropmenu ul { list-style: none; line-height: 1em; padding: 0; margin: 0; } .dropmenu { padding: 0 0.5em; } .dropmenu a { display: block; color: #ababab; text-decoration: none; text-transform: uppercase; } .dropmenu a span { display: block; padding: 0 0 0 5px; font-size: 0.8em; } /* the backgrounds first level only*/ .dropmenu li a.firstlevel { margin-right: 8px; } .dropmenu li a.firstlevel span.firstlevel { display: block; position: relative; left: -5px; padding-left: 5px; height: 22px; line-height: 23px; } .dropmenu li { float: left; padding: 0; margin: 0; position: relative; } .dropmenu li ul { z-index: 90; display: none; position: absolute; width: 19.2em; font-weight: normal; border-bottom: solid 1px #2f2f2f; background: url(../images/menu_gfx.png) 0 -100px no-repeat; padding: 7px 0 0 0; } .dropmenu li li { width: 19em; margin: 0; border-left: solid 1px #2f2f2f; border-right: solid 1px #2f2f2f; } .dropmenu li li a span { display: block; padding: 8px; } .dropmenu li ul ul { margin: -1.8em 0 0 13em; } /* the active button */ .dropmenu li a.active { background: url(../images/menu_gfx.png) no-repeat 100% 0; color: #ffffff; font-weight: bold; } .dropmenu li a.active span.firstlevel { background: url(../images/menu_gfx.png) no-repeat 0 0; } /* the hover effects */ .dropmenu li a.firstlevel:hover { background: url(../images/menu_gfx.png) no-repeat 100% -30px; color: #ffffff; cursor: pointer; text-decoration: none; } .dropmenu li a.firstlevel:hover span.firstlevel { background: url(../images/menu_gfx.png) no-repeat 0 -30px; } /* the hover effects on level2 and 3*/ .dropmenu li li a:hover { background: #222; color: #fff; 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: #242424; } /* The dropdown menu toggle image */ #menu_toggle { float: right; margin-right: 10px; padding-top: 3px; } #menu_toggle span { position: relative; right: 5000px; } /* Styles for the standard button lists. ------------------------------------------------------- */ .buttonlist ul { z-index: 100; padding: 5px; margin: 0 0.2em 0 0; } .buttonlist ul li { margin: 0; padding: 0; list-style: none; float: left; } .buttonlist ul li a { display: block; font-size: 0.8em; color: #bcbcbc; background: url(../images/menu_gfx.png) no-repeat 0 -60px; padding: 0; margin-left: 12px; text-transform: uppercase; cursor: pointer; } .buttonlist ul li a:hover { background: url(../images/menu_gfx.png) no-repeat 0 0; color: #fff; text-decoration: none; } .buttonlist ul li a span { background: url(../images/menu_gfx.png) no-repeat 100% -60px; display: block; height: 24px; line-height: 24px; padding: 0 8px 0 0; position: relative; right: -8px; } .buttonlist ul li a:hover span { background: url(../images/menu_gfx.png) no-repeat 100% 0; } /* the active one */ .buttonlist ul li a.active { background: url(../images/menu_gfx.png) no-repeat 0 -30px; color: white; font-weight: bold; } .buttonlist ul li a.active span { background: url(../images/menu_gfx.png) no-repeat 100% -30px; } .buttonlist ul li a.active { font-weight: bold; } .buttonlist ul li a.active:hover { color: #ddf; } .align_top ul li a, .align_bottom ul li a { margin: 0 12px 0 0; } /* the navigation list */ ul#navigation { margin: 0; font-size: 0.9em; padding: 1em 0.4em; } ul#navigation li { float: none; font-size: 0.95em; display: inline; } #adm_submenus { padding-left: 2em; } #adm_submenus, #adm_submenus ul { height: 3em; overflow: auto; } /* the main title, always stay at 45 pixels in height! */ h1.forumtitle { line-height: 45px; font-size: 1.8em; font-family: Geneva, verdana, sans-serif; margin: 0; padding: 0; float: left; } /* float these items to the right */ #siteslogan, img#smflogo { margin: 0; padding: 0; float: right; line-height: 3em; } h3, h4 { padding-bottom: 3px; } /* the upshrink image needs some tweaking */ img#upshrink { float: right; margin: 1em; } /* ..so does the SMF logo */ img#smflogo { margin-left: 1em; } /* the upper_section, float the two each way */ #upper_section { padding: 5px; margin-bottom: 1.5em; } #upper_section ul li.greeting { font-size: 1.3em; font-weight: bold; line-height: 1.5em; } #upper_section div.news { width: 50%; float: right; text-align: right; } #guest_form .info { padding: 4px 0 ; } div#upper_section div.user { width: 50%; float: left; overflow: auto; } 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; } /* clearing the floats */ #top_section { min-height: 65px; overflow: hidden; margin-bottom: 3px; } #upper_section { overflow: hidden; } /* the navigation list */ .navigate_section { overflow: hidden; margin: 0; padding: 0; } .navigate_section ul { display: block; margin: 0; font-size: 0.9em; padding: 1em 0.7em; } .navigate_section ul li { display: inline; font-size: 1em; font-weight: bold; } select.qaction, input.qaction { font-size: 0.7em; padding: 0; } #mlist table tbody td.windowbg2 { text-align: center; } /* Styles for a typical table. ------------------------------------------------------- */ table.table_list { width: 100%; } table.table_list p { padding: 0; margin: 0; } table.table_list td,table.table_list th { padding: 5px; } table.table_list tbody.header td { padding: 0px; } table.table_list tbody.content td.stats { font-size: 12px; width: 7%; text-align: center; } table.table_list tbody.content td.lastpost { line-height: 1.3em; font-size: 12px; width: 24%; padding: 0.7em; } table.table_list tbody.content td.icon { text-align: center; width: 6%; } /* Styles for the board index. ------------------------------------------------- */ /* the board title! */ .table_list tbody.content td.info a.subject { font-weight: bold; font-size: 110%; color: #ceb54b; } .table_list tbody.content td.children { color: #888; font-size: 85%; } p.moderators { font-size: 0.8em; font-family: verdana, sans-serif; } /* hide the table header/footer parts - but its here for those needing to style it */ #boardindex_table .table_list thead, #boardindex_table .table_list tfoot { display: none; } /* the posting icons */ #posting_icons { padding: 0 1em 0.5em 1em; margin: 0 0 1em 0; line-height: 1em; } #posting_icons ul { font-size: 0.8em; } #posting_icons img { vertical-align: middle; margin: 0 0 0 4ex; } #postbuttons_upper ul li a span { line-height: 19px; padding: 0 0 0 6px; } .nextlinks { text-align: right; margin-top: -1px; } .nextlinks_bottom { clear: right; text-align: right; } .mark_read { padding: 0 0.5em; } /* the newsfader */ #smfFadeScroller { text-align: center; padding: 0 2em; overflow: auto; margin: 1em 0; } /* Styles for the info centre on the board index. ---------------------------------------------------- */ #upshrinkHeaderIC { margin-top: 4px; } dl#ic_recentposts { margin: 0 0 0.5em 0; padding: 0.5em; line-height: 1.3em; } dl#ic_recentposts dt { float: left; } dl#ic_recentposts dd { text-align: right; } #upshrinkHeaderIC p { margin: 0 0 0.5em 0; padding: 0.5em; } #upshrinkHeaderIC p.last { margin: 0; padding: 0.5em; border-top: dotted 2px #444; } #upshrinkHeaderIC p.inline { border: none; margin: 0; padding: 0.2em 0.5em 0.2em 0.5em; } #upshrinkHeaderIC p.stats { font-size: 1.1em; padding-top: 8px; } form#ic_login { padding: 0.5em; height: 2em; } form#ic_login ul li { margin: 0; padding: 0; float: left; width: 20%; text-align: center; } form#ic_login ul li label { display: block; } /*the small stats*/ #index_common_stats { display: block; margin: 0 0 0.5em 0; text-align: right; font-size: 0.9em; position: relative; top: -20px; line-height: 1px; } #upshrinkHeaderIC p.pminfo { margin: 0; padding: 0.5em; } img#upshrink_ic, img#newsupshrink { float: right; margin: 9px 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; } img.new_posts { padding: 0 0.1em; } /* Styles for the message (topic) index. ---------------------------------------------------- */ #messageindex { clear: both; } /* the page navigation area */ #childboards h3 { padding-bottom: 0; } #childboards .table_list thead { display: none; } #childboards .table_list { margin-bottom: 1em; } .lastpost img { float: right; } /* Styles for the display template (topic view). ---------------------------------------------------- */ #postbuttons div.buttons { padding: 0.5em; width: 40%; float: right; } #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; } /* Events */ #edit_event { margin: 0 1em; vertical-align: middle; } /* Poll question */ #poll { overflow: hidden; } h4#pollquestion { padding: 0 0 0.5em 2em; } /* Poll vote options */ #poll_options ul.options { border-top: 1px solid #9999AA; padding: 1em 2.5em 0 2em; margin: 0 0 1em 0; } #poll_options div.submitbutton { border-bottom: 1px solid #9999AA; clear: both; padding: 0 0 1em 2em; margin: 0 0 1em 0; } /* Poll results */ #poll_options dl.options { border: solid #9999AA; border-width: 1px 0; padding: 1em 2.5em 0 2em; margin: 0 1em 1em 0; clear: right; overflow: hidden; } #poll_options dl.options dt { line-height: 1.6em; vertical-align: middle; width: 48%; float: left; clear: both; margin-bottom: 4px; } #poll_options dl.options dt.voted { font-weight: bold; } #poll_options dl.options dd { margin: 0 4px 1em 0; vertical-align: middle; line-height: 1.6em; width: 48%; float: left; } #poll .content { padding: 0 1em; } /* Poll notices */ #poll_options p { margin: 0 1.5em 0.2em 1.5em; padding: 0 0.5em 0.5em 0.5em; } div#pollmoderation { margin: 0; padding: 0; overflow: auto; } /* onto the posts */ #forumposts { clear: both; } /* author and topic informaton */ #forumposts h3 span#author, #forumposts h3 span#top_subject { float: left; } #forumposts h3 span#top_subject { margin: 0 0 0 7.7em; } #forumposts h3 img { float: left; margin: 4px 0.5em 0 0; } #forumposts h3.catbg { margin-bottom: 3px; } p#whoisviewing { margin: 0; padding: 0.5em; } /* poster and postarea + moderation area underneath */ .poster { float: left; width: 15em; } .postarea, .moderatorbar { margin: 0 0 0 16em; } .moderatorbar { clear: right; } /* poster details and list of items */ .poster h4, .poster ul { padding: 0; margin: 0 1em 0 1.5em; } .poster h4 { margin: 0.2em 0 0.4em 1.1em; font-size: 120%; } .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; } .messageicon { float: left; margin: 0 0.5em 0 0; } .messageicon img { padding: 6px 3px; } .keyinfo { float: left; width: 50%; } .modifybutton { clear: right; float: right; margin: 8px 20px 10px 0; text-align: right; } .postarea ul.quickbuttons { clear: right; float: right; text-align: right; font-family: arial, sans-serif; font-weight: bold; font-size: 0.85em; } .postarea ul.quickbuttons a:hover { color: #a70; } /* The quick buttons */ ul.quickbuttons { margin: 0.9em 11px 0 0; } ul.quickbuttons li { float: left; display: inline; margin: 0 0 0 11px; } ul.quickbuttons li a { padding: 0 0 0 20px; display: block; height: 20px; line-height: 18px; float: left; } ul.quickbuttons li.approve_button { background: url(../images/quickbuttons.png) no-repeat 0 -90px; } ul.quickbuttons li.quote_button { background: url(../images/quickbuttons.png) no-repeat 0 0; } ul.quickbuttons li.reply_button { background: url(../images/quickbuttons.png) no-repeat 0 -180px; } ul.quickbuttons li.reply_all_button { background: url(../images/quickbuttons.png) no-repeat 0 -180px; } ul.quickbuttons li.modify_button { background: url(../images/quickbuttons.png) no-repeat 0 -60px; } ul.quickbuttons li.remove_button { background: url(../images/quickbuttons.png) no-repeat 0 -30px; } ul.quickbuttons li.split_button { background: url(../images/quickbuttons.png) no-repeat 0 -150px; } ul.quickbuttons li.restore_button { background: url(../images/quickbuttons.png) no-repeat 0 -120px; } ul.quickbuttons li.inline_mod_check { margin: 0 0 0 5px; } .post { margin-top: 0.5em; clear: right; } .inner { padding: 1em 1em 0 0; margin: 0 1em 0 0; border-top: solid 1px #444; } .inner img.smiley { vertical-align: bottom; } #forumposts .modified { float: left; } #forumposts .reportlinks { margin-right: 1.5em; text-align: right; clear: right; } #forumposts .signature, .post .signature { margin: 1em 0 0 0; } #forumposts span.botslice { clear: both; } .attachments hr { clear: both; margin: 1em 0 1em 0; } .attachments { padding: 1em 0 2em 0; } .attachments div { padding: 0 0.5em; } /* Styles for the quick reply area. ---------------------------------------------------- */ /* The quick-reply area. Horizontal alignments go a bit wonky in IE6 and IE7 but I'm not sure it's worth worrying about. */ #quickReplyOptions .roundframe { text-align: center; padding: 0 10%; } #quickReplyContent { padding: 0.5em 0; } #quickReplyContent form textarea { width: 91%; height: 100px; margin: 0.25em 0 1em 0; } /* The jump to box */ #display_jump_to { clear: both; padding: 5px; margin-top: 2px; } /* Separator of posts. More useful in the print stylesheet. */ #forumposts .post_separator { display: none; } /* Styles for edit post section ---------------------------------------------------- */ #post_header { margin-bottom: 0.5em; border-bottom: 1px solid #CACDD3; padding: 0.5em; overflow: hidden; } #post_header dt { float: left; margin: 0; padding: 0; width: 15%; margin: .3em 0; font-weight: bold; } #post_header dd { float: left; margin: 0; padding: 0; width: 83%; margin: .3em 0; } #post_header img { vertical-align: middle; } ul.post_options { margin: 0 0 0 1em; padding: 0; list-style: none; overflow: hidden; } ul.post_options li { margin: 0.2em 0; width: 49%; float: left; } #postAdditionalOptionsHeader { margin-top: 1em; } #postMoreOptions { border-bottom: 1px solid #CACDD3; padding: 0.5em; } #postAttachment, #postAttachment2 { overflow: hidden; margin: .5em 0; padding: 0; border-bottom: 1px solid #CACDD3; padding: 0.5em; } #postAttachment dd, #postAttachment2 dd { margin: .3em 0 .3em 1em; } #postAttachment dt, #postAttachment2 dt { font-weight: bold; } #postAttachment3 { margin-left: 1em; } #post_confirm_strip, #shortcuts { padding: 1em 0 0 0; } .post_verification { margin-top: .5em; } .post_verification #verification_control { margin: .3em 0 .3em 1em; } /* the BBC buttons */ #bbcBox_message { margin-bottom: 2px; } #bbcBox_message div { margin: 0.3em 0 1em 0; line-height: 1.2em; height: 1.2em; vertical-align: top; } #bbcBox_message div img { margin: 0 1px 0 0; vertical-align: top; } #bbcBox_message select { margin: 0 2px } /* Styles for edit event section ---------------------------------------------------- */ #post_event fieldset { margin-bottom: 0.5em; border: none; border-bottom: 1px solid #666666; padding: 0.5em; clear: both; } #post_event legend { font-weight: bold; color: black; } #post_event div.event_options { width: 49%; float: left; } #post_event ul.event_main, ul.event_options { padding: 0; overflow: hidden; } #post_event ul.event_main li { list-style-type: none; margin: 0.2em 0; width: 49%; float: left; } #post_event ul.event_options { margin: 0; padding: 0 0 .7em .7em; } #post_event ul.event_options li { list-style-type: none; margin: 0.3em 0 0 0; } /* Styles for edit poll section. ---------------------------------------------------- */ #edit_poll fieldset { margin-bottom: 0.5em; border: none; border-bottom: 1px solid #666666; padding: 0.5em; clear: both; } #edit_poll legend { font-weight: bold; color: black; } #edit_poll div.poll_options { width: 49%; float: left; } #edit_poll ul.poll_main, ul.poll_options { overflow: hidden; padding: 0 0 .7em .7em; list-style: none; } #edit_poll ul.poll_main li { margin: 0.2em 0; width: 49%; float: left; } #edit_poll ul.poll_options { margin: 0; } #edit_poll ul.poll_options li { margin: 0.3em 0 0 0; } /* Styles for the recent messages section. ---------------------------------------------------- */ #readbuttons_top .pagelinks,#readbuttons .pagelinks { padding-bottom: 1em; width: 60%; } #readbuttons .pagelinks { padding-top: 1em;; } #recent { clear: both; } /* Styles for the move topic section. ---------------------------------------------------- */ #move_topic dl { margin-bottom: 0; } .move_topic { width: 710px; margin: auto; text-align: left; } div.move_topic fieldset { margin: 0.5em 0; border: 1px solid #cacdd3; padding: 0.5em; } /* Styles for the send topic section. ---------------------------------------------------- */ fieldset.send_topic { margin-bottom: 0.5em; border: none; padding: 0.5em; } dl.send_topic { margin-bottom: 0; } dl.send_mail dt { width: 35%; } dl.send_mail dd { width: 64%; } /* Styles for the split topic section. ---------------------------------------------------- */ #selected, #not_selected { width: 49%; } ul.merge_topics li { list-style-type: none; } dl.merge_topic dt { width: 25%; } dl.merge_topic dd { width: 74%; } fieldset.merge_options { margin-bottom: 0.5em; } fieldset.merge_options legend { font-weight: bold; } .custom_subject { margin: 0.5em 0; } /* Styles for the login areas. ------------------------------------------------------- */ .login { width: 540px; margin: 0 auto; } .login dl { overflow: auto; clear: right; } .login dt, .login dd { margin: 0 0 0.4em 0; width: 44%; padding: 0.1em; } .login dt { float: left; clear: both; text-align: right; font-weight: bold; } .login dd { width: 54%; float: right; text-align: left; } .login p { text-align: center; } /* Styles for the registration section. ------------------------------------------------------- */ .register_error { border: 1px dashed red; padding: 5px; margin: 0 1ex 1ex 1ex; } .register_error span { text-decoration: underline; } /* Additional profile fields */ dl.register_form { margin: 0; clear: right; overflow: auto; } dl.register_form dt { font-weight: normal; float: left; clear: both; width: 50%; margin: 0.5em 0 0 0; } dl.register_form dt strong { font-weight: bold; } dl.register_form dt span { display: block; } dl.register_form dd { float: left; width: 49%; margin: 0.5em 0 0 0; } #confirm_buttons { text-align: center; padding: 1em 0; } .coppa_contact { padding: 4px; width: 32ex; background-color: white; color: black; margin-left: 5ex; border: 1px solid black; } /* Styles for maintenance mode. ------------------------------------------------------- */ #maintenance_mode { width: 75%; min-width: 520px; text-align: left; } #maintenance_mode img.align_left { margin-right: 1em; } /* common for all admin sections */ h3.titlebg img { vertical-align: middle; margin-right: 0.5em; margin-top: -1px; } tr.titlebg td { padding-left: 0.7em; } #admin_menu { min-height: 2em; padding-left: 0; } #admin_content { clear: left; padding-top: 0.5em; } #admin_login .centertext { padding: 1em; } /* Styles for sidebar menus. ------------------------------------------------------- */ #left_admsection h4.catbg span.left, #left_admsection h4.catbg span.right { width: 9px; height: 31px; } .left_admmenu, .left_admmenu ul, .left_admmenu li { padding: 0; margin: 0; list-style: none; } #left_admsection { width: 160px; float: left; padding-right: 10px; } .adm_section h4.titlebg { font-size: 95%; margin-bottom: 5px; } #adm_container { border-bottom: solid 1px #ccc; margin-bottom: 5px; } .left_admmenu li { padding: 0 0 0 0.5em; } .left_admmenu { margin-bottom: 0.5em; } #main_admsection { margin-left: 172px; } tr.windowbg td, tr.windowbg2 td, tr.approvebg td { padding: 0.3em 0.7em; } #credits p { padding: 0; font-style: italic; margin: 0; } /* Styles for generic tables. ------------------------------------------------------- */ .topic_table table { width: 100%; } .topic_table .icon1, .topic_table .icon2, .topic_table .stats { text-align: center; } #topic_icons { margin: 1em 0 0 0; } #topic_icons .description { margin: 0; } .topic_table table thead { border-bottom: solid 1px #1a1a1a; } /* the subject column */ .topic_table td { font-size: 1em; } .topic_table td.subject p, .topic_table td.stats { font-size: 12px; padding: 0; margin: 0; } .topic_table td.lastpost { font-size: 12px; line-height: 1.3em; padding: 6px; } .topic_table td.stickybg2 { background-image: url(../images/icons/quick_sticky.gif); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.lockedbg2 { background-image: url(../images/icons/quick_lock.gif); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.locked_sticky2 { background-image: url(../images/icons/quick_sticky_lock.gif); background-repeat: no-repeat; background-position: 98% 4px; } .topic_table td.lastpost { background-image: none; } /* Styles for (fatal) errors. ------------------------------------------------- */ #fatal_error { width: 80%; margin: auto; } .errorbox { padding: 1em; border: 1px solid #cc3344; color: black; background-color: #ffe4e9; margin-bottom: 1em; } .errorbox h3 { padding: 0; margin: 0; font-size: 1.1em; text-decoration: underline; } .errorbox p { margin: 1em 0 0 0; } .errorbox p.alert { padding: 0; margin: 0; float: left; width: 1em; font-size: 1.5em; } /* Styles for the profile section. ------------------------------------------------- */ dl { overflow: auto; margin: 0; padding: 0; } .profile_error { border: 2px dashed red; padding: 5px; margin: 0 1ex 1ex 1ex; } /* The basic user info on the left */ #basicinfo { width: 20%; float: left; } #detailedinfo { width: 78%; float: right; } #basicinfo h4 { font-size: 135%; font-weight: 100; line-height: 105%; white-space: pre-wrap; overflow: hidden; } #basicinfo h4 span.position { font-size: 80%; font-weight: 100; display: block; } #basicinfo img.avatar { display: block; margin: 10px 0 0 0; } #basicinfo ul { list-style-type: none; margin: 10px 0 0 0; } #basicinfo ul li { display: block; float: left; margin-right: 5px; height: 20px; } #basicinfo span#userstatus { display: block; clear: both; } #basicinfo span#userstatus img { vertical-align: middle; } #detailedinfo div.content dl, #tracking div.content dl { clear: right; overflow: auto; margin: 0 0 18px 0; padding: 0 0 15px 0; border-bottom: 1px #ccc solid; } #detailedinfo div.content dt, #tracking div.content dt { width: 30%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #detailedinfo div.content dd, #tracking div.content dd { width: 70%; float: left; margin: 0 0 3px 0; padding: 0; } #detailedinfo div.content dl.noborder { border-bottom: 0px; } #detailedinfo div.content dt.clear { width: 100%; } .signature, .custom_fields_above_signature { border-top: 1px #444 solid; } .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%; } #main_admsection #basicinfo h4 { float: left; } #main_admsection #basicinfo img.avatar { float: right; vertical-align: top; } #main_admsection #basicinfo ul { clear: left; padding-top: 10px; } #main_admsection #basicinfo span#userstatus { clear: left; } #main_admsection #basicinfo p#infolinks { display: none; clear: both; } #main_admsection #basicinfo .botslice { clear: both; } /* Simple feedback messages */ div#profile_error, div#profile_success { margin: 0 0 1em 0; padding: 1em 2em; border: 1px solid; } div#profile_error { border-color: red; color: red; background: #fee; } div#profile_error span { text-decoration: underline; } div#profile_success { border-color: green; color: green; background: #efe; } #generalstats { float: left; width: 53%; } #activitytime { width: 53%; float: left; clear: left; margin-top: 3px; } #popularposts, #popularactivity { width: 45%; float: right; padding-left: 1%; } #generalstats h4, #popularposts h4, #popularactivity h4, #activitytime h4 { margin: 3px 0; } #generalstats div.content dt { width: 50%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #generalstats div.content dd { width: 50%; float: left; margin: 0 0 3px 0; padding: 0; } #popularposts div.content dt, #popularactivity div.content dt { width: 65%; float: left; margin: 0 0 3px 0; padding: 0; font-weight: bold; clear: both; } #popularposts div.content dd, #popularactivity div.content dd { width: 35%; float: left; margin: 0 0 3px 0; padding: 0; } #activitytime div.content dt { width: 40%; float: left; clear: both; margin: 0 0 3px 0; padding: 0 3px 0 0; font-weight: bold; } #activitytime div.content dd { width: 49%; margin: 0 0 3px 2px; padding: 0; float: left; } .profile_pie { background-image: url(../images/stats_pie.png); float: left; height: 20px; width: 20px; margin: 0; padding: 0; margin-right: 1em; } .topic .time { float: right; } .topic .counter { margin-right: 1em; } .topic h4 { margin: 3px 0; } .topic .post { margin: 0 1em; min-height: 80px; height: auto !important; height: 80px; } .topic .mod_icons { text-align: right; margin-right: 1em; } #permissions dt { width: 40%; float: left; margin: 0 0 -500px; padding: 1% 1% 500px; clear: both; border-top: 1px solid white; } #permissions dd { width: 56%; float: left; margin: 0; padding: 1%; border-top: 1px solid white; } #tracking div.content dl { border-bottom: 0px; margin: 0; padding: 0; } #ip_list { padding: 0; margin: 0 0 3px 0; list-style: none; clear: both; display: block; } #ip_list li.header { display: block; height: .1%; } #ip_list li.header, #ip_list li.ip { float: left; width: 49%; padding: .5%; } #creator dl { margin: 0; } #creator dt { width: 40%; float: left; clear: both; margin: 0 0 10px 0; } #creator dd { float: left; width: 60%; margin: 0 0 10px 0; } .ignoreboards { margin: 0; padding: 0; width: 49%; overflow: auto; } .ignoreboards a { text-decoration: underline; } .ignoreboards ul { overflow: auto; margin: 0 0 0 1em; padding: 0; } .ignoreboards li { list-style: none; float: left; clear: both; } #theme_settings { overflow: auto; margin: 0; padding: 0; } #theme_settings li { list-style: none; margin: 10px 0; padding: 0; } /*Paid Subscriptions*/ #paid_subscription { width: 100%; } #paid_subscription dl.settings { margin-bottom: 0; } #paid_subscription dl.settings dd, #paid_subscription dl.settings dt { margin-bottom: 4px; } /*pick theme*/ #pick_theme { width: 100%; float: left; } /* Styles for the statistics centre. ------------------------------------------------- */ #statistics { padding-bottom: 0.5em; } #statistics h4.titlebg { text-align: center; margin-bottom: 5px; } #stats_left, #top_posters, #top_topics_replies,#top_topics_starter { float:left; width: 49.5%; } #stats_right, #top_boards, #top_topics_views, #most_online { float: right; width: 49.5%; } dl.stats { clear: both; overflow: hidden; margin: 0; padding: 0; } dl.stats dt { width: 49%; float: left; margin: 0 0 4px 0; line-height: 16px; padding: 0; clear: both; font-size: 1em; } dl.stats dd { text-align: right; width: 50%; font-size: 1em; float: right; margin: 0 0 4px 0; line-height: 16px; padding: 0; } .statsbar span.left { float: left; background: url(../images/bar_stats.png) no-repeat; display: block; width: 6px; height: 16px; } .statsbar span.right { float: left; background: url(../images/bar_stats.png) no-repeat 100%; width: 6px; height: 16px; } .stats_bar { float: left; background-image: url(../images/bar_stats.png); height: 16px; font-size: 0.9em; display: block; text-align: left; color: white; font-weight: bold; background-position: top center; } .stats_bar span { padding-left: 2px; } /* Styles for the personal messages section. ------------------------------------------------- */ #personal_messages h3 span#author, #personal_messages h3 span#topic_title { float: left; } #personal_messages h3 span#author { margin: 0 0 0 0.5em; } #personal_messages h3 span#topic_title { margin: 0 0 0 9em; } #personal_messages .labels { padding: 0 1em 0 0; } #personal_messages .capacity_bar { background: #F0F4F7; display: block; margin: 0.5em 0 0 1em; height: 1em; border: 1px solid #adadad; width: 10em; } #personal_messages .capacity_bar span { border-right: 1px solid #adadad; display: block; height: 1em; } #personal_messages .capacity_bar span.empty { background: #A6D69D; } #personal_messages .capacity_bar span.filled { background: #EEA800; } #personal_messages .capacity_bar span.full { background: #F10909; } #personal_messages .reportlinks { padding: 0.5em 1.3em; } /* Styles for the calendar section. ------------------------------------------------- */ .calendar_table { margin-bottom: 0.7em; } /* Used to indicate the current day in the grid. */ .calendar_today { background-color: #262626; } #month_grid { width: 200px; text-align: center; float: left; } #month_grid table { width: 200px; } #main_grid table { width: 100%; padding-bottom: 4px; } #main_grid table h3.catbg { text-align: center; height: 29px; border-top: 2px solid #FFFFFF; border-bottom: none; } #main_grid table.weeklist td.windowbg { text-align: center; height: 49px; width: 25px; font-size: large; padding: 0 7px; border-left: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; } #main_grid table.weeklist td.weekdays { height: 49px; width: 100%; padding: 4px; text-align: left; vertical-align: middle; border-right: 2px solid #FFFFFF; border-bottom: 2px solid #FFFFFF; } #main_grid h3.weekly { text-align: center; padding-left: 0; font-size: large; height: 29px; } #main_grid h3 span.floatleft, #main_grid h3 span.floatright { display: block; font-weight: bold; } #main_grid table th.days { width: 14%; } #main_grid table td.weeks { vertical-align: middle; text-align: center; } #main_grid table td.days { vertical-align: top; text-align: center; } a.modify_event { color: #FF0000; } span.hidelink { font-style: italic; } #calendar_navigation { text-align: center; } /* Styles for the memberlist section. ------------------------------------------------- */ #mlist_search { margin: auto; width: 500px; } /* Styles for the basic search section. ------------------------------------------------- */ #searchform, #simple_search p { padding: 0.5em; margin: 0; } #simple_search, #simple_search p, #advanced_search { text-align: center !important; margin: 0; } #search_error { font-style: italic; padding: 0.3em 1em; } #search_term_input { font-size: 115%; margin: 0 0 1em; } /* Styles for the advanced search section. ------------------------------------------------- */ #searchform fieldset { text-align: left; padding: 0; margin: 0.5em 0; border: none; } #advanced_search dl#search_options { margin: 0 auto; width: 600px; padding-top: 1em; overflow: hidden; } #advanced_search dt { clear: both; float: left; padding: 0.2em; text-align: right; width: 20%; } #advanced_search dd { width: 75%; float: left; padding: 0.2em; margin: 0 0 0 0.5em; text-align: left; } #searchform p.clear { clear: both; } /* Boards picker */ #searchform fieldset div#searchBoardsExpand ul { overflow: auto; margin: 0 0 0 1em; padding: 0; width: 48%; } #searchform fieldset div#searchBoardsExpand ul ul { width: auto; } #searchform fieldset div#searchBoardsExpand a { text-decoration: underline; } #searchform fieldset div#searchBoardsExpand li { list-style: none; float: left; clear: both; } #searchform fieldset p { padding: 4px; text-align: left; margin-top: 5px; } /* Styles for the search results page. ------------------------------------------------- */ #search_results form { padding: 1em; } .topic_table td blockquote, .topic_table td .quoteheader { margin: 0.5em; } .search_results_posts { overflow: hidden; } .search_results_posts .inner { padding: 0.5em 1em; overflow: hidden; } .search_results_posts .windowbg2 { margin-top: 4px; } .search_results_posts .buttons { padding: 5px 1em 0 0; } /* Styles for the help section. ------------------------------------------------- */ #help_container { margin: 8px 0 0 0; padding: 0 0 8px 0; } #helpmain { padding: 0 1em; } #helpmain h1.section { font-size: 18px; } #helpmain h2.section { font-size: 18px; border-bottom: solid 1px; padding-bottom: 0.5em; margin: 0 0 0.5em 0; } #helpmain h3.section { font-size: 16px; font-weight: normal; margin: 2em 0 0.5em 0; padding: 0 0 0.5em 0.5em; } /* Samples should be easily distinguishable. */ #helpmain .help_sample { border: 1px solid #99a; background: #fff; padding: 1em; overflow: auto; margin-bottom: 1em; } #helpmain .help_sample .navigate_section { margin: 0; } #helpmain .help_sample .navigate_section ul { padding-top: 0; border: none; } /* We need some air between the lines */ #helpmain p { margin: 0 0 1.5em 0; line-height: 1.5em; } #helpmain ol { font-weight: bold; list-style-type: disc; margin-bottom: 1em; margin-top: 1em; line-height: 1.5em; } #helpmain ol.la { font-weight: normal; list-style-type: circle; margin: 0.5em 0 1em 0; padding-left: 1.5em; } /* put back the bullets please */ #helpmain #messageindex { clear: right; } /* Zone99 Styles */ .content_wrap { background: url(../images/trans_bg.png); border: 1px solid #1c1c1c; padding: 6px; margin-top: 15px; } #header { background: url(../images/header_bg.png) 0 0 repeat-x; height: 114px; } #logo a { background: url(../images/logo.png) 0 0 no-repeat; width: 350px; height: 112px; display: block; float: left; margin-left: 20px; } #top_login { background: url(../images/site_login.png) 0 0 no-repeat; float: right; height: 100px; width: 420px; overflow: hidden; color: #282828; } #login_form { padding: 10px 0 0 75px; } #top_login p.form_label { padding: 0 0 0 2px; margin: 0; } #login_username, #login_password { float: left; } #login_password { padding-left: 20px; } input.login_input { background: url(../images/login_input.png) 0 0 no-repeat; color: #eee; border: none; outline: none; font-size: 12px; width: 134px; height: 26px; padding: 8px 8px 4px; } #login_button { background: url(../images/loginbutton.png) no-repeat; width: 70px; height: 26px; border: none; padding: 0; margin: 6px 25px 0 0; cursor: pointer; float: right; } #reminder { padding: 12px 0 0 2px; } #reminder a { padding-right: 12px; } #top_login a:link, #top_login a:visited { color: #eee; font-weight: bold; } #top_login ul, #top_login ul li { list-style: none; padding: 0; margin: 0; } #top_login ul li a.dot { background: url(../images/list_arrow.png) 0 50% no-repeat; padding: 0 5px 0 10px; } #top_login ul li.greeting { font-size: 120%; padding: 4px 0; font-weight: bold; } p.ds_avatar { float: left; padding: 0 20px 0 10px; margin: 5px 0 0; } .ds_avatar img { width: 65px; height: 65px; } #toolbar { background: url(../images/toolbar.png) 0 0 repeat-x; height: 50px; } #topnav { float: left; } #topnav ul { margin: 0; padding: 0 5px; } #topnav li { float: left; margin: 0 2px 0 0; padding: 0; position: relative; list-style: none; } #topnav li a { display: block; float: left; line-height: 50px; padding: 0 12px; color: #bbb; font-size: 11px; text-decoration: none; text-transform: uppercase; font-weight: bold; } #topnav li a.active { background: url(../images/topnav_active.png) 0 50% repeat-x; color: #222; font-weight: bold; } #topnav li a:hover, #topnav li:hover a { background: url(../images/topnav_active.png) 0 50% repeat-x; color: #1c1c1c; } #topnav li:hover li a, #topnav li:hover li a span { background: none; } #topnav li li { width: 194px; height: auto; padding: 0px; margin: 0px; } #topnav li li a, #topnav .active li a, #topnav li:hover li a, #topnav li.sfhover li a { background: none; display: block; height: 26px; line-height: 26px; padding: 0 6px; width: 182px; float: none; color: #777; text-decoration: none; font-weight: normal; text-transform: none; font-size: 12px; } #topnav li ul li a:hover { color: #ddd; } #topnav ul li a.subchild, #topnav ul li.sfhover a.subchild { background: url(../images/topnav_arrow.png) 96% 50% no-repeat; } #topnav li ul { background: #1c1c1c; border: 1px solid #222; position: absolute; height: auto; width: 194px; left: -999em; z-index: 100; padding: 5px; } #topnav li:hover ul, #topnav li.sfhover ul { top: 50px; left: 0; } #topnav li:hover li ul, #topnav li.sfhover li ul, #topnav li li:hover li ul, #topnav li li.sfhover li ul { top: -999em; } #topnav li li:hover ul, #topnav li li li:hover ul, #topnav li li.sfhover ul, #topnav li li li.sfhover ul { left: 195px; top: -5px; } #search { float: right; margin: 4px 0 10px 0; height: 30px; width: 260px; background: url(../images/searchbox.png) 0 0 no-repeat; overflow: hidden; } #search .inputbox { background: none; color: #bbb; padding: 5px; border: none; outline: none; margin: 4px 0 0 5px; width: 210px; height: 27px; font-size: 10px; font-family: Arial; } #time { padding: 13px 0 0 15px; color: #ceb54b; font-weight: bold; } #time span { color: #bbb; padding-right: 15px; font-weight: normal; text-transform: uppercase; } #main_content { background: #181818; border: 1px solid #1c1c1c; padding: 4px; } #footer { padding: 15px 10px; color: #7c7c7c; } #smf_copyright { float: left; } #ds_copyright { float: right; text-align: right; } #footer p { padding: 0; margin: 0; } #footer ul li { display: inline; padding-right: 5px; } #footer a:link, #footer a:visited { font-family: Arial, sans-serif; color: #5b5b5b; } #footer ul li.copyright { display: block; } .clr { clear: both; } */ .post, .personalmessage { overflow: visible; } /* Display.template */ #quickreplybox h3.catbg { margin: 0; }
Дело в том, что я ВООБЩЕ НЕ МОГУ ПОНЯТЬ как установить любой СВОЙ шаблон!
Отредактировано golden116 (Вс, 4 Авг 2013 01:15:56)
Поделиться9Вс, 4 Авг 2013 01:19:28
Дело в том, что я ВООБЩЕ НЕ МОГУ ПОНЯТЬ как установить любой СВОЙ шаблон!
Сам шаблон форума - не меняется
Можно попробовать только для своей страницы - и то с извратами
Сервис ориентирован на минимальное вмешательство в шаблон, посколь движок единый для всего сервиса,
Скрипты и css - вот наши забавы... Зато эти игры доступны практически любому
Для иного - иные сервисы
Отредактировано Deff (Вс, 4 Авг 2013 01:20:55)
Поделиться10Вс, 4 Авг 2013 01:31:40
golden116
Хотя чисто стилем, могу уверить Вас, можно наворотить, что угодно, есстественно дополнительной функциональности добавит вряд ли, посколь иного контента или кнопок управления и полей ввода - не добавит, но сделать размещение-оформление контента даваемого сервисом - можно практически произвольно - было б время -желание