--=REKLAMA=--

Beez/CSS/template rtl.css

Z Joomla!WikiPL

  1. /**
  2.  * @version $Id: template_rtl.css 10571 2008-07-21 01:27:35Z pasamio $
  3.  * @package Joomla
  4.  * @subpackage Accessible-Template-Beez
  5.  * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.
  6.  * @license GNU/GPL, see LICENSE.php
  7.  * Joomla! is free software. This version may have been modified pursuant to the
  8.  * GNU General Public License, and as distributed it includes or is derivative
  9.  * of works licensed under the GNU General Public License or other free or open
  10.  * source software licenses. See COPYRIGHT.php for copyright notices and
  11.  * details.
  12.  */
  13.  
  14.  /**
  15.  * Joomla! 1.5 Beez template RTL css file
  16.  *
  17.  * @author                 Mati Kochen /Angie Radtke
  18.  * @package                Joomla
  19.  * @since                1.5
  20.  * @version     1.0
  21.  */
  22.  
  23. body{
  24. 	direction: rtl;
  25. }
  26.  
  27. p{
  28. 	text-align: right;
  29. }
  30.  
  31. /* Font Size */
  32. #fontsize {
  33. 	right: auto;
  34. 	left: 0;
  35. 	padding: 4px 0;
  36. }
  37.  
  38. #fontsize h3 {
  39. 	margin: 0;
  40. 	padding: 0;
  41. }
  42.  
  43. #fontsize p {
  44. 	margin: 0 5px 0 0;
  45. 	padding: 0;
  46. }
  47.  
  48. #fontsize p a {
  49. 	display: -moz-inline-box;
  50. 	padding: 0 24px 0 0;
  51. 	zoom: 1;
  52. }
  53.  
  54. /* Font Size Background Images */
  55. #fontsize p a.larger { background: #fff url(../images/lupe_larger.gif) right no-repeat; }
  56. #fontsize p a.smaller { background: #fff url(../images/lupe_smaller.gif) right no-repeat; }
  57. #fontsize p a.reset { background: #fff url(../images/lupe_reset.gif) right no-repeat; }
  58. #fontsize p a.reset:hover, #fontsize p a.reset:active, #fontsize p a.reset:focus,
  59. #fontsize p a.smaller:hover, #fontsize p a.smaller:active, #fontsize p a.smaller:focus,
  60. #fontsize p a.larger:hover, #fontsize p a.larger:active, #fontsize p a.larger:focus { background-position:right; }
  61.  
  62. #logo  {text-align:right}
  63. #logo span{
  64. 	margin: 0 100px 2px 0 !important;
  65. 	text-align: right;
  66. }
  67.  
  68. #header {overflow:hidden }
  69.  
  70. #header ul{
  71. 	text-align: left;
  72. }
  73.  
  74. #header ul li{
  75. 	background: none;
  76. }
  77.  
  78. #header ul li a:link,
  79. #header ul li a:visited
  80. {
  81. 	border-right: solid 1px #666 !important;
  82. 	display: -moz-inline-box;
  83. 	zoom:1
  84. }
  85.  
  86. body #header ul {
  87. 	padding-top: 3px;
  88. 	margin-bottom: -5px;
  89. }
  90.  
  91. #header form{
  92. 	float: left !important;
  93. 	text-align: right;
  94. 	margin: 0 -10px 0 0 !important;
  95. }
  96.  
  97. #header form .inputbox {
  98. 	padding:0 2px 0 0;
  99. 	margin-right:  20px !important;
  100. }
  101.  
  102. #header form .button{
  103. 	margin:20px 0 0 10px;
  104. 	padding:0 30px 0 5px;	
  105. 	background: #000000 url(../images/pfeil_rtl.gif) no-repeat scroll 100%
  106. }
  107.  
  108. #breadcrumbs{
  109. 	text-align: right !important;
  110. 	margin:0 0 0 -10px !important;	
  111. }
  112.  
  113. #wrapper {
  114. 	margin:0 21% 0 0;
  115. }
  116.  
  117. #main2{
  118. 	float: right;
  119. }
  120.  
  121. #left{
  122. 	float: right;
  123. }
  124.  
  125. #right{
  126. 	right: auto;
  127. 	left: 0;
  128. 	float: right;
  129. }
  130.  
  131. #left h3{
  132. 	margin:0 5px 0 0;
  133. 	padding:7px 10px 7px 5px;
  134. }
  135.  
  136. #right h3{
  137. 	padding: 0 0 0 5px;
  138. }
  139.  
  140. #all{
  141. 	text-align: right;
  142. }
  143.  
  144. p.buttonheading{
  145. 	text-align: left;
  146. }
  147.  
  148. .leading{
  149. 	padding: 20px 120px 40px 20px;
  150. 	background: #EFDEEA url(../images/biene_rtl.gif) no-repeat scroll right top;
  151. }
  152.  
  153. .leading div{
  154. 	text-align: right;
  155. }
  156.  
  157. form.login fieldset{
  158. 	text-align: right;
  159. }
  160.  
  161. form.login label.remember, form.login input.checkbox{
  162. 	float: right;
  163. }
  164.  
  165. form.login .button{
  166. 	clear: right;
  167. 	background: #CC3399 url(../images/pfeil_rtl.gif) no-repeat scroll right;
  168. 	padding: 0 30px 0 0 !important;
  169. }
  170.  
  171. #main ul li, #main2 ul li {
  172. 	padding:0 20px 0 0;
  173. 	text-align: right !important;
  174. }
  175.  
  176. /* ie7 fix  for list elements with count of articles */
  177. #main ul li a ,
  178. #main2 ul li a
  179. {
  180. 	display:inline-block;
  181. }
  182. /* end fix */
  183.  
  184.  
  185. #main ul, #main2 ul {
  186. 	margin:0 20px 0 0;
  187. 	padding:0 10px 0 0;
  188. }
  189.  
  190. #main ul, #main ol {
  191. 	margin:10px 20px 10px 0;
  192. 	padding:0 10px 0 0;
  193. }
  194.  
  195. #main .leading .readon, #main2 .leading .readon{
  196. 	background: #93246F url(../images/pfeil_rtl.gif) no-repeat scroll right;
  197. 	padding: 2px 30px 0 2px;
  198. 	right: auto;
  199. 	left: 0px !important;
  200. 	position: absolute;
  201. 	text-align: right;
  202. }
  203.  
  204. #main a.readon:hover, #main2 a.readon:hover, #main a.readon:active, #main2 a.readon:active, #main a.readon:focus, #main2 a.readon:focus {
  205. 	background:#000000 url(../images/pfeil_rtl.gif) no-repeat scroll right;
  206. 	padding:2px 30px 0 2px;
  207. }
  208.  
  209. #main a.readon, #main2 a.readon {
  210. 	background:transparent url(../images/pfeil_rtl.gif) no-repeat scroll right;
  211. 	padding:2px 30px 0 2px;
  212. 	display: table-cell;
  213. }
  214.  
  215. #right form.poll fieldset label{
  216. 	padding: 0 4px 0 0;
  217. }
  218.  
  219. #right form.poll fieldset input{
  220.         float:right;
  221. }
  222.  
  223. #right ul{
  224. 	padding: 10px 0 10px 10px;
  225. 	zoom:1
  226. }
  227.  
  228. #left ul{
  229. 	margin: 0 10px 20px 0;
  230. }
  231.  
  232. #left ul li.active a:link, #left ul li.active a:visited {
  233. 	border-left: none;
  234. 	border-right:4px solid #BE7CA9;
  235. 	padding:3px 6px 3px 0;
  236. }
  237.  
  238.  
  239.  
  240. #left ul li ul {
  241. 	border-width:0 4px 0 1px;
  242. }
  243.  
  244. #left ul li.active ul li a:link, #left ul li.active ul li a:visited{
  245. 	border-left: none;
  246. 	border-right: 0 solid #DD75BB;
  247. 	padding: 3px 20px 3px 4px;
  248. }
  249.  
  250. #left ul li ul li ul{
  251. 	padding: 10px 5px 10px 0;
  252. }
  253.  
  254. #left ul li.active ul li.active ul li a:link,
  255. #left ul li.active ul li.active ul li a:visited{
  256. 	background: #FFFFFF url(../images/arrow_rtl.gif) no-repeat scroll right top;
  257. 	margin: 0 15px 0 0;
  258. 	padding:3px 15px 3px 0;
  259. }
  260.  
  261. ul.pagination{
  262.          overflow:hidden;
  263. }
  264.  
  265. ul.pagination li {
  266.         padding: 2px 5px 2px 5px;
  267.         float:right  ;
  268.         font-size:1em;
  269.         width:auto
  270. }
  271.  
  272. ul.pagination a
  273. {
  274.     display:inline !important;
  275.     margin:0 !important;
  276.     padding:0px !important;
  277. }
  278.  
  279. #footer p{
  280. 	float: left;
  281. }
  282.  
  283. #footer p.syndicate{
  284. 	float: right;
  285. }
  286.  
  287. form.user label{
  288. 	float: right;
  289. }
  290.  
  291. /* edit button */
  292. .contentpaneopen_edit{
  293. 	float: right;
  294. }
  295.  
  296. form.editor .publishing .radio label span ,
  297. form.editor .publishing label{
  298. 	float: right;
  299. }
  300.  
  301. table.contenttoc{
  302. 	float: left;
  303. }
  304.  
  305. #main .blog_more ul, #main2 .blog_more ul{
  306. 	padding: 10px 0 30px 10px;
  307. }
  308.  
  309. #main .blog_more ul li a, #main2 .blog_more ul li a {
  310. 	background:transparent url(../images/pfeil_rtl.gif) no-repeat scroll right center;
  311.         padding:2px 30px 4px 30px !important;
  312. 	display: table-cell;
  313. }
  314.  
  315. #main .blog_more ul li a:active, #main2 .blog_more ul li a:active, #main .blog_more ul li a:focus, #main2 .blog_more ul li a:focus {
  316. 	background:#993399 url(../images/pfeil_rtl.gif) no-repeat scroll right !important;
  317. 	padding:2px 30px 2px 0;
  318. }
  319.  
  320. #main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {
  321. 	background:#939 url(../images/pfeil_rtl.gif) no-repeat right !important;
  322. 	padding:2px 30px 2px 0;
  323. }
  324.  
  325. form.search_result, form.registration, form.lost_password, .login_form{
  326. 	margin: 15px 0 0 10px;
  327. }
  328.  
  329. .search_result .button, form.registration .button {
  330. 	background:#000000 url(../images/pfeil_rtl.gif) no-repeat scroll 100%;
  331. 	padding:0 30px 0 5px;
  332. }
  333.  
  334. .phrase{
  335. 	float: right;
  336. 	margin: 10px 0 10px 10px;
  337. }
  338.  
  339. .only {
  340. 	float: right;
  341. 	margin:10px 10px 0 0;
  342. }
  343.  
  344. .only input{
  345. 	float: right;
  346. 	margin:0 0 0 10px;
  347. }
  348.  
  349. form.registration label, form.lost_password label, .login_form label{
  350. 	float: right;
  351. }
  352.  
  353. .column2, .column1{
  354. 	float: right;
  355. }
  356.  
  357. .column2{
  358. 	float: left;
  359. }
  360.  
  361. .article_column{
  362. 	padding: 10px 0 10px 10px;
  363. }


<< Wróć na stronę Beez

Dziękujemy za wkład

» Stefan Wajda [zwiastun],