phpBB

Code Changes

File: styles/prosilver/theme/bidi.css

  Unmodified   Added   Modified   Removed
Line 1Line 1
/* RTL definitions
---------------------------------------- */

/**
* common.css
*/
.rtl h1 {
margin-right: 0;
margin-left: 200px;
}

.rtl p.right {
text-align: left;
}

.rtl div.rules ul {
margin-left: 0;
margin-right: 20px;
}

/* Main blocks
---------------------------------------- */
.rtl .logo {
float: right;
padding: 10px 10px 0 13px;
}

/* Site Description
--------------------------------------------- */
.rtl #site-description {
float: right;
}

.rtl #site-description h1 {
margin-left: 0;
}

/* Round cornered boxes and backgrounds
---------------------------------------- */
.rtl .post {
background-position: 0 0;
}

/* Horizontal lists
----------------------------------------*/
.rtl ul.linklist > li {
float: right;
margin-right: 0;
margin-left: 7px;
}

.rtl ul.linklist > li.rightside, .rtl p.rightside, .rtl a.rightside {
float: left;
margin-right: 7px;
margin-left: 0;
text-align: left;
}

.rtl ul.leftside > li, .rtl ul.rightside > li {
float: left;
}

.rtl ul.leftside {
float: right;
margin-left: 5px;
margin-right: 0;
text-align: right;
}

.rtl ul.rightside {
float: left;
margin-left: -5px;
margin-right: 5px;
text-align: left;
}

/* Bulletin icons for list items
----------------------------------------*/
.rtl ul.linklist.bulletin > li:before {
padding-left: 4px;
padding-right: 0;
}

.rtl ul.linklist li.responsive-menu a.responsive-menu-link:before {
left: auto;
right: 0;
}

/* Dropdown menu
---------------------------------------- */
.rtl .dropdown-container.topic-tools {
float: right;
}

.rtl .dropdown li {
text-align: right;
}

.rtl .dropdown-contents > li {
padding-left: 15px;
padding-right: 0;
}

.rtl .dropdown-nonscroll > li {
padding-left: 0;
}

.rtl .dropdown li li {
padding-left: 0;
padding-right: 18px;
}

.rtl .dropdown-extended .header {
text-align: right;
}

.rtl .dropdown-extended .header .header_settings {
float: left;
}

/* Notifications
----------------------------------------*/
.rtl .notification_list ul li img {
float: right;
margin-left: 5px;
margin-right: 0;
}

.rtl .notification_list div.notifications {
margin-left: 0;
margin-right: 50px;
}

.rtl .notification_text {
margin-left: 0;
margin-right: 58px;
}

.rtl .notification_list p.notification-time {
text-align: left;
}

/* Responsive breadcrumbs
----------------------------------------*/
.rtl .breadcrumbs .crumb {
float: right;
}

/* Table styles
----------------------------------------*/
.rtl table.table1 thead th {
padding: 0 3px 4px 0;
}

.rtl table.table1 thead th span {
padding-left: 0;
padding-right: 7px;
}

.rtl table.table1 tbody th {
text-align: right;
}

/* Specific column styles */
.rtl table.table1 .name { text-align: right; }
.rtl table.table1 .joined { text-align: right; }
.rtl table.table1 .active { text-align: right; }
.rtl table.table1 .info { text-align: right; }
.rtl table.table1 thead .autocol { padding-left: 0; padding-right: 1em; }

.rtl table.table1 span.rank-img {
float: left;
}

.rtl table.info tbody th {
text-align: left;
}

.rtl .forumbg table.table1 {
margin: 0 -1px -1px -2px;
}

/* Misc layout styles
---------------------------------------- */
/* column[1-2] styles are containers for two column layouts
Also see tweaks.css */
.rtl .column1 {
float: right;
clear: right;
}

.rtl .column2 {
float: left;
clear: left;
}

/* General classes for placing floating blocks */
.rtl .left-box {
float: right;
text-align: right;
}

.rtl .right-box {
float: left;
text-align: left;
}

.rtl dl.details dt {
float: right;
clear: right;
text-align: left;
}

.rtl dl.details dd {
margin-right: 0;
margin-left: 0;
padding-right: 5px;
padding-left: 0;
float: right;
}

