smf-theme/css/rtl.css

687 lines
12 KiB
CSS
Raw Normal View History

/* Common classes to easy styling.
------------------------------------------------------- */
.floatright {
float: left;
}
.floatleft {
float: right;
}
.clear_left {
clear: right;
}
.clear_right {
clear: left;
}
.righttext {
text-align: left;
}
.lefttext {
text-align: right;
}
/* Styling for BBC tags */
.bbc_list {
text-align: right;
}
/* A quote, perhaps from another post. */
.bbc_standard_quote::before, .bbc_alternate_quote::before {
content: '\275E';
margin-left: 0.25em;
}
/* All the signatures used in the forum. If your forum users use Mozilla, Opera, or Safari, you might add max-height here ;). */
.signature, .attachments, .custom_fields_above_signature {
clear: left;
}
/* the page navigation area */
.main_icons.move::before, .main_icons.next_page::before {
background-position: -31px -57px;
}
.main_icons.previous_page::before {
background-position: -5px -31px;
}
/* Amounts */
.amt {
margin-left: 0;
margin-right: 3px;
}
/* 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 popup windows
------------------------------------------------------- */
.popup_heading .hide_popup {
float: left;
}
/* Styles for rounded headers.
------------------------------------------------------- */
h3.catbg .icon {
margin: -2px 0 0 5px;
}
.cat_bar .desc {
margin: -8px 13px 4px 0;
}
/* Introduce New Title Bar */
h3.titlebg, h4.titlebg, .titlebg, h3.subbg, h4.subbg, .subbg {
padding-right: 9px;
padding-left: 9px;
}
/* Styles for the standard dropdown menus.
------------------------------------------------------- */
#main_menu {
float: right;
}
#menu_nav {
padding: 0;
}
/* Level 3 submenu wrapper positioning. */
.dropmenu li ul ul {
margin: -2em 3.1em 0 0;
}
/* This is a small fix for dropmenu icons */
.dropmenu .main_icons, #profile_menu .main_icons, .dropmenu img {
margin: 0 -4px 0 8px;
}
/* Hiding Level 3 submenu off hover. */
.dropmenu li:hover ul ul, .dropmenu li ul ul, .dropmenu li:hover ul ul ul, .dropmenu li ul ul ul {
right: -9999px;
left: unset;
}
/* Reposition as visible on hover. */
.dropmenu li li:hover ul, .dropmenu li li ul {
right: 11em;
}
/* Indicator for additional levels. Best in the anchor so it stays visible on hover. */
.dropmenu li li.subsections > a::after {
left: 10px;
right: auto;
content: '\25c4';
}
/* the main title. */
h1.forumtitle {
float: right;
}
/* float these items to the left */
#siteslogan, img#smflogo {
float: left;
}
/* Tweak the SMF logo */
img#smflogo {
margin-right: 1em;
}
/* Styles for the general looks of the theme.
------------------------------------------------------- */
.user {
padding-left: 0;
text-align: left;
}
#upper_section .news {
float: right;
}
.navigate_section .unread_links {
float: left;
}
/* Profile drop it needs reverse on RTL */
#profile_menu_top > img.avatar {
float: right;
margin: 2px 0 0 5px;
}
#profile_menu .profile_user_info {
margin: 3px 10px 5px 0;
}
#profile_menu .profile_user_avatar img {
margin: 5px 10px 0 0;
}
.profile_user_links li {
padding-right: 24px;
padding-left: 0;
}
/* The framing graphics */
#search_form {
text-align: left;
}
/* The navigation list (i.e. linktree) */
.navigate_section ul li {
float: right;
}
.navigate_section ul li .dividers {
padding: 0 6px 0 2px;
}
/* the posting icons */
#postbuttons_upper ul li a span {
line-height: 19px;
padding: 0 6px 0 0;
}
.mark_read {
float: left;
}
/* 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 {
float: right;
text-align: left;
}
/* poster and postarea + moderation area underneath */
.poster {
float: right;
}
.postarea, .moderatorbar {
margin: 0 175px 0 0;
}
.keyinfo h5::after {
clear: left;
}
.moderatorbar {
clear: left;
}
/* poster details and list of items */
.poster h4, .poster ul {
padding: 0;
margin: 0;
}
/* The quick buttons */
ul.quickbuttons {
float: left;
clear: left;
}
ul.quickbuttons li {
float: right;
}
.quickbuttons li:last-child, .quickbuttons li:last-child:hover {
border-radius: 4px 1px 1px 4px;
padding-bottom: 0;
}
.quickbuttons li:first-child, .quickbuttons li:first-child:hover {
border-radius: 1px 4px 4px 1px;
padding-bottom: 0;
line-height: 1.9em;
}
.quickbuttons li.quick_edit, .quickbuttons li.post_options {
line-height: 1.9em;
position: relative;
}
.quickbuttons li ul {
text-align: right;
right: unset;
left: -1px;
}
/* The buttonrow */
.buttonrow .button:last-child {
border-radius: 0;
border-right: 0;
}
.buttonrow .button:first-child {
border-radius: 0;
border-right: 1px solid #ccc;
}
.post_verification #verification_control {
margin: .3em 1em .3em 0;
}
.post {
clear: left;
}
#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;
}
#display_jump_to select {
margin: 0 5px 0 0;
}
/* mlist */
#mlist .website_url {
width: 80px;
}
/* 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;
margin: 0 2px;
}
/* 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[type="checkbox"] {
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;
}
#to_item_list_container div, #bcc_item_list_container div {
float: right;
margin: 0;
}
/* 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 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 generic tables.
------------------------------------------------------- */
#info_center .cat_bar, .table_grid tr.catbg th {
text-align: right;
}
.message_index_title {
margin-left: 40px;
}
/* Styles for info boxes.
------------------------------------------------- */
.errorbox, .noticebox, .infobox {
padding: 7px 35px 7px 10px;
}
.errorbox::before, .noticebox::before, .infobox::before {
left: 0;
right: 10px;
}
.errorbox p.alert {
margin: 0 0 0 4px;
float: right;
}
.errorbox, .noticebox, .infobox {
padding: 7px 35px 7px 10px;
}
/* Styles for the profile section.
------------------------------------------------- */
#basicinfo {
float: right;
}
#detailedinfo {
float: left;
}
#basicinfo .icon_fields li {
float: right;
margin-right: 0;
margin-left: 5px;
}
#avatar_server_stored div {
float: right;
}
#detailedinfo dt, #tracking dt {
float: right;
}
#userstatus .smalltext, .pm_icon {
margin: 0 5px 0 0 !important;
}
/* h3 HD Icons */
h3.search_hd {
padding: 8px 45px 6px;
background-position: 99% 50%;
}
h3.profile_hd {
padding: 8px 50px 8px 0;
background-position: 99% 50%;
}
/* 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;
}
.profile_pie {
background-image: url(../images/stats_pie_rtl.png);
float: right;
margin-right: 0;
margin-left: 1em;
}
/* Most popular boards by posts and activity */
#popularposts {
float: right;
}
#popularactivity {
float: left;
}
/* 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;
}
#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;
}
.infolinks {
min-width: 95%;
float: right;
}
/* Styles for the statistics center.
------------------------------------------------- */
.stats_icon {
margin: 2px 3px -1px 6px;
}
dl.stats dt {
float: right;
}
dl.stats dd {
margin: 0 2% 4px 0;
}
#stats tr.windowbg th.stats_month {
text-align: right;
}
.generic_bar .bar, .progress_bar .bar {
left: unset;
right: 0;
}
tr.windowbg th.stats_month, tr.windowbg td.stats_day {
text-align: right;
}
#stats tr.windowbg th.lefttext, #stats tr.titlebg th.lefttext {
text-align: right;
}
/* 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 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 25px 0 0;
padding-left: 0;
}
#helpmain #messageindex {
clear: left;
}
/* Styles for the admincenter (reverse admin.css).
------------------------------------------------- */
/* common admin classes */
#admin_content .button {
float: left;
}
#manage_boards .button {
margin: 2px 6px 0px 6px;
}
/* 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;
padding-left: 0;
}
.is_directory span {
margin: -2px 0 0 3px;
}
/* Styles for the moderation center.
------------------------------------------------- */
ul.moderation_notes li {
padding: 4px 4px 4px 0;
}
h3 .collapse {
float: left;
}
.pages {
margin-left: 0;
margin-right: 7px;
}
/* Styles for the calendar.
----------------------------- */
#main_grid th.days, #main_grid td.days {
text-align: right;
}
/* Code is a code do it LTR */
code.bbc_code, pre.file_content {
text-align: left;
direction: ltr;
}