SMF2.1/Themes/default/css/rtl.css

/* 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;
}

a#bot {
	float: left;
}

img.icon {
	margin: 0 0 0 5px !important;
}

a.collapse img {
	margin: -8px 0 0 -4px;
}

#menu_nav {
	padding: 0;
}

.button_submit, .button_reset, .button_link {
	margin: 0 2x;
}

/* BoardIndex Styling for RTL */
td.lastpost {
	border-left: 1px solid #ddd;
	border-right: 0px !important;
}

.table_list td.icon {
	border-left: 0px !important;
	border-right: 1px solid #ddd;
}

/* 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;
}

/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
	float: right;
}
.dropmenu {
	float: right;
	padding: 0;
}
.dropmenu li {
	float: right;
}
.dropmenu li ul {
	right: -999em;
}
/* Note: The next two declarations are for keyboard access with js disabled. */
.dropmenu ul a:focus {
	margin-right: 1109.5em;
}
.dropmenu ul ul a:focus {
	margin-right: 0;
}
/* Level 3 submenu wrapper positioning. */
.dropmenu li ul ul {
	margin: -2.2em 15em 0 0;
}
/* Reposition Level 2 submenu as visible on hover. */
.dropmenu li:hover ul, .dropmenu li.sfhover ul {
	right: -4px;
}
/* Hiding Level 3 submenu off hover. */
.dropmenu li:hover ul ul, .dropmenu li.sfhover ul ul, .dropmenu li:hover ul ul ul, .dropmenu li.sfhover ul ul ul {
	right: -999em;
}
/* Reposition as visible on hover. */
.dropmenu li li:hover ul, .dropmenu li li.sfhover ul {
	right: 14.5em;
}
/* Reposition as visible on hover. */
.dropmenu li li:hover ul, .dropmenu li li.sfhover ul {
	right: 14.5em;
}
/* Indicator for additional levels. Best in the anchor so it stays visible on hover. */
.dropmenu li li.subsections a:after, .adm_section .dropmenu li.subsections a:after{
	left: 2px;
	right: auto;
	background: url(../images/admin/subsection_rtl.png) no-repeat;
}


/* 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;
}

li#collapse_button {
	float: left;
	position: relative;
	right: 0;
}

/* Styles for the standard button lists.
------------------------------------------------------- */
.buttonlist ul {
	margin: 0 0 0 0.2em;
}
.buttonlist ul li a {
	margin: 0;
}
.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;
}

.button_submit, .button_reset, .button_link {
	float: left;
}

#search_form {
	text-align: left;
}

/* 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: left;
}

/* 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;
}

#message_index_jump_to label {
	margin-left: 14px;
}

/* 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;
}

#display_jump_to select {
	margin: 0;
}

.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 0 0 0;
}
ul.quickbuttons li a {
	padding: 0 20px 0 0;
	float: left;
}
ul.quickbuttons li.quote_button {
	background: 100% 0;
}
ul.quickbuttons li.remove_button {
	background: 100% -30px;
}
ul.quickbuttons li.modify_button {
	background: 100% -60px;
}
ul.quickbuttons li.approve_button {
	background: 100% -90px;
}
ul.quickbuttons li.restore_button {
	background: 100% -120px;
}
ul.quickbuttons li.split_button {
	background: 100% -150px;
}
ul.quickbuttons li.reply_button {
	background: 100% -180px;
}
ul.quickbuttons li.reply_all_button {
	background: 100% -180px;
}
ul.quickbuttons li.notify_button {
	background: 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;
}
div#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: url(../images/icons/quick_sticky.png) no-repeat 2% 4px;
}
.topic_table td.lockedbg2 {
	background: url(../images/icons/quick_lock.png) no-repeat 2% 4px;
}
.topic_table td.locked_sticky2 {
	background: url(../images/icons/quick_sticky_lock.png) no-repeat 2% 4px;
}
.topic_table td.lastpost {
	background: none;
}
#info_center .cat_bar, .table_grid tr.catbg th, #show_attachments th, #searchform .roundframe .title_bar {
	text-align: right;
}
/* 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: 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.
------------------------------------------------- */
#main_grid .cat_bar {
	margin: 0 0 0 2px;
}
#month_grid {
	float: right;
	margin: 0 0 0 1%;
}
#main_grid table.weeklist td.windowbg {

	border-left: 2px solid #fff;
	border-bottom: 2px solid #fff;
}
#main_grid img.calendar_icon {
	float: right;
	margin: 0 0 0 4px;
}
#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.png) no-repeat 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;
}

#inner_wrap a.avatar {
	float: right;
	width: 46px;
}

.unread_links {
	float: left !important;
	padding-left: 0;
}