*:first-child+html dl.details dd {
margin-right: 30%;
float: none;
}

* html dl.details dd {
margin-right: 30%;
float: none;
}

/* Pagination
---------------------------------------- */
.rtl .pagination {
text-align: left;
float: left;
}

.rtl .pagination > ul {
margin-left: 0;
margin-right: 5px;
}

/* Pagination in viewforum for multipage topics */
.rtl .row .pagination {
background-position: 100% 50%;
float: left;
padding-left: 0;
padding-right: 15px;
}

.rtl .row .pagination > ul {
margin: 0;
}

.rtl .pagination span {
direction: ltr;
}

.pagination li.page-jump {
margin-left: 5px;
margin-right: 0;
}

.pagination li.previous a { background-position: -50px 2px; }
.pagination li.next a { background-position: -30px 2px; }
.pagination li.previous a:hover { background-position: -50px -18px; }
.pagination li.next a:hover { background-position: -30px -18px; }

/* Miscellaneous styles
---------------------------------------- */
.rtl #forum-permissions {
float: left;
padding-right: 5px;
padding-left: 0;
margin-right: 5px;
margin-left: 0;
text-align: left;
}

.rtl #quick-links {
margin-left: 7px;
margin-right: 0;
}

.rtl .header-avatar span:after {
float: left;
padding-left: 0;
padding-right: 2px;
}

.rtl .member-search {
float: right;
}

/**
* links.css
*/

/* Back to top of page */
.rtl .back2top {
text-align: left;
}

/* Links adjustment to correctly display an order of rtl/ltr mixed content */
.rtl a {
direction: rtl;
unicode-bidi: embed;
}

li.breadcrumbs span:first-child > a {
padding-left: 0;
padding-right: 19px;
}

.rtl a.top {
float: left;
}

.rtl a.top2 {
background-position: 100% 50%;
padding-left: 0;
padding-right: 15px;
}

.rtl .skiplink {
/* invisible skip link, used for accessibility */
left: 0;
right: -999px;
}

.rtl a.feed-icon-forum {
float: left;
}

/**
* content.css
*/
.rtl ul.topiclist dt, .rtl li.header dt {
float: right;
margin-right: 0;
margin-left: -440px;
}

.rtl ul.topiclist.missing-column dt {
margin-right: 0;
margin-left: -345px;
}

.rtl ul.topiclist.two-long-columns dt {
margin-right: 0;
margin-left: -250px;
}

.rtl ul.topiclist.two-columns dt {
margin-right: 0;
margin-left: -80px;
}

.rtl ul.topiclist dt .list-inner {
margin-right: 0;
margin-left: 440px;
}

.rtl ul.topiclist.missing-column dt .list-inner {
margin-right: 0;
margin-left: 330px;
}

.rtl ul.topiclist.two-long-columns dt .list-inner {
margin-right: 0;
margin-left: 250px;
}

.rtl ul.topiclist.two-columns dt .list-inner {
margin-right: 0;
margin-left: 80px;
}

.rtl ul.topiclist dd {
float: right;
border-right-width: 1px;
border-right-style: solid;
border-left: none;
}

.rtl ul.topiclist dfn {
left: auto;
right: -999px;
}

.rtl ul.topiclist li.row dt a.subforum {
padding-right: 12px;
background-position: right;
position: static;
}

.rtl .forum-image {
float: right;
margin-right: 0;
margin-left: 5px;
}

.rtl li.header dt, .rtl li.header dd {
border-right-width: 0;
}

.rtl li.header dd {
padding-left: 0;
padding-right: 1px;
}

.rtl dl.icon {
background-position: 99.5% 50%;
}

.rtl li.header dl.icon dt .list-inner {
/* Tweak for headers alignment when folder icon used */
padding-right: 0;
padding-left: 50px;
}

.rtl dl.icon dt {
background-position: 99.5% 95%; /* Position of topic icon */
}

.rtl dl.icon dt .list-inner {
padding-left: 5px;
padding-right: 45px; /* Space for folder icon */
}

.rtl dl a.icon-link { /* topic row icon links */
display: inline-block;
left: auto;
right: 0;
margin-left: 0;
margin-right: 2px;
}

