[tor-commits] r24355: {} New rtl css files from AhmadSherif I added a master-rtl too. (website/trunk/css)
Roger Dingledine
arma at torproject.org
Mon Mar 14 22:23:53 UTC 2011
Author: arma
Date: 2011-03-14 22:23:53 +0000 (Mon, 14 Mar 2011)
New Revision: 24355
Added:
website/trunk/css/layout-rtl.css
website/trunk/css/master-rtl.css
website/trunk/css/typography-rtl.css
Log:
New rtl css files from AhmadSherif
I added a master-rtl too.
Added: website/trunk/css/layout-rtl.css
===================================================================
--- website/trunk/css/layout-rtl.css (rev 0)
+++ website/trunk/css/layout-rtl.css 2011-03-14 22:23:53 UTC (rev 24355)
@@ -0,0 +1,267 @@
+html { direction: rtl; }
+
+.left { float: right; }
+.right { float: left; }
+
+h1#logo {
+ float: right;
+}
+
+h1#logo a,
+h1#logo a:visited {
+ background-position: right top;
+}
+
+#nav {
+ float: left;
+}
+
+#nav ul {
+ float: left;
+}
+
+#nav ul li {
+ float: right;
+}
+
+#calltoaction {
+ float: left;
+}
+
+#calltoaction ul {
+ float: left;
+}
+
+#calltoaction ul li {
+ float: right;
+ margin-right: 10px;
+}
+
+#calltoaction ul li a:link,
+#calltoaction ul li a:visited{
+ border-right: 1px solid #6ab334;
+ border-left: 1px solid #5a952b;
+ float: right;
+}
+
+#banner {
+ background-position: right top;
+}
+
+#download a:link,
+#download a:visited {
+ background-position: right top;
+ float: right;
+ padding: 35px 80px 0 0;
+}
+
+#download a .download-tor {
+ background-position: left center;
+ padding-left: 25px;
+}
+
+#banner ul {
+ background-position: right top;
+ float: left;
+ margin: 0 0 0 15px;
+ padding: 10px 30px 10px 10px;
+}
+
+#breadcrumbs { padding: 0 5px 10px 0; }
+
+#home #maincol {
+ float: right;
+ margin-left: 20px;
+}
+
+#maincol {
+ float: left;
+}
+
+#maincol-left {
+ float: right;
+}
+
+.subcol {
+ float: right;
+}
+
+#content .first {
+ margin-left: 20px;
+}
+
+#home #sidecol {
+ float: left;
+}
+
+#sidecol {
+ float: right;
+ margin: 0 0 0 20px;
+}
+
+#sidecol-right {
+ float: left;
+ margin: 0 20px 0 0;
+}
+
+.user img, .project-icon {
+ float: right;
+ margin: 3px 0 0 10px;
+}
+
+.img-shadow {
+ float:right;
+ background-position: bottom left !important;
+ background-position: bottom left;
+ margin: 10px 10px 10px 0 !important;
+ margin: 10px 5px 10px 0;
+}
+
+.img-shadow .infoblock,
+.img-shadow .important-infoblock,
+.img-shadow .custom-infoblock,
+.img-shadow #sidenav,
+.img-shadow .sidenav-sub {
+ margin: -6px -6px 6px 6px;
+}
+
+#sidenav ul li.dropdown a:link,
+#sidenav ul li.dropdown a:visited { background-position: right center; }
+#sidenav ul li.dropdown a.active { background-position: right center; }
+
+.sidenav-sub ul li.dropdown a:link,
+.sidenav-sub ul li.dropdown a:visited {
+ background-position: right top;
+}
+
+#sidenav ul li a:link,
+#sidenav ul li a:visited {
+ padding: 8px 26px 8px 15px;
+}
+
+#sidenav ul li ul li a:link,
+#sidenav ul li ul li a:visited {
+ padding-right: 37px;
+}
+
+.sidenav-sub ul li a:link,
+.sidenav-sub ul li a:visited {
+ display: block;
+ padding: 0 26px 10px 15px;
+}
+
+#sidenav ul li.active {
+ background-position: right center;
+}
+
+#sidenav ul li ul li ul li a:link,
+#sidenav ul li ul li ul li a:visited {
+ padding-right: 48px;
+}
+
+table td img,
+table tr img {
+ float: right;
+ margin-left: 10px;
+}
+
+.icon {
+ float: right;
+ margin-left: 15px;
+}
+
+.calendar {
+ background-position: right top;
+ float: right;
+ margin-left: 10px;
+}
+
+.fauxhead {
+ background-position: left top;
+}
+
+.meta {
+ float: left;
+}
+
+.windows,
+.mac,
+.linux,
+.android { padding: 5px 20px 5px 0; }
+
+.windows { background-position: right center; }
+.mac { background-position: right center; }
+.linux { background-position: right center; }
+.android { background-position: right center; }
+
+.title {
+ background-position: left top;
+ padding: 10px 10px 0 25px;
+ float: right;
+}
+
+.title a:link,
+.title a:visited {
+ background-position: right top;
+}
+
+.paypal {
+ float: right;
+}
+.paypal span { padding-left: 20px; }
+
+.warning {
+ background-position: right center;
+}
+.warning p { padding-right: 40px; }
+
+.focus .icon {
+ float: right;
+ margin-left: 10px;
+}
+
+input, select {
+ margin: 0 0 10px 3px;
+}
+
+.donate-btn {
+ background-position: right top;
+}
+
+.signup {
+ border-right: 1px solid #6ab334;
+ border-left: 1px solid #5a952b;
+}
+
+select#lang {
+ float: right;
+ margin-left: 3px;
+}
+.go {
+ border-right: 1px solid #6ab334;
+ border-left: 1px solid #5a952b;
+
+}
+
+.onion {
+ float: right;
+ padding-left: 20px;
+}
+
+#footer .about {
+ padding-left: 30px;
+ border-left: 1px solid #ddd;
+ float: right;
+}
+
+#footer .newsletter {
+ padding: 0 30px 15px 0;
+ margin-right: 308px;
+}
+
+#footer .col {
+ float: right;
+ margin-right: 20px;
+}
+
+#footer .first { margin-right: 30px; }
Added: website/trunk/css/master-rtl.css
===================================================================
--- website/trunk/css/master-rtl.css (rev 0)
+++ website/trunk/css/master-rtl.css 2011-03-14 22:23:53 UTC (rev 24355)
@@ -0,0 +1,6 @@
+ at charset "UTF-8";
+ at import "reset.css";
+ at import "layout.css";
+ at import "layout-rtl.css";
+ at import "typography.css";
+ at import "typography-rtl.css";
Added: website/trunk/css/typography-rtl.css
===================================================================
--- website/trunk/css/typography-rtl.css (rev 0)
+++ website/trunk/css/typography-rtl.css 2011-03-14 22:23:53 UTC (rev 24355)
@@ -0,0 +1,68 @@
+#sidenav h2,
+.sidenav-sub h2 { padding: 10px 10px 0 0; }
+h2.bulb {
+ background-position: right top;
+ padding: 0 25px 0 0;
+}
+
+ol, ul {
+ padding-right: 40px;
+}
+
+#nav ul li a:link,
+#nav ul li a:visited {
+ float: right;
+}
+#nav ul li a:hover,
+#nav ul li a.active { background-position: right top;}
+
+h1.headline {
+ float: right;
+}
+
+p.desc {
+ float: right;
+}
+
+#banner .incorrect a:link,
+#banner .incorrect a:visited {
+ text-align: left;
+ float: right;
+ padding-left: 45px;
+}
+
+#sidenav ul {
+ padding-right: 0;
+}
+
+.sidenav-sub ul {
+ padding-right: 0;
+}
+
+table h2,
+#home-our-projects h2,
+#home-announcements h2 {
+ background-position: right top;
+ padding-right: 10px;
+}
+
+.continue a:link,
+.continue a:visited {
+ float: left;
+}
+
+.fakeol {
+ float: right;
+}
+
+.instructions {
+ float: right;
+}
+
+#footer ul {
+ padding-right: 0;
+}
+
+#projects th {
+ text-align: right;
+}
More information about the tor-commits
mailing list