/* BEGIN TEMPLATE css.tpl */ /* overall style */ body { background-color: White; color: Black; } #phorum { font-family: Verdana, sans-serif; font-size: 9pt; color: Black; max-width: 1220px; margin: auto; } #phorum #logo { min-height: 82px; background-color: #1C4E90; vertical-align: bottom; background-image: url('templates/bahninfo/images/top_background.jpg'); background-size: auto 100%; border: 1px solid #1C4E90; } #phorum #logo img { margin: 20px 5px 12px; } #phorum #header { margin: 0px 0px 10px 0px; } #phorum #header img { margin: 0px; } #phorum #header_bottom_gap { height: 15px; } .fullwidth { //width: 1220px; width: 100%; } .xborder { background-color: white; } .tborder { background-color: #1C4E90; color: white; border: 1px solid white; } .alt1, .alt1Active { background: White; color: #000080; } .alt2, .alt2Active { background: #dbdbdb; color: #000080; } /* HTML level styles */ img { vertical-align: top; border: none; } #phorum div.generic table th { text-align: left; } #phorum table.forumlist { width: 100%; margin-bottom: 4px; border: 1px solid white; border-bottom: 0; } #phorum table.forumlist th { color: White; background-color: #2e2e45; /* white; */ font-size: 8pt; padding: 4px; /* background-repeat: repeat-x; background-image: url('templates/bahninfo/images/header_background.png'); */ } #phorum table.forumlist th a { color: White; } #phorum table.forumlist td { background-color: White; padding: 8px; border-bottom: 1px solid white; font-size: 8pt; } #phorum table.forumlist td.alt { background-color: #dbdbdb; } /* #phorum table.forumlist td, #phorum table.forumlist td a, #phorum table.forumlist td a:link, #phorum table.forumlist td a:visited { color: white; } #phorum table.forumlist td a:hover { color: #cccccc; } */ #phorum table.list { /* width: 100%; margin-bottom: 4px; border: 0px solid white; border-bottom: 0; background-color: white; */ } #phorum table.list th { background-repeat: repeat-x; background-image: url('templates/bahninfo/images/header_background.png'); color: White; background-color: #1C4E90; font-size: 8pt; padding: 4px; } /* #phorum table.list th a, #phorum table.list th a:visited { color: White; } #phorum table.list th a:hover { color: #E6D6CC; } */ #phorum table.list td { padding: 8px; font-size: 8pt; padding: 3px 6px; margin: 0px 1px 0px 0px; border-bottom-style: none; border-top-style: none; /* padding: 0px 3px 3px 6px; background-color: White; border-bottom: 1px solid white; */ } #phorum table.list td.alt { background-color: #dbdbdb; } #phorum table.list td.not_alt { background-color: White; } #phorum table.list td.first { border-top: 1px solid #1C4E90; padding-top: 6px; } /* #phorum table.list td.not_first { } */ #phorum table.list td.spacer { margin: 0px; padding: 0px; height: 5px; font-size: 4px; } #phorum table.list th.treeview { border-left: 1px solid #1C4E90; border-top: 1px solid #1C4E90; } #phorum table.list td.treeview { border-left: 1px solid #1C4E90; } #phorum table.treeview { border-right: 1px solid #1C4E90; border-bottom: 1px solid #1C4E90; } #phorum table.list td.current { background-color: #f0f7f0; } #phorum table.list td p { margin: 4px 8px 16px 4px; } #phorum table.list td .h3 { margin: 0; } #phorum table.list td .h3 a { font-size: 10pt; } #phorum table.list td .h4 { font-size: 10pt; margin: 0; font-weight: normal; } #phorum table.list td span.new-indicator { color: red; font-size: 8pt; font-weight: normal; } #phorum a, #phorum a:link, #phorum a:visited { color: #0000FF; text-decoration: none; } #phorum a:hover { color: #000080; text-decoration: none; } #phorum a.icon { background-repeat: no-repeat; background-position: 1px 2px; padding: 4px 10px 2px 21px; font-weight: normal; white-space: nowrap; } #phorum span.icon { background-repeat: no-repeat; background-position: 1px 2px; padding: 4px 5px 2px 21px; font-weight: normal; white-space: nowrap; } #phorum .heading { font-weight: bold; } #phorum .h1 { margin: 5px 0px 0px 0px; font-size: 12pt; } #phorum .h2 { margin: 0; font-size: 10pt; font-weight: normal; } #phorum .h4 { margin: 0 0 5px 0; } #phorum hr { height: 1px; border: 0; border-top: 1px solid #1C4E90; } /* global styles */ #phorum div.generic { padding: 8px; background-color: #dbdbdb; border: 1px solid #1C4E90; } #phorum div.generic-lower { padding: 8px; margin-bottom: 8px; } #phorum div.paging { float: right; margin: 0px; } #phorum div.paging a { font-weight: bold; margin: 0 4px 0 4px; padding: 0 0 1px 0; } #phorum div.paging img{ vertical-align: bottom; } #phorum div.paging strong.current-page { margin: 0 4px 0 4px; } #phorum div.nav { font-size: 8pt; margin: 0 0 5px 0; line-height: 20px; clear: both; } #phorum div.nav-right { float: right; } #phorum div.information { padding: 8px; border: 1px solid #62a762; background-color: #e6ffe6; color: black; margin-bottom: 8px; } #phorum div.information a { color: black; } #phorum div.notice { padding: 8px; background-color: #dbdbdb; border: 1px solid #1C4E90; margin-bottom: 8px; } #phorum div.warning { border: 1px solid #A76262; background-color: #FFD1D1; padding: 8px; margin-bottom: 8px; } #phorum div.attachments { background-color: White; margin-top: 8px; padding: 16px; border: 1px solid #1C4E90; } #phorum span.new-flag { color: red; } #phorum a.message-new { font-weight: bold; } #phorum table.menu td { vertical-align: top; } #phorum table.menu td.menu { font-size: 8pt; padding: 0 8px 0 0; } #phorum table.menu td.menu ul { list-style: none; padding: 0; margin: 4px 0 8px 8px; } #phorum table.menu td.menu ul li { margin: 0 0 4px 0; } #phorum table.menu td.menu ul li a { text-decoration: none; } #phorum table.menu td.menu ul li a.current { font-weight: bold; } #phorum table.menu td.menu span.new { color: red; } #phorum table.menu td.content { width: 100%; padding: 0; } #phorum table.menu td.content .h2 { margin: 0 0 8px 0; background-repeat: repeat-x; background-image: url('templates/bahninfo/images/header_background.png'); color: White; background-color: white; padding: 4px; } #phorum table.menu td.content div.generic { margin: 0 0 8px 0; } #phorum table.menu td.content dl { margin: 0; padding: 0; } #phorum table.menu td.content dt { font-weight: bold; } #phorum table.menu td.content dd { padding: 4px; margin: 0 0 8px 0; } #phorum fieldset { border: 0; padding: 0; margin: 0; } #phorum textarea.body { font-family: Verdana, sans-serif; width: 100%; border: 0; } #phorum table.form-table { width: 100%; } /* header styles */ #phorum #page-info { padding: 8px 8px 8px 0; margin: 0 0 16px 0; } #phorum #page-info .big_description { margin: 8px 8px 0 0; font-size: 10pt; font-weight: bold; } #phorum #page-info .description { margin: 8px 0 0 0; font-size: 8pt; text-align: justify; } #phorum #breadcrumb { border-bottom: 1px solid #b6b6b6; border-top: 0; padding: 5px; font-size: 8pt; } #phorum #user-info { font-size: 8pt; margin: 0 0 4px 0; text-align: right; } #phorum #user-info a { margin: 0 0 0 10px; padding: 4px 0 2px 21px; background-repeat: no-repeat; background-position: 1px 2px; } #phorum #user-info img { border-width : 0; margin: 4px 3px 0 0; } #phorum #user-info small a{ margin: 0; padding: 0; display: inline; } #phorum div.attention { /* does not use template values on purpose */ padding: 24px 8px 24px 64px; border: 1px solid #A76262; background-image: url('templates/bahninfo/images/dialog-warning.png'); background-color: #FFD1D1; background-repeat: no-repeat; background-position: 8px 8px; color: Black; margin: 8px 0 8px 0; } #phorum div.attention a { /* does not use template values on purpose */ color: #68312C; padding: 2px 2px 2px 21px; display: block; background-repeat: no-repeat; background-position: 1px 2px; } #phorum #right-nav { float: right; } #phorum #search-area { float: right; text-align: right; padding: 8px 8px 8px 32px; background-repeat: no-repeat; background-position: 8px 12px; margin: 0; } #phorum #header-search-form { display: inline; } #phorum #header-search-form a { font-size: 7pt; } /* Read styles */ #phorum div.message div.generic { border-bottom: 0; } #phorum td.message-user-info { font-size: 8pt; white-space: nowrap; } #phorum div.message-author { background-repeat: no-repeat; background-position: 0px 2px; padding: 0px 0 0px 21px; font-size: 10pt; font-weight: bold; margin-bottom: 5px; } #phorum div.message-author small { font-size: 7pt; font-weight: normal; margin: 0 0 0 16px; } #phorum div.message-subject { font-weight: bold; font-size: 8pt; } #phorum div.message-body { padding: 16px; margin: 0 0 16px 0; border: 1px solid #1C4E90; border-top: 0; background-image: url('templates/bahninfo/images/message_background.png'); background-repeat: repeat-x; background-color: White; overflow: hidden; /* makes the div extend around floated elements */ } #phorum div.message-body br { clear: both; } #phorum div.message-date { font-size: 8pt; } #phorum div.message-moderation { margin-top: 8px; font-size: 8pt; border-top: 0; padding: 6px; background-color: #dbdbdb; border: 1px solid #1C4E90; line-height: 20px; } #phorum div.message-options { margin-top: 10px; text-align: right; font-size: 8pt; clear: both; } #phorum #thread-options { margin: 8px 0 32px 0; background-color: #dbdbdb; border: 1px solid #1C4E90; padding: 8px; text-align: center; } /* Changes styles */ #phorum span.addition { background-color: #CBFFCB; color: #000000; } #phorum span.removal { background-color: #FFCBCB; color: #000000; } /* Posting styles */ #phorum #post { clear: both; } #phorum #post ul { margin: 2px; } #phorum #post ul li { font-size: 8pt; } #phorum #post-body { border: 1px solid #1C4E90; background-color: White; padding: 8px; } #phorum #post-moderation { font-size: 8pt; float: right; border: 1px solid #1C4E90; background-color: #fffdf6; padding: 8px; } #phorum #post-buttons { text-align: center; margin-top: 8px; } #phorum div.attach-link { background-image: url('templates/bahninfo/images/attach.png'); background-repeat: no-repeat; background-position: 1px 2px; padding: 4px 10px 2px 21px; font-size: 8pt; font-weight: normal; } #phorum #attachment-list td { font-size: 8pt; padding: 6px; } #phorum #attachment-list input { font-size: 7pt; } /* PM styles */ #phorum input.rcpt-delete-img { vertical-align: bottom; } #phorum div.pm { padding: 8px; background-color: #dbdbdb; border: 1px solid #1C4E90; border-bottom: 0; } #phorum div.pm div.message-author { font-size: 8pt; } #phorum .phorum-gaugetable { margin-top: 10px; border-collapse: collapse; } #phorum .phorum-gauge { border: 1px solid #1C4E90; background-color: White; } #phorum .phorum-gaugeprefix { border: none; background-color: White; padding-right: 10px; } /* Profile styles */ #phorum #profile div.icon-user { background-repeat: no-repeat; background-position: 0px 2px; padding: 0px 0 0px 21px; font-size: 10pt; font-weight: bold; margin-bottom: 5px; } #phorum #profile div.icon-user small { font-size: 7pt; font-weight: normal; margin: 0 0 0 16px; } #phorum #profile dt { font-weight: bold; } #phorum #profile dd { padding: 4px; margin: 0 0 8px 0; } /* Search Styles */ #phorum #search-form { margin-bottom: 35px; } #phorum #search-form form { font-size: 8pt; } #phorum div.search { background-color: White; } #phorum div.search-result { font-size: 8pt; margin: 10px 0px; padding: 5px; border: 1px solid #1C4E90; background-color: #dbdbdb; } /* #phorum div.search-result .h4 { font-size: 11pt; margin: 0; } #phorum div.search-result .h4 small { font-size: 7pt; } */ #phorum div.search-result blockquote { margin: 3px 0 3px 0; padding: 0; } /* Footer styles */ #phorum #footer-links { margin-top: 26px; text-align: center; } #phorum #footer-plug { margin-top: 10px; margin-bottom: 5px; font-size: 7pt; text-align: center; } /* Icon Styles */ .icon-accept { background-image: url('templates/bahninfo/images/accept.png'); } .icon-bell { background-image: url('templates/bahninfo/images/bell.png'); } .icon-bullet-black { background-image: url('templates/bahninfo/images/bullet_black.png'); } .icon-bullet-go { background-image: url('templates/bahninfo/images/bullet_go.png'); } .icon-cancel { background-image: url('templates/bahninfo/images/cancel.png'); } .icon-close { background-image: url('templates/bahninfo/images/lock.png'); } .icon-comment { background-image: url('templates/bahninfo/images/comment.png'); } .icon-comment-add { background-image: url('templates/bahninfo/images/comment_add.png'); } .icon-comment-edit { background-image: url('templates/bahninfo/images/comment_edit.png'); } .icon-comment-delete { background-image: url('templates/bahninfo/images/comment_delete.png'); } .icon-comments { background-image: url('templates/bahninfo/images/comments.png'); } .icon-delete { background-image: url('templates/bahninfo/images/delete.png'); } .icon-exclamation { background-image: url('templates/bahninfo/images/exclamation.png'); } .icon-feed { background-image: url('templates/bahninfo/images/feed.png'); } .icon-flag-red { background-image: url('templates/bahninfo/images/flag_red.png'); } .icon-folder { background-image: url('templates/bahninfo/images/folder.png'); } .icon-group-add { background-image: url('templates/bahninfo/images/group_add.png'); } .icon-key-go { background-image: url('templates/bahninfo/images/key_go.png'); } .icon-key-delete { background-image: url('templates/bahninfo/images/key_delete.gif'); } .icon-list { background-image: url('templates/bahninfo/images/text_align_justify.png'); } .icon-merge { background-image: url('templates/bahninfo/images/arrow_join.png'); } .icon-move { background-image: url('templates/bahninfo/images/page_go.png'); } .icon-next { background-image: url('templates/bahninfo/images/control_next.png'); } .icon-note-add { background-image: url('templates/bahninfo/images/note_add.png'); } .icon-open { background-image: url('templates/bahninfo/images/lock_open.png'); } .icon-page-go { background-image: url('templates/bahninfo/images/page_go.png'); } .icon-prev { background-image: url('templates/bahninfo/images/control_prev.png'); } .icon-printer { background-image: url('templates/bahninfo/images/printer.png'); } .icon-split { background-image: url('templates/bahninfo/images/arrow_divide.png'); } .icon-table-add { background-image: url('templates/bahninfo/images/table_add.png'); } .icon-tag-green { background-image: url('templates/bahninfo/images/tag_green.png'); } .icon-user { background-image: url('templates/bahninfo/images/user.png'); } .icon-user-add { background-image: url('templates/bahninfo/images/user_add.png'); } .icon-user-comment { background-image: url('templates/bahninfo/images/user_comment.png'); } .icon-user-edit { background-image: url('templates/bahninfo/images/user_edit.png'); } .icon-zoom { background-image: url('templates/bahninfo/images/zoom.png'); } .icon-information { background-image: url('templates/bahninfo/images/information.png'); } .icon1616 { width: 16px; height: 16px; border: 0; } /* BBCode styles */ #phorum blockquote.bbcode { font-size: 8pt; margin: 0 0 0 10px; } #phorum blockquote.bbcode>div { margin: 0; padding: 5px; border: 1px solid #808080; overflow: hidden; } #phorum blockquote.bbcode strong { font-style: italic; margin: 0 0 3px 0; } #phorum pre.bbcode { border: 1px solid #C4C6A2; background-color: #FEFFEC; padding: 8px; overflow: auto; } .mod_embed_images_extended { max-width: 100%; } .mod_embed_images, .mod_embed_images_image { width: auto !important; height: auto !important; margin-right: 0 !important; } .mod_embed_images_image img { max-width: 100% !important; height: auto !important; } .mod_embed_images_info { display: none !important; } .clearfix { clear: both; } .nav-links { float: left; } .bi-logo { display: inline-block; float: left; } .bi-ad { display: inline-block; float: right; margin: 0 10px 6px; } /* END TEMPLATE css.tpl */ /* Added by module "editor_tools", file "mods/editor_tools/editor_tools.css" */ #editor-tools { padding: 3px; margin-bottom: 3px; border-bottom: 1px solid #ddd; text-align: left; } /* padding is arranged in editor_tools.js, so do not define it here. */ #editor-tools .editor-tools-button { margin-right: 2px; margin-bottom: 2px; background-color: #eee; border: 1px solid #ddd; vertical-align: bottom; } #editor-tools .editor-tools-button:hover { border: 1px solid #777; } .editor-tools-popup { text-align: left; position:absolute; padding: 5px 10px; background-color:#eee; border:1px solid #777; font-family: arial, helvetica, sans-serif; z-index: 1000; } .editor-tools-popup a, .editor-tools-popup a:active, .editor-tools-popup a:visited { text-decoration: none; color: black; } .editor-tools-popup a:hover { text-decoration: underline; } #editor-tools-smiley-picker img, #editor-tools-subjectsmiley-picker img { border: none; margin: 3px; } #editor-tools-a-help { float: right; } /* Override fixes for color picker within XHTML transitional */ * html .colorPickerTab_inactive span, * html .colorPickerTab_active span{ position:/**/relative; } * html .colorPickerTab_inactive img, * html .colorPickerTab_active img{ position:relative; left:-3px; } * html #dhtmlgoodies_colorPicker .colorPicker_topRow{ height:20px; } /* Added by module "announcements", template "announcements::css" */ #phorum table.announcements { margin-bottom: 20px; } /* Added by module "user_image_gallery", file "mods/user_image_gallery/user_image_gallery.css" */ #phorum table.list td.row1 { border-bottom: none; } .gallery_button { margin: 5px 0px; padding: 0px; } .uploadblank { margin: 5px 0px; padding: 0; } .input_text { width: 300px; } .input_textarea { width: 300px; height: 75px; } /* Added by module "embed_images", template "embed_images::css" */ /* The style to use for standard images */ #phorum div.mod_embed_images { float: left; margin-right: 10px; margin-bottom: 10px; font-size: 10px; } /* Extended is used in case an image is scaled down or inside a URL */ #phorum div.mod_embed_images_extended { float: left; margin-right: 10px; margin-bottom: 10px; font-size: 10px; border: 1px solid #b0b0b0; background-color: #f5f5f5; } #phorum div.mod_embed_images_image { } #phorum div.mod_embed_images_image a, #phorum div.mod_embed_images_info a { text-decoration: none; color: black; } #phorum div.mod_embed_images_image a:hover, #phorum div.mod_embed_images_info a:hover { text-decoration: underline; } #phorum div.mod_embed_images_loading { font-size: 10px; padding: 5px 5px 3px 22px; height: 16px; background-position: 3px 3px; background-repeat: no-repeat; background-image: url(https://www.bahninfo-forum.de/mods/embed_images/templates/ajax_loading.gif); } #phorum div.mod_embed_images_info { border-top: 1px solid #b0b0b0; height: 18px; padding: 3px 0px 0px 21px; white-space: nowrap; overflow: hidden; background-position: 3px 5px; background-repeat: no-repeat; background-image: url(https://www.bahninfo-forum.de/mods/embed_images/templates/magnify_icon.gif); /* Will be made visible if extended viewing is triggered */ display: none; } #phorum div.mod_embed_images_info_link { padding-left: 22px; background-image: url(https://www.bahninfo-forum.de/mods/embed_images/templates/link_icon.png); } #phorum div.mod_embed_images_error { color: #a00000; border: 1px solid #a00000; padding: 5px 5px 5px 43px; background-image: url(https://www.bahninfo-forum.de/mods/embed_images/templates/broken_image.gif); background-position: 5px 5px; background-repeat: no-repeat; } #phorum div.mod_embed_images_error strong { font-size: 12px; } #phorum div.mod_embed_images_attachments { margin-top: 20px; } /* Should be in the main Phorum CSS too, but let's make sure. */ #phorum div.message-body br { clear: both; } /* Added by module "embed_images/viewer:lightbox", file "mods/embed_images/viewers/lightbox/code/css/lightbox.css" */ #lightbox{ position: absolute; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; } #lightbox a img{ border: none; } #outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; } #imageContainer{ padding: 10px; } #loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; } #hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; } #imageContainer>#hoverNav{ left: 0;} #hoverNav a{ outline: none;} #prevLink, #nextLink{ width: 49%; height: 100%; background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */ display: block; } #prevLink { left: 0; float: left;} #nextLink { right: 0; float: right;} #prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; } #nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; } #imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100% } #imageData{ padding:0 10px; color: #666; } #imageData #imageDetails{ width: 70%; float: left; text-align: left; } #imageData #caption{ font-weight: bold; } #imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em; } #imageData #bottomNavClose{ width: 66px; float: right; padding-bottom: 0.7em; } #overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; } /* Added by module "spamhurdles", template "spamhurdles::css" */ #spamhurdles_captcha { font-size: small; padding: 10px 0px 10px 0px; } #spamhurdles_captcha_title { font-weight: bold; } #spamhurdles_captcha_explain { width: 85%; } #spamhurdles_spoken_captcha { padding-left: 15px; background: url(https://www.bahninfo-forum.de/mods/spamhurdles/templates/bahninfo/audio.gif) no-repeat; padding-bottom: 10px; font-size: small; } #spamhurdles_captcha_image { margin: 8px 0px 8px 0px; } #spamhurdles_captcha_image .captcha_image { border: 1px solid #333; } #spamhurdles_captcha_asciiart { font-family: "courier new", courier, monospace; line-height: 4px; font-size: 6px; font-weight: bold; color: black; } /* Added by module "bbcode", file "mods/bbcode/colorpicker/js_color_picker_v2.css" */ #dhtmlgoodies_colorPicker{ position:absolute; width:250px; padding-bottom:1px; background-color:#FFF; border:1px solid #777; width: 252px; /* IE 5.x */ width/* */:/**/250px; /* Other browsers */ width: /**/250px; z-index: 1000; } #dhtmlgoodies_colorPicker .colorPicker_topRow{ padding-bottom:1px; border-bottom:3px double #777; background-color:#E2EBED; padding-left:2px; width: 250px; /* IE 5.x */ width/* */:/**/248px; /* Other browsers */ width: /**/248px; height: 20px; /* IE 5.x */ height/* */:/**/16px; /* Other browsers */ height: /**/16px; } #dhtmlgoodies_colorPicker .colorPicker_statusBar{ height:13px; padding-bottom:2px; width:248px; border-top:3px double #777; background-color:#E2EBED; padding-left:2px; clear:both; width: 250px; /* IE 5.x */ width/* */:/**/248px; /* Other browsers */ width: /**/248px; height: 18px; /* IE 5.x */ height/* */:/**/13px; /* Other browsers */ height: /**/13px; } #dhtmlgoodies_colorPicker .colorSquare{ margin-left:1px; margin-bottom:1px; float:left; border:1px solid #000; cursor:pointer; width: 12px; /* IE 5.x */ width/* */:/**/10px; /* Other browsers */ width: /**/10px; height: 12px; /* IE 5.x */ height/* */:/**/10px; /* Other browsers */ height: /**/10px; } .colorPickerTab_inactive,.colorPickerTab_active{ height:17px; padding-left:4px; cursor:pointer; } /* path fixed for Phorum */ .colorPickerTab_inactive span{ background-image:url(mods/bbcode/colorpicker/images/tab_left_inactive.gif); } /* path fixed for Phorum */ .colorPickerTab_active span{ background-image:url(mods/bbcode/colorpicker/images/tab_left_active.gif); } .colorPickerTab_inactive span, .colorPickerTab_active span{ line-height:16px; font-weight:bold; font-family:arial; font-size:11px; padding-top:1px; vertical-align:middle; background-position:top left; background-repeat: no-repeat; float:left; padding-left:6px; -moz-user-select:none; } .colorPickerTab_inactive img,.colorPickerTab_active img{ float:left; } .colorPickerCloseButton{ width:11px; height:11px; text-align:center; line-height:10px; border:1px solid #777; position:absolute; right:1px; font-size:12px; font-weight:bold; top:1px; padding:1px; cursor:pointer; width: 15px; /* IE 5.x */ width/* */:/**/11px; /* Other browsers */ width: /**/11px; height: 15px; /* IE 5.x */ height/* */:/**/11px; /* Other browsers */ height: /**/11px; } #colorPicker_statusBarTxt{ font-size:11px; font-family:arial; vertical-align:top; line-height:13px; } /* disabled for Phorum form{ padding-left:5px; } */ .form_widget_amount_slider{ border-top:1px solid #9d9c99; border-left:1px solid #9d9c99; border-bottom:1px solid #eee; border-right:1px solid #eee; background-color:#f0ede0; position:absolute; bottom:0px; width: 5px; /* IE 5.x */ width/* */:/**/3px; /* Other browsers */ width: /**/3px; height: 5px; /* IE 5.x */ height/* */:/**/3px; /* Other browsers */ height: /**/3px; } .colorSliderLabel{ width:15px; height:20px; float:left; font-size:11px; font-weight:bold; } .colorSlider{ width:175px; height:20px; float:left; } .colorInput{ width:45px; height:20px; float:left; } .colorPreviewDiv{ width:186px; margin-right:2px; margin-top:1px; border:1px solid #CCC; height:20px; float:left; cursor:pointer; width: 188px; /* IE 5.x */ width/* */:/**/186px; /* Other browsers */ width: /**/186px; height: 22px; /* IE 5.x */ height/* */:/**/20px; /* Other browsers */ height: /**/20px; } .colorCodeDiv{ width:50px; height:20px; float:left; }