.rtl dd.lastpost > span, .rtl ul.topiclist dd.info > span, .rtl ul.topiclist dd.time > span, .rtl dd.redirect > span, .rtl dd.moderation > span {
padding-left: 0;
padding-right: 5px;
}

/* Post body styles
----------------------------------------*/
.rtl .postbody, .rtl .postbody h3 {
float: right;
}

.rtl .has-profile .postbody h3 {
margin-right: 0;
margin-left: 180px;
}

.rtl p.post-notice {
padding-left: 5px;
padding-right: 26px;
}

.rtl p.post-notice:before {
left: auto;
right: 0;
}

/* Topic review panel
----------------------------------------*/
.rtl #topicreview {
padding-right: 0;
padding-left: 5px;
}

/* Content container styles
----------------------------------------*/
.rtl .content ul, .rtl .content ol {
margin-right: 3em;
margin-left: 0;
}

.rtl .signature {
clear: right;
}

.rtl .notice {
clear: right;
}

/* Jump to post link for now */
.rtl ul.searchresults {
text-align: left;
}

/* BB Code styles
----------------------------------------*/
/* Quote block */
.rtl blockquote {
margin: 0.5em 25px 0 1px;
background-position: 99% 8px;
}

.rtl blockquote blockquote {
/* Nested quotes */
margin: 0.5em 15px 0 1px;
}

.rtl blockquote cite {
/* Username/source of quoter */
margin-right: 20px;
margin-left: 0;
}

.rtl blockquote .codebox {
margin-right: 0;
}

.rtl code {
direction: ltr;
}

/* Attachments
----------------------------------------*/
.rtl .attachbox {
float: right;
margin: 5px 0 5px 5px;
clear: right;
}

.rtl .attachbox dd {
clear: right;
}

.rtl .attachbox p {
clear: right;
}

.rtl .attachbox p.stats {
clear: right;
}

/* Post poll styles
----------------------------------------*/
.rtl fieldset.polls dt {
text-align: right;
float: right;
border-left: none;
}

.rtl fieldset.polls dd {
float: right;
border-right: none;
margin-right: 0;
}

.rtl fieldset.polls dd div {
text-align: left;
}

.rtl .pollbar1, .rtl .pollbar2, .rtl .pollbar3, .rtl .pollbar4, .rtl .pollbar5 {
border-left-width: 1px;
border-left-style: solid;
border-right: none;
}

/* Poster profile block
----------------------------------------*/
.rtl .postprofile {
border-width: 0 1px 0 0;
float: left;
/* text-align: right; */
}

.rtl .pm .postprofile {
border-right-width: 1px;
border-right-style: solid;
border-left: none;
}

.rtl .postprofile dd, .rtl .postprofile dt {
margin-left: 0;
margin-right: 8px;
}

.rtl .postprofile .avatar {
float: right;
}

.rtl .online {
background-position: 0 0;
}

.rtl dl.pmlist dd {
margin-right: 61% !important;
margin-left: 0 !important;
}

/**
* buttons.css
*/
/* Rollover buttons
Based on: http://wellstyled.com/css-nopreload-rollovers.html
----------------------------------------*/
.rtl .dropdown-select {
padding-left: 24px;
padding-right: 8px;
}

.rtl .icon-button:before {
float: left;
margin-left: 0;
margin-right: 2px;
}

.rtl .dropdown-select.icon-button:before {
margin-left: 4px;
margin-right: 0;
}

.rtl .dropdown-select:after {
border-left: 0;
border-right-style: solid;
border-right-width: 1px;
left: 0;
right: auto;
}

.rtl .buttons, .rtl .buttons .button {
float: right;
}

.rtl .buttons .button, .rtl .dropdown-select {
margin-left: 5px;
margin-right: 0;
}

/* Icon images
---------------------------------------- */
.rtl .small-icon {
background-position: 100% 50%;
}

.rtl .small-icon > a {
padding-left: 0;
padding-right: 19px;
}

/* Post control buttons
--------------------------------------------- */
.rtl .post-buttons {
float: left;
}

.rtl .has-profile .post-buttons {
left: 0;
right: auto;
}

