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 @@ +@charset "UTF-8"; +@import "reset.css"; +@import "layout.css"; +@import "layout-rtl.css"; +@import "typography.css"; +@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; +}