Mercurial > hg > vamp-website
diff forum/Themes/default/css/rtl.css @ 76:e3e11437ecea website
Add forum code
author | Chris Cannam |
---|---|
date | Sun, 07 Jul 2013 11:25:48 +0200 |
parents | |
children |
line wrap: on
line diff
--- /dev/null Thu Jan 01 00:00:00 1970 +0000 +++ b/forum/Themes/default/css/rtl.css Sun Jul 07 11:25:48 2013 +0200 @@ -0,0 +1,1082 @@ +/* Common classes to ease styling. +------------------------------------------------------- */ + +.floatright +{ + float: left; +} +.floatleft +{ + float: right; +} +.clear_left +{ + clear: right; +} +.clear_right +{ + clear: left; +} +.righttext +{ + margin-left: auto; + margin-right: 0; + text-align: left; +} +.lefttext +{ + margin-left: 0; + margin-right: auto; + text-align: right; +} + +/* Styling for BBC tags */ +.bbc_list +{ + text-align: right; +} + +/* GenericList */ +.additional_row input +{ + margin-left: 0; + margin-right: 1em; +} +/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */ +.signature, .attachments +{ + clear: left; +} +.custom_fields_above_signature +{ + clear: left; +} +.openid_login +{ + padding-right: 18px; + padding-left: 0; +} + +/* Lists with settings use these a lot. +------------------------------------------------------- */ +dl.settings +{ + clear: left; +} +dl.settings dt +{ + float: right; + clear: both; +} +dl.settings dt.windowbg +{ + float: right; +} +dl.settings dd +{ + float: left; +} +dl.settings img +{ + margin: 0 0 0 10px; +} + +/* Styles for rounded headers. +------------------------------------------------------- */ + +h3.catbg img.icon, h4.titlebg img.icon +{ + vertical-align: middle; + margin: -2px 0 0 5px; +} +h4.titlebg, h3.titlebg +{ + padding-right: 9px; + padding-left: 0; +} +h4.titlebg img.icon +{ + float: right; + margin: 5px 0 0 8px; +} + +table.table_list a.unreadlink, table.table_list a.collapse +{ + float: left; +} +table.table_list a.collapse +{ + margin: 10px 1em 0 5px; +} +.table_grid th.first_th, tr.catbg th.first_th +{ + background: #a8bace url(../images/theme/main_block.png) no-repeat 100% -240px; +} +.table_grid th.last_th, tr.catbg th.last_th +{ + background: #a8bace url(../images/theme/main_block.png) no-repeat 0 -240px; +} +tr.titlebg th.first_th +{ + background: #e3e9ef url(../images/theme/main_block.png) no-repeat 100% -340px; +} +tr.titlebg th.last_th +{ + background: #e3e9ef url(../images/theme/main_block.png) no-repeat 0 -340px; +} + +/* Styles for the standard dropdown menus. +------------------------------------------------------- */ +#main_menu +{ + padding: 0 0.5em; + float: right; + text-align: right; +} +.dropmenu li +{ + float: right; + margin: 0 0 0 8px; +} +.dropmenu li ul ul +{ + right: 15em; +} +.dropmenu li ul +{ + background: url(../images/theme/menu_gfx.png) 100% -130px no-repeat; + right: 5px; +} + +/* The dropdown menu toggle image */ +#menu_toggle +{ + float: left; + margin-right: 0; + margin-left: 10px; + padding-top: 3px; +} +#menu_toggle span +{ + position: relative; + left: 0; +} + +/* Styles for the standard button lists. +------------------------------------------------------- */ +.buttonlist ul +{ + margin: 0 0 0 0.2em; +} +.buttonlist ul li a +{ + margin-left: 0; + margin-right: 12px; +} +.buttonlist ul li a span +{ + left: 8px; +} +.align_top ul li a, .align_bottom ul li a +{ + margin: 0 0 0 12px; +} +#adm_submenus +{ + padding-left: 0; + padding-right: 2em; +} +/* the main title, always stay at 45 pixels in height! */ +h1.forumtitle +{ + float: right; +} +/* float these items to the left */ +#siteslogan, img#smflogo +{ + float: left; +} +/* the upshrink image needs some tweaking */ +img#upshrink +{ + float: left; +} +/* ..so does the SMF logo */ +img#smflogo +{ + margin-right: 1em; +} +#upper_section div.news +{ + float: left; + text-align: left; +} +div#upper_section div.user +{ + float: right; +} +div#upper_section div.user p +{ + float: right; + margin: 0 0 1em 1em; +} +div#upper_section div.user ul +{ + padding-left: 0; + padding-right: 10px; +} + +/* The navigation list (i.e. linktree) */ +.navigate_section ul li +{ + float: right; + padding: 0 0 0 0.5em; +} + +/* Styles for the board index. +------------------------------------------------- */ + +/* the posting icons */ +#posting_icons +{ + padding: 0 1em 0.5em 1em; +} +#posting_icons img +{ + margin: 0 4ex 0 0; +} +#posting_icons .buttonlist +{ + float: left; +} +#postbuttons_upper ul li a span +{ + line-height: 19px; + padding: 0 6px 0 0; +} + +dl#ic_recentposts dt +{ + float: right; +} +dl#ic_recentposts dd +{ + text-align: left; +} +form#ic_login ul li +{ + float: right; + width: 20%; +} + +/* the small stats */ +#index_common_stats +{ + text-align: left; +} +img#upshrink_ic, img#newsupshrink +{ + float: right; + margin: 10px 0 0 5px; +} + +/* Styles for the message (topic) index. +---------------------------------------------------- */ +.table_frame .table_list td.icon, .table_frame .table_list td.info, .table_frame .table_list td.stats +{ + border-right: none; + border-left: 2px solid white; +} +.lastpost img +{ + float: left; +} + +/* Styles for the display template (topic view). +---------------------------------------------------- */ +#postbuttons div.buttons +{ + float: right; +} +#postbuttons span +{ + text-align: left; +} +#postbuttons span.lower +{ + clear: left; +} +#postbuttons .buttonlist +{ + float: left; +} + +h4#pollquestion +{ + padding: 0.5em 2em 0.5em 0; +} +/* Poll vote options */ +#poll_options ul.options +{ + padding: 1em 2em 0 2.5em; + margin: 0 0 1em 0; +} +#poll_options div.submitbutton +{ + clear: both; + padding: 0 2em 1em 0; + margin: 0 0 1em 0; +} + +/* Poll results */ +#poll_options dl.options +{ + padding: 1em 2em 1em 2.5em; + margin: 0 0 1em 1em; +} +#poll_options dl.options dt +{ + float: right; + clear: right; +} +#poll_options dl.options dd +{ + margin: 0 2em 0 0; + float: right; +} +span.percent +{ + float: left; +} + +/* author and topic information */ +#forumposts h3 span#author +{ + margin: 0 0 0 7.7em; +} +#forumposts h3 img +{ + float: right; + margin: 4px 0 0 0.5em; +} +/* poster and postarea + moderation area underneath */ +.poster +{ + float: right; + width: 15em; +} +.postarea, .moderatorbar +{ + margin: 0 16em 0 0; +} +.moderatorbar +{ + clear: left; +} +/* poster details and list of items */ +.poster h4, .poster ul +{ + padding: 0; + margin: 0 1.5em 0 1em; +} +.poster h4 +{ + margin: 0.2em 1.1em 0.4em 0; +} +.poster ul ul +{ + margin: 0.3em 0 0 1em; +} +.messageicon +{ + float: right; + margin: 0 0 0 0.5em; +} + +.keyinfo +{ + float: right; +} +.modifybutton +{ + clear: left; + float: left; + margin: 8px 0 10px 20px; + text-align: left; +} + +/* The quick buttons */ +ul.quickbuttons +{ + margin: 0.9em 0 0 11px; + clear: left; + float: left; + text-align: left; +} +ul.quickbuttons li +{ + float: left; + margin: 0 11px 0 0; +} +ul.quickbuttons li a +{ + padding: 0 20px 0 0; + float: left; +} +ul.quickbuttons li.quote_button +{ + background-position: 100% 0; +} +ul.quickbuttons li.remove_button +{ + background-position: 100% -30px; +} +ul.quickbuttons li.modify_button +{ + background-position: 100% -60px; +} +ul.quickbuttons li.approve_button +{ + background-position: 100% -90px; +} +ul.quickbuttons li.restore_button +{ + background-position: 100% -120px; +} +ul.quickbuttons li.split_button +{ + background-position: 100% -150px; +} +ul.quickbuttons li.reply_button +{ + background-position: 100% -180px; +} +ul.quickbuttons li.reply_all_button +{ + background-position: 100% -180px; +} +ul.quickbuttons li.notify_button +{ + background-position: 100% -210px; +} +ul.quickbuttons li.inline_mod_check +{ + margin: 0 5px 0 0; +} +.post +{ + clear: left; +} +.inner +{ + padding: 1em 0 0 1em; + margin: 0 0 0 1em; +} +#forumposts .modified +{ + float: right; +} +#forumposts .reportlinks +{ + margin-left: 1.5em; + text-align: left; + clear: left; +} + +#moderationbuttons_strip +{ + float: right; +} +#moderationbuttons_strip ul +{ + margin: 0 0.2em 0 0; + padding: 0 1em 0 0; +} +/* The jump to box */ +#display_jump_to +{ + text-align: left; +} + +/* Styles for edit post section +---------------------------------------------------- */ +#post_header dt +{ + float: right; +} +#post_header dd +{ + float: right; +} +ul.post_options +{ + margin: 0 1em 0 0; +} +ul.post_options li +{ + float: right; +} +#postAttachment dd, #postAttachment2 dd +{ + margin: .3em 1em .3em 0; +} +#postAttachment dt, #postAttachment2 dt +{ + font-weight: bold; +} +#postAttachment3 +{ + margin-left: 0; + margin-left: 1em; +} +.post_verification #verification_control +{ + margin: .3em 1em .3em 0; +} + +/* Styles for edit event section +---------------------------------------------------- */ +#post_event div.event_options +{ + float: left; +} +#post_event #event_main input +{ + margin: 0 0 1em 0; + float: right; +} +#post_event #event_main div.smalltext +{ + float: left; +} +#post_event ul.event_main li +{ + float: left; +} +#post_event ul.event_options +{ + padding: 0 .7em .7em 0; +} +#post_event #event_main select, #post_event ul.event_options li select, #post_event ul.event_options li .input_check +{ + margin: 0 0 0 1em; +} + +/* Styles for edit poll section. +---------------------------------------------------- */ + +#edit_poll fieldset input +{ + margin-right: 7em; +} +#edit_poll ul.poll_main li +{ + padding-right: 1em; +} +#edit_poll ul.poll_main input +{ + margin-right: 1em; +} +#edit_poll div.poll_options +{ + float: right; +} +#edit_poll ul.poll_main, dl.poll_options +{ + padding: 0 .7em 0 0; +} +#edit_poll dl.poll_options dt +{ + padding: 0 1em 0 0; +} +#edit_poll dl.poll_options dd input +{ + margin-right: 0; +} + +/* Styles for the personal messages section. +------------------------------------------------- */ + +#personal_messages h3 span#author, #personal_messages h3 span#topic_title +{ + float: right; +} +#personal_messages h3 span#author +{ + margin: 0 0.5em 0 0; +} +#personal_messages h3 span#topic_title +{ + margin: 0 9em 0 0; +} +#personal_messages .labels +{ + padding: 0 0 0 1em; +} + +/* Styles for the move topic section. +---------------------------------------------------- */ +.move_topic +{ + text-align: right; +} +/* Styles for the login areas. +------------------------------------------------------- */ +.login dt +{ + float: right; +} +.login dd +{ + float: right; + text-align: right; +} +.login h3 img +{ + margin: 0 0 0.5em; +} + +/* Additional profile fields */ +dl.register_form +{ + clear: left; +} + +dl.register_form dt +{ + float: right; +} +/* Styles for maintenance mode. +------------------------------------------------------- */ +#maintenance_mode +{ + text-align: right; +} +#maintenance_mode img.floatleft +{ + margin-left: 1em; +} +/* common for all admin sections */ +h3.titlebg img +{ + margin-left: 0.5em; +} +tr.titlebg td +{ + padding-right: 0.7em; +} +#admin_menu +{ + padding-right: 0; +} +#admin_content +{ + clear: right; +} +/* Styles for sidebar menus. +------------------------------------------------------- */ +#left_admsection +{ + float: right; + padding-right: 0; + padding-left: 10px; +} +.left_admmenu li +{ + padding: 0 0.5em 0 0; +} +/* Styles for generic tables. +------------------------------------------------------- */ +.topic_table td.stickybg2 +{ + background-image: url(../images/icons/quick_sticky.gif); + background-repeat: no-repeat; + background-position: 2% 4px; +} +.topic_table td.lockedbg2 +{ + background-image: url(../images/icons/quick_lock.gif); + background-repeat: no-repeat; + background-position: 2% 4px; +} +.topic_table td.locked_sticky2 +{ + background-image: url(../images/icons/quick_sticky_lock.gif); + background-repeat: no-repeat; + background-position: 2% 4px; +} +.topic_table td.lastpost +{ + background-image: none; +} +/* Styles for (fatal) errors. +------------------------------------------------- */ +.errorbox p.alert +{ + float: right; +} +/* Styles for the profile section. +------------------------------------------------- */ +#basicinfo +{ + float: right; +} +#detailedinfo +{ + float: left; +} +#basicinfo ul li +{ + float: right; + margin-right: 0; + margin-left: 5px; +} +#detailedinfo div.content dl, #tracking div.content dl +{ + clear: left; +} +#detailedinfo div.content dt, #tracking div.content dt +{ + float: right; +} +#detailedinfo div.content dd, #tracking div.content dd +{ + float: right; +} +#avatar_server_stored div +{ + float: right; +} + +#main_admsection #basicinfo h4 +{ + float: right; +} +#main_admsection #basicinfo img.avatar +{ + float: left; +} +#main_admsection #basicinfo ul +{ + clear: right; +} +#main_admsection #basicinfo span#userstatus +{ + clear: right; +} + +/* Profile statistics */ +#generalstats div.content dt +{ + float: right; +} +#generalstats div.content dd +{ + float: right; +} + +/* Activity by time */ +#activitytime +{ + clear: right; +} +.activity_stats li +{ + float: right; +} +.activity_stats li span +{ + border-width: 1px 0 0 1px; +} +.activity_stats li.last span +{ + border-left: none; +} + +/* Most popular boards by posts and activity */ +#popularposts +{ + float: right; +} +#popularactivity +{ + float: left; +} + +#popularposts div.content dt, #popularactivity div.content dt +{ + float: right; +} +#popularposts div.content dd, #popularactivity div.content dd +{ + float: right; +} + +.profile_pie +{ + background-image: url(../images/stats_pie_rtl.png); + float: right; + margin-right: 0; + margin-left: 1em; +} + +/* View posts */ +.topic .time +{ + float: left; +} +.counter +{ + padding: 0.2em 0.2em 0.1em 0.5em; + float: right; +} +.topic .mod_icons +{ + text-align: left; + margin-right: 0; + margin-left: 1em; +} +#permissions div.permission_name +{ + margin: 0 0 0 1%; +} + +#ip_list li.header, #ip_list li.ip +{ + float: right; +} +#creator dt +{ + float: right; +} +#creator dd +{ + float: right; +} + +.ignoreboards ul +{ + margin: 0 1em 0 0; +} +.ignoreboards li +{ + float: right; +} + +#pick_theme +{ + float: right; +} +/* Styles for the statistics center. +------------------------------------------------- */ +#stats_left, #top_posters, #top_topics_replies, #top_topics_starter +{ + float: right; +} +#stats_right, #top_boards, #top_topics_views, #most_online +{ + float: left; +} +dl.stats dt +{ + float: right; +} +dl.stats dd +{ + text-align: left; +} +.statsbar div.bar +{ + float: right; +} +.statsbar div.bar div +{ + right: -6px; + padding: 0 0 0 6px; +} +tr.windowbg2 th.stats_month, tr.windowbg2 td.stats_day +{ + text-align: right; +} + +/* Styles for the calendar section. +------------------------------------------------- */ +#month_grid +{ + float: right; +} + +#main_grid table.weeklist td.windowbg +{ + + border-left: 2px solid #fff; + border-bottom: 2px solid #fff; +} + +#main_grid table.weeklist td.weekdays +{ + text-align: left; + vertical-align: middle; + border-right: 2px solid #fff; + border-bottom: 2px solid #fff; +} + +/* Styles for the advanced search section. +------------------------------------------------- */ +#searchform fieldset +{ + text-align: right; +} +#advanced_search dt +{ + float: right; + text-align: left; +} +#advanced_search dd +{ + float: right; + margin: 0 0.5em 0 0; + text-align: right; +} +/* Boards picker */ +#searchform fieldset div#searchBoardsExpand ul +{ + margin: 0 1em 0 0; +} +#searchform fieldset div#searchBoardsExpand li +{ + float: right; +} +#searchform fieldset p +{ + text-align: right; +} + +.search_results_posts .buttons +{ + padding: 5px 0 0 1em; +} + +/* Styles for the help section. +------------------------------------------------- */ +#helpmain h3.section +{ + padding: 0 0.5em 0.5em 0; +} +/* put back the bullets please */ +#helpmain ul +{ + margin: 0 2em 1em 0; + padding-left: 0; + padding-right: 1em; +} +#helpmain #messageindex +{ + clear: left; +} + +/* Styles for the admincenter (reverse admin.css). +------------------------------------------------- */ +#quick_search +{ + margin-left: 5px; +} +.features_image +{ + float: right; + margin: 0 1em 0.5em 2em; +} +.features_switch +{ + float: left; +} +.features h4 +{ + padding: 1em 0.5em 0.5em 0; +} +/* admin home */ +#live_news div.content dl +{ + padding: 0.5em 0.5em 0 0; +} +#smfAnnouncements dd +{ + padding: 0; + margin: 0 1.5em 1em 0; +} +#quick_tasks li +{ + float: right; + list-style-type: none; +} +.home_image +{ + float: right; +} +/* common admin classes */ +.additional_row input +{ + margin-left: 0; + margin-right: 2em; +} +#error_log td div.marginleft +{ + margin: 0 1ex 0 0 !important; +} + +/* Styles for the package manager. +------------------------------------------------- */ +#package_list .tborder +{ + margin: .25em 26px .25em 0; +} +#package_list ol, #package_list ol li +{ + margin-left: 0; + margin-right: 50px; +} +/* ManageBoards */ +#manage_boards ul +{ + overflow: hidden; +} +#manage_boards li +{ + overflow: hidden; +} +.move_links +{ + padding: 0 0 0 13px; +} + +span.search_weight +{ + text-align: left; +} +/* Manage Bans */ +.ban_restriction +{ + margin: 0.2em 2.2em 0.2em 0; +} +/* Themes */ +.is_directory +{ + padding-right: 18px; + background: url(../images/admin/boards.gif) no-repeat; + background-position: 100% 0; +} +/* Styles for the moderation center. +------------------------------------------------- */ +.modblock_left +{ + float: right; + clear: left; +} +.modblock_right +{ + float: left; +} +ul.moderation_notes li +{ + padding: 4px 4px 4px 0; +} \ No newline at end of file