.rtl .post-buttons li {
float: right;
}

.post-buttons .icon-button:before {
margin-right: 0;
}

/* Poster contact icons
----------------------------------------*/
.rtl .contact-icons a {
border-left-width: 1px;
border-left-style: dotted;
border-right: none;
float: right;
}

.rtl .contact-icons .last-cell {
border-left: none;
}

/**
* cp.css
*/
/* Control Panel Styles
---------------------------------------- */


/* Main CP box
----------------------------------------*/
.rtl #cp-menu {
float: right;
}

.rtl #cp-main {
float: right;
}

.rtl #cp-main .panel ol {
margin-right: 2em;
margin-left: 0;
}

.rtl #cp-main .buttons {
margin-right: 0;
margin-left: 0;
}

.tabs-container h2 {
float: right;
}

/* CP tabbed menu
----------------------------------------*/
.rtl #tabs {
margin-left: 0;
margin-right: 7px;
}

.rtl #tabs .tab {
float: right;
}

.rtl #tabs .tab > a {
margin-left: 1px;
margin-right: 0;
}

/* Mini tabbed menu used in MCP
----------------------------------------*/
.rtl #minitabs {
float: left;
margin-right: 0;
margin-left: 7px;
}

.rtl #minitabs .tab {
float: left;
}

.rtl #minitabs .tab > a {
margin-right: 2px;
margin-left: 0;
}

/* Responsive tabs
----------------------------------------*/
.rtl #tabs .dropdown {
margin-left: -2px;
}

.rtl #tabs .dropdown li {
text-align: left;
}

.rtl #minitabs .dropdown {
margin-left: -4px;
}

.rtl #minitabs .dropdown li {
text-align: right;
}

/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
.rtl #cp-menu, .rtl #navigation, .rtl #cp-main {
float: none;
}
}

/* UCP navigation menu
----------------------------------------*/

/* Preferences pane layout
----------------------------------------*/
.rtl #cp-main h2 {
margin-left: 0;
margin-right: 10px;
}

/* Friends list */
.rtl .cp-mini {
margin: 10px 5px 10px 15px;
}

/* PM Styles
----------------------------------------*/

/* PM panel adjustments */
.rtl .reply-all a.right {
background-position: 5% 60%;
}

.rtl .reply-all a.right:hover {
background-position: 3% 60%;
}

.rtl .reply-all {
padding-left: 5px;
}

/* Defined rules list for PM options */
.rtl ol.def-rules {
padding-right: 0;
}

/* PM marking colours */
.rtl .pm-legend {
border-right-width: 10px;
border-right-style: solid;
border-left-width: 0;
padding-left: 0;
padding-right: 3px;
}

/* Avatar gallery */
.rtl #gallery label {
float: right;
}

/* Responsive *CP navigation
----------------------------------------*/
@media only screen and (max-width: 900px), only screen and (max-device-width: 900px)
{
.rtl #cp-menu, .rtl #navigation, .rtl #cp-main {
float: none;
}
}

/**
* forms.css
*/

/* General form styles
----------------------------------------*/

.rtl option {
padding-right: 0;
padding-left: 1em;
}

.rtl label {
padding-right: 0;
padding-left: 5px;
}

/* Definition list layout for forms
---------------------------------------- */
.rtl fieldset dt {
float: right;
text-align: right;
}

.rtl fieldset dd {
margin-left: 0;
margin-right: 41%;
}

/* Specific layout 1 */
.rtl fieldset.fields1 dt {
border-left-width: 0;
border-right-width: 1px;
}

.rtl fieldset.fields1 dd {
margin-right: 15em;
margin-left: 0;
border-right-width: 0;
border-left-width: 1px;
}

/* Specific layout 2 */
.rtl fieldset.fields2 dt {
border-right-width: 1px;
border-left-width: 0;
}

.rtl fieldset.fields2 dd {
margin-right: 16em;
margin-left: 0;
border-left-width: 1px;
border-right-width: 0;
}

/* Form elements */
.rtl dt label {
text-align: right;
}

.rtl dd input, .rtl dd textarea {
margin-left: 3px;
margin-right: 0;
}

