[geeklog-cvs] geeklog: Modified style_rtl.css for Right-To-Left languages
geeklog-cvs at lists.geeklog.net
geeklog-cvs at lists.geeklog.net
Mon Apr 23 19:08:15 EDT 2012
changeset 8608:8ef3b42af54f
url: http://project.geeklog.net/cgi-bin/hgwebdir.cgi/geeklog/rev/8ef3b42af54f
user: dengen
date: Sun Apr 15 14:07:15 2012 +0900
description:
Modified style_rtl.css for Right-To-Left languages
diffstat:
public_html/layout/denim/admin/config/configuration.thtml | 2 +-
public_html/layout/denim/style.css | 10 +-
public_html/layout/denim/style_rtl.css | 421 ++++++-------
3 files changed, 196 insertions(+), 237 deletions(-)
diffs (truncated from 1174 to 300 lines):
diff -r 773e5e491b74 -r 8ef3b42af54f public_html/layout/denim/admin/config/configuration.thtml
--- a/public_html/layout/denim/admin/config/configuration.thtml Sat Apr 14 22:04:09 2012 +0900
+++ b/public_html/layout/denim/admin/config/configuration.thtml Sun Apr 15 14:07:15 2012 +0900
@@ -9,7 +9,7 @@
</form>
<div id="config_menu">
- <div id="search-configuration-container" style="text-align: left">
+ <div id="search-configuration-container">
<label for="search-configuration">{search_configuration_label}</label>
<input name="search-configuration" id="search-configuration" type="text" value="{search_configuration_value}"{xhtml}>
<input name="tab-id" id="tab-id" type="hidden" value="{tab_id_value}"{xhtml}>
diff -r 773e5e491b74 -r 8ef3b42af54f public_html/layout/denim/style.css
--- a/public_html/layout/denim/style.css Sat Apr 14 22:04:09 2012 +0900
+++ b/public_html/layout/denim/style.css Sun Apr 15 14:07:15 2012 +0900
@@ -1163,7 +1163,7 @@
}
body.center-right #main-content {
width: 840px; /* Main Content Width = [W] - [R] - Right Padding 10px - Left Padding 10px */
- margin: 0 280px 0 0; /* Right Margin = Right Block Width[R] */
+ margin: 0 280px 0 0; /* Right Margin = [R] */
padding: 0 10px;
}
@@ -1188,16 +1188,16 @@
#rightblocks {
overflow: auto;
float: left;
- width: 280px; /* Right Block Width[R] */
- margin: 0 0 0 -280px; /* Left Margin = - ( Right Block Width[R] ) */
+ width: 280px; /* [R] */
+ margin: 0 0 0 -280px; /* Left Margin = -[R] */
}
/* JavaScript Disenabled Right Block Container */
body.js_off #rightblocks {
overflow: auto;
float: left;
- width: 280px; /* Right Block Width[R] */
- margin: 0 0 0 -280px; /* Left Margin = - ( Right Block Width[R] ) */
+ width: 280px; /* [R] */
+ margin: 0 0 0 -280px; /* Left Margin = -[R] */
}
/*--------------------------------------
diff -r 773e5e491b74 -r 8ef3b42af54f public_html/layout/denim/style_rtl.css
--- a/public_html/layout/denim/style_rtl.css Sat Apr 14 22:04:09 2012 +0900
+++ b/public_html/layout/denim/style_rtl.css Sun Apr 15 14:07:15 2012 +0900
@@ -7,6 +7,10 @@
form, legend {
margin: 0;
padding: 0;
+ text-align: right;
+}
+label {
+ text-align: right;
}
body {
@@ -97,11 +101,11 @@
dt {
font-weight: bold;
- margin-left: 20px;
+ margin-right: 20px;
}
dd {
- margin-left: 20px;
+ margin-right: 20px;
}
ins {
@@ -119,7 +123,7 @@
th {
font-weight: bold;
- text-align: left;
+ text-align: right;
margin: 0;
background-color:#DAE0ED; /* compatible with professional */
}
@@ -226,7 +230,7 @@
*/
option {
- padding-right: 4px; /* for Firefox */
+ padding-left: 4px; /* for Firefox */
}
iframe[width="100%"] {
@@ -252,13 +256,13 @@
/* general alignment classes **************************************************/
.alignleft {
+ text-align: right;
+}
+
+.alignright {
text-align: left;
}
-.alignright {
- text-align: right;
-}
-
.aligncenter {
text-align: center;
}
@@ -268,13 +272,13 @@
}
.floatright {
+ float: left;
+}
+
+.floatleft {
float: right;
}
-.floatleft {
- float: left;
-}
-
.clearboth {
clear: both;
}
@@ -305,14 +309,14 @@
background-color: transparent;
background: url(images/external.png) center right no-repeat;
background-attachment: scroll;
- padding-right: 13px;
+ padding-left: 13px;
}
.feed-link {
background-color: transparent;
background: url(images/feed.png) center right no-repeat;
background-attachment: scroll;
- padding: 2px 16px 2px 0px;
+ padding: 2px 0px 2px 16px;
}
.strike {
@@ -341,17 +345,17 @@
.form-description {
/* used with calendar plugin */
font-weight: bold;
- float: left;
+ float: right;
width: 100px;
- text-align: right;
- padding-right: 5px;
+ text-align: left;
+ padding-left: 5px;
display: block;
}
.form-field {
/* used with calendar plugin */
padding-bottom: 5px;
- margin-left: 105px;
+ margin-right: 105px;
}
.checkboxes-list {
@@ -363,7 +367,7 @@
.checkboxes-list span {
/* space between the text and the checkbox */
- padding-left: 5px;
+ padding-right: 5px;
}
.checkboxes-list .gldefault {
@@ -409,29 +413,29 @@
.sysmessage img {
border: none;
- float: left;
+ float: right;
margin-top: -4px;
padding-bottom: 3px;
- padding-right: 5px;
+ padding-left: 5px;
}
/* Stats **********************************************************************/
.stats-list-count {
- text-align: right;
+ text-align: left;
padding-left: 5px;
padding-right: 5px;
}
.stats-header-title {
- text-align: left;
+ text-align: right;
width: 90%;
padding-left: 5px;
padding-right: 5px;
}
.stats-header-count {
- text-align: left;
+ text-align: right;
width: 10%;
padding-left: 5px;
padding-right: 5px;
@@ -474,7 +478,7 @@
color: #000;
background-color: #B7C1DC;
padding: 5px;
- text-align: left;
+ text-align: right;
}
.plugin tr {
@@ -553,7 +557,7 @@
color: #000;
background-color: #C9D1E4;
padding: 5px;
- text-align: left;
+ text-align: right;
}
.pluginSubTable tr {
@@ -774,16 +778,16 @@
--------------------------------------*/
.compact dt {
- float: left;
- clear: left;
+ float: right;
+ clear: right;
width: 24%;
margin: 0 0 1em 0;
- padding: 0 1% 0 0;
+ padding: 0 0 0 1%;
font-weight: normal;
}
.compact dd {
- float: left;
+ float: right;
width: 75%;
margin: 0 0 1em 0;
padding: 0;
@@ -791,7 +795,7 @@
/* Description */
.compact dd.description {
- margin: -0.5em 0 1em 25%;
+ margin: -0.5em 25% 1em 0;
padding: 0;
}
@@ -846,9 +850,9 @@
.profile_notes dt {
margin: 0 0 0.5em 0;
- padding: 0 0 0 24px;
+ padding: 0 24px 0 0;
border-bottom: 1px solid #CCC;
- background: url(images/icon_info.png) no-repeat 0 0;
+ background: url(images/icon_info.png) no-repeat top right;
font-weight: bold;
color: #666;
}
@@ -866,7 +870,7 @@
}
.profile_notes li {
- margin: 0 0 0 5px;
+ margin: 0 5px 0 0;
padding: 0;
}
@@ -900,10 +904,10 @@
* Container Width = 100%
* Header Width = 100%
* Site Width [W] = 1280px
- * Left Block Width [L] = 180px = 160px + left padding 10px + right padding 10px
- * Right Block Width [R] = 280px = 260px + left padding 10px + right padding 10px
- * Center Block Width(3 Column) = [W] - [L] - [R] = 820px = 1280px - 180px - 280px
- * Center Block Width(2 Column) = [W] - [L] = 1100px = 1280px - 180px
+ * Left Block Width [L] = 280px = 260px + left padding 10px + right padding 10px
+ * Right Block Width [R] = 180px = 160px + left padding 10px + right padding 10px
+ * Center Block Width(3 Column) = [W] - [L] - [R] = 820px = 1280px - 280px - 180px
+ * Center Block Width(2 Column) = [W] - [L] = 1100px = 1280px - 280px
* Center Block Width(2 Column) = [W] - [R] = 1000px = 1280px - 280px
* Center Block Width(1 Column) = [W] = 1280px
@@ -943,9 +947,9 @@
/* Site Name */
.site_name {
- margin: 12px 0 0 16px;
+ margin: 12px 16px 0 0;
More information about the geeklog-cvs
mailing list