/* Quick-login on index page */
.rtl fieldset.quick-login input.inputbox {
margin-left: 5px;
margin-right: 0;
}

.rtl fieldset.quick-login label {
padding-left: 2px;
padding-right: 0;
}

/* Display options on viewtopic/viewforum pages */
.rtl fieldset.display-options label {
padding-left: 2px;
padding-right: 0;
}

/* Display actions for ucp and mcp pages */
.rtl fieldset.display-actions {
text-align: left;
padding-left: 1em;
padding-right: 0;
}

.rtl fieldset.display-actions label {
padding-left: 2px;
padding-right: 0;
}

/* MCP forum selection*/
.rtl fieldset.forum-selection {
float: left;
}

.rtl fieldset.forum-selection2 {
float: left;
}

/* Posting page styles
----------------------------------------*/

/* Emoticons panel */
.rtl #smiley-box {
float: left;
}

/* Search box
---------------------------------------- */

/* Topic and forum Search */
.rtl .search-box {
float: right;
}

.rtl .search-box .inputbox {
border-left-width: 0;
border-right-width: 1px;
border-radius: 0 4px 4px 0;
float: right;
padding: 3px;
}

.rtl .search-box .button {
float: right;
}

.rtl .search-box a.button {
border-left-width: 1px;
border-right-width: 0;
border-radius: 4px 0 0 4px;
padding-left: 5px;
padding-right: 3px;
}

.rtl .search-header {
float: left;
margin-right: 0;
margin-left: 5px;
}

.rtl input.search {
background-position: right 1px;
padding-right: 17px;
padding-left: 0;
}

/**
* tweaks.css
*/


/* Form button styles
---------------------------------------- */

/** Reference: Bug #27155 */
.rtl #wrap, .rtl .headerbar, .rtl #site-description, .rtl .navbar {
position: relative;
}

/* Former imageset */
.rtl .imageset.forum_link, .rtl .imageset.forum_read, .rtl .imageset.forum_read_locked, .rtl .imageset.forum_read_subforum, .rtl .imageset.forum_unread, .rtl .imageset.forum_unread_locked, .rtl .imageset.forum_unread_subforum, .rtl .imageset.topic_moved, .rtl .imageset.topic_read, .rtl .imageset.topic_read_mine, .rtl .imageset.topic_read_hot, .rtl .imageset.topic_read_hot_mine, .rtl .imageset.topic_read_locked, .rtl .imageset.topic_read_locked_mine, .rtl .imageset.topic_unread, .rtl .imageset.topic_unread_mine, .rtl .imageset.topic_unread_hot, .rtl .imageset.topic_unread_hot_mine, .rtl .imageset.topic_unread_locked, .rtl .imageset.topic_unread_locked_mine, .rtl .imageset.sticky_read, .rtl .imageset.sticky_read_mine, .rtl .imageset.sticky_read_locked, .rtl .imageset.sticky_read_locked_mine, .rtl .imageset.sticky_unread, .rtl .imageset.sticky_unread_mine, .rtl .imageset.sticky_unread_locked, .rtl .imageset.sticky_unread_locked_mine, .rtl .imageset.announce_read, .rtl .imageset.announce_read_mine, .rtl .imageset.announce_read_locked, .rtl .imageset.announce_read_locked_mine, .rtl .imageset.announce_unread, .rtl .imageset.announce_unread_mine, .rtl .imageset.announce_unread_locked, .rtl .imageset.announce_unread_locked_mine, .rtl .imageset.global_read, .rtl .imageset.global_read_mine, .rtl .imageset.global_read_locked, .rtl .imageset.global_read_locked_mine, .rtl .imageset.global_unread, .rtl .imageset.global_unread_mine, .rtl .imageset.global_unread_locked, .rtl .imageset.global_unread_locked_mine, .rtl .imageset.pm_read, .rtl .imageset.pm_unread {
padding-right: 27px;
padding-left: 0;
}
.rtl .imageset.subforum_read, .rtl .imageset.subforum_unread, .rtl .imageset.icon_post_target, .rtl .imageset.icon_post_target_unread, .rtl .imageset.icon_topic_latest, .rtl .imageset.icon_topic_newest {
padding-right: 11px;
padding-left: 0;
}
.rtl .imageset.icon_back_top {
padding-right: 11px;
padding-left: 0;
}
.rtl .imageset.icon_contact_aim, .rtl .imageset.phpbb_aol-icon, .rtl .imageset.icon_contact_email, .rtl .imageset.icon_contact_icq, .rtl .imageset.phpbb_icq-icon, .rtl .imageset.icon_contact_jabber, .rtl .imageset.icon_contact_msnm, .rtl .imageset.phpbb_wlm-icon, .rtl .imageset.icon_contact_www, .rtl .imageset.phpbb_website-icon, .rtl .imageset.icon_contact_yahoo, .rtl .imageset.phpbb_yahoo-icon, .rtl .imageset.icon_post_delete, .rtl .imageset.icon_post_info, .rtl .imageset.icon_post_report, .rtl .imageset.icon_user_warn {
padding-right: 20px;
padding-left: 0;
}
.rtl .imageset.icon_topic_attach {
padding-right: 7px;
padding-left: 0;
}
.rtl .imageset.icon_topic_reported, .rtl .imageset.icon_topic_unapproved {
padding-right: 16px;
padding-left: 0;
}

/**
* plupload.css
*/

.rtl .attach-controls {
float: left;
}

/**
* responsive.css
*/
@media only screen and (max-width: 700px), only screen and (max-device-width: 700px)
{
/* .topiclist lists
----------------------------------------*/
.rtl ul.topiclist li.header dt, .rtl ul.topiclist li.header dt .list-inner {
margin-left: 0 !important;
padding-left: 0;
}

.rtl ul.topiclist dt, .rtl ul.topiclist dt .list-inner,
.rtl ul.topiclist.missing-column dt, .rtl ul.topiclist.missing-column dt .list-inner,
.rtl ul.topiclist.two-long-columns dt, .rtl ul.topiclist.two-long-columns dt .list-inner,
.rtl ul.topiclist.two-columns dt, .rtl ul.topiclist.two-columns dt .list-inner {
margin-left: 0;
}

.rtl ul.topiclist dt .list-inner.with-mark {
padding-left: 34px;
}

/* Forums and topics lists
----------------------------------------*/
.rtl ul.topiclist.forums dt {
margin-left: -250px;
}
.rtl ul.topiclist.forums dt .list-inner {
margin-left: 250px;
}

.rtl ul.topiclist dd.mark {
left: 5px;
right: auto;
text-align: right;
}

@media only screen and (max-width: 550px), only screen and (max-device-width: 550px)
{
.rtl ul.topiclist.forums dt {
margin-left: 0;
}

.rtl ul.topiclist.forums dt .list-inner {
margin-left: 0;
}
}

.rtl table.responsive.show-header thead, .rtl table.responsive.show-header th:first-child {
text-align: right !important;
}

.rtl table.responsive td {
text-align: right !important;
}

/* User profile
----------------------------------------*/
.rtl .column1, .rtl .column2, .rtl .left-box.profile-details {
float: none;
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px)
{
.rtl dl.details dt, .rtl dl.details dd {
float: none;
text-align: right;
}

.rtl dl.details dd {
margin-left: 0;
margin-right: 20px;
}
}

/* Post
----------------------------------------*/
.rtl .postprofile, .rtl .postbody, .rtl .search .postbody {
float: none;
}

.rtl .post .postprofile {
border-width: 0 0 1px 0;
}

.rtl .postprofile dt, .rtl .postprofile dd.profile-rank, .rtl .search .postprofile dd {
margin: 0;
}

.rtl .postprofile .avatar {
margin-left: 5px;
margin-right: 0;
}

.rtl .has-profile .post-buttons {
left: 20px;
}

/* Forms
----------------------------------------*/
.rtl fieldset dt, .rtl fieldset.fields1 dt, .rtl fieldset.fields2 dt {
float: none;
}

.rtl fieldset dd, .rtl fieldset.fields1 dd, .rtl fieldset.fields2 dd {
margin-right: 20px;
}

@media only screen and (max-width: 500px), only screen and (max-device-width: 500px) {
.captcha-panel dd.captcha {
margin-right: 0;
}
}
}