--=REKLAMA=--

JA Purity/CSS - template css

Z Joomla!WikiPL

Pliki CSS

ja_purity/css/template.css

  1. /* COMMON STYLE
  2. --------------------------------------------------------- */
  3. html, body, form, fieldset {
  4. 	margin: 0;
  5. 	padding: 0;
  6. }
  7.  
  8. body {
  9. 	color: #000000;
  10. 	background: #FFFFFF;
  11. 	font-family: Arial, Helvetica, sans-serif;
  12. 	line-height: 150%;
  13. }
  14.  
  15. body#bd {
  16. 	color: #333333; /* kolor czcionki nagłówków MainMenu, witam na stronie oraz lokalizacji*/
  17. 	background: #F2F2F2; /* tło poniżej paska dolnego  */
  18. }
  19.  
  20. body.contentpane {
  21. 	width: auto; /* Printable Page */
  22. 	margin: 1em 2em;
  23. 	line-height: 1.3em;
  24. 	margin: 0px 0px 0px 0px;
  25. 	font-size: 12px;
  26. 	color: #333;
  27. }
  28.  
  29. body.fs1 {
  30. 	font-size: 10px;
  31. }
  32.  
  33. body.fs2{
  34. 	font-size: 11px;
  35. }
  36.  
  37. body.fs3{
  38. 	font-size: 12px;
  39. }
  40.  
  41. body.fs4{
  42. 	font-size: 13px;
  43. }
  44.  
  45. body.fs5{
  46. 	font-size: 14px;
  47. }
  48.  
  49. body.fs6{
  50. 	font-size: 15px;
  51. }
  52. /* Normal link edycja formatu koloru hyper linku */
  53. /* Normal link */
  54. a {
  55. 	color: #006699; /*kolor wy¶wietlany po wej¶ciu na stronę*/ 
  56. 	text-decoration: underline;
  57. }
  58.  
  59. a:hover, a:active, a:focus {
  60. 	color: #333333; /* kolor wy¶wietlany po kliknięciu na link*/
  61. 	text-decoration: underline;
  62. }
  63.  
  64. /* Title text */
  65. .contentheading, .componentheading, .blog_more strong, h1, h2, h3, h4 {
  66. 	font-family: "Segoe UI", Arial, Helvetica, sans-serif;
  67. }
  68.  
  69. /* Small text */
  70. small, .small, .smalldark, .mosimage_caption, .createby, .createdate, .modifydate, a.readon, .img_caption {
  71. 	color: #666666;
  72. 	font-size: 92%;
  73. }
  74.  
  75. /* Heading */
  76. h1 {
  77. 	font-size: 180%;
  78. }
  79.  
  80. h2 {
  81. 	font-size: 150%;
  82. }
  83.  
  84. h3 {
  85. 	font-size: 125%;
  86. }
  87.  
  88. h4 {
  89. 	font-size: 100%;
  90. 	text-transform: uppercase;
  91. }
  92.  
  93. p, pre, blockquote, ul, ol, h1, h2, h3, h4, h5, h6 {
  94. 	margin: 1em 0;
  95. 	padding: 0;
  96.         color: #FFF /* kolor czcionki artykułów i MAIN MENU*/	 
  97. }
  98.  
  99. ul {
  100. 	list-style: none;
  101. }
  102.  
  103. ul li {
  104. 	padding-left: 30px;
  105. 	background: url(../images/bullet.gif) no-repeat 18px 8px;
  106. 	line-height: 180%;
  107. }
  108.  
  109. ol li {
  110. 	margin-left: 35px;
  111. 	line-height: 180%;
  112. }
  113.  
  114. th {
  115. 	padding: 5px;
  116. 	font-weight: bold;
  117. 	text-align: left;
  118. }
  119.  
  120. fieldset {
  121. 	border: none;
  122. 	padding: 10px 5px;
  123. 	background: url(../images/hdot2.gif) repeat-x top;
  124. }
  125.  
  126. fieldset a {
  127. 	font-weight: bold;
  128. }
  129.  
  130. hr {
  131. 	border-top: 1px solid #CCCCCC;
  132. 	border-right: 0;
  133. 	border-left: 0;
  134. 	border-bottom: 0;
  135. 	height: 1px;
  136. }
  137.  
  138. td, div {
  139. 	font-size: 100%;
  140. }
  141.  
  142. img {
  143. 	border: none;
  144. }
  145. /* FORM
  146. --------------------------------------------------------- */
  147. form {
  148. 	margin: 0;
  149. 	padding: 0;
  150. }
  151.  
  152. form label {
  153. 	cursor: pointer;
  154. }
  155.  
  156. input, select, textarea, .inputbox {
  157. 	padding: 3px 5px;
  158. 	font-family: Tahoma, Arial, Helvetica, sans-serif;
  159. 	font-size: 100%;
  160. }
  161.  
  162. .button {
  163. 	padding: 3px 5px;
  164. 	border: 1px solid #333333;
  165. 	background: url(../images/grad1.gif) repeat-x top #333333;
  166. 	color: #CCCCCC;
  167. 	font-size: 85%;
  168. 	text-transform: uppercase;
  169. }
  170.  
  171. .button:hover, .button:focus {
  172. 	border: 1px solid #999999;
  173. 	background: #333333;
  174. 	color: #FFFFFF;
  175. }
  176.  
  177. * html .button {
  178. 	padding: 2px 0 !important; /*IE 6*/
  179. }
  180.  
  181. *+html .button {
  182. 	padding: 2px 0 !important; /*IE 7*/
  183. }
  184.  
  185. .inputbox {
  186. 	border: 1px solid #CCCCCC;
  187. 	background: #FFFFFF;
  188. }
  189.  
  190. .inputbox:hover, .inputbox:focus {
  191. 	background: #FFFFCC;
  192. }
  193.  
  194. /* BONUS TYPOGRAPHY STYLES
  195. --------------------------------------------------------- */
  196. pre, .code {
  197. 	padding: 10px 15px;
  198. 	margin: 5px 0 15px;
  199. 	border-left: 5px solid #999999;
  200. 	background: #FFFFFF;
  201. 	font: 1em/1.5 "Courier News", monospace;
  202. }
  203.  
  204. blockquote {
  205. 	padding: 1em 40px 1em 15px;
  206. }
  207.  
  208. blockquote span.open {
  209. 	padding: 0 0 0 20px;
  210. 	background: url(../images/so-q.gif) no-repeat left top;
  211. }
  212.  
  213. blockquote span.close {
  214. 	padding: 0 20px 0 0;
  215. 	background: url(../images/sc-q.gif) no-repeat bottom right;
  216. }
  217.  
  218. /* Quote hilight */
  219. .quote-hilite {
  220. 	padding: 10px 15px;
  221. 	margin: 0;
  222. 	border: 1px solid #CACACC;
  223. 	background: #FFFFFF;
  224. }
  225.  
  226. /* Small quote */
  227. .small-quote {
  228. 	margin: 0;
  229. 	padding: 0;
  230. 	background: none;
  231. }
  232.  
  233. .small-quote span.open-quote {
  234. 	margin: 0;
  235. 	padding-left: 20px;
  236. 	background: url(../images/so-q.gif) no-repeat center left;
  237. }
  238.  
  239. .small-quote span.close-quote {
  240. 	margin: 0;
  241. 	padding-right: 20px;
  242. 	background: url(../images/sc-q.gif) no-repeat center right;
  243. }
  244.  
  245. .small-quote span.author {
  246. 	padding: 2px 5px 2px 20px;
  247. 	border-top: 1px solid #DCDDE0;
  248. 	margin: 0.5em 0 0;
  249. 	display: block;
  250. 	background: url(../images/author.gif) no-repeat 5px 4px #EAEBEE;
  251. 	font-size: 90%;
  252. 	text-transform: uppercase;
  253. }
  254.  
  255. /* Rropcap */
  256. .dropcap {
  257. 	float: left;
  258. 	padding: 4px 8px 0 0;
  259. 	display: block;
  260. 	color: #999999;
  261. 	font: 50px/40px Georgia, Times, serif;
  262. }
  263.  
  264. /* Tips, Error, Message, Hightlight*/
  265. p.error {
  266. 	padding-left: 25px;
  267. 	color: #BF0000;
  268. 	background: url(../images/icon-error.gif) no-repeat top left;
  269. }
  270.  
  271. p.message {
  272. 	padding-left: 25px;
  273. 	color: #006699;
  274. 	background: url(../images/icon-info.gif) no-repeat top left;
  275. }
  276.  
  277. p.tips {
  278. 	padding-left: 25px;
  279. 	color: #EE9600;
  280. 	background: url(../images/icon-tips.gif) no-repeat top left;
  281. }
  282.  
  283. .highlight {
  284. 	padding: 1px 5px;
  285. 	background: #FFFFCC;
  286. 	font-weight: bold;
  287. }
  288.  
  289. /* Note Style */
  290. p.stickynote {
  291. 	padding: 10px 0px 10px 40px;
  292. 	border: 1px solid #CACACC;
  293. 	background: url(../images/sticky-bg.gif) no-repeat 5px center #FFFFFF;
  294. }
  295.  
  296. p.download {
  297. 	padding: 10px 0px 10px 40px;
  298. 	border: 1px solid #CACACC;
  299. 	background: url(../images/download-bg.gif) no-repeat 5px center #FFFFFF;
  300. }
  301.  
  302. .blocknumber {
  303. 	clear: both;
  304. 	padding: 5px 15px 10px;
  305. 	position: relative;
  306. }
  307.  
  308. /* Check list */
  309. ul.checklist {
  310. 	list-style: none;
  311. }
  312.  
  313. ul.checklist li {
  314. 	margin-left: 15px;
  315. 	padding: 0 0 5px 20px;
  316. 	background: url(../images/checklist-bg.gif) no-repeat 0 3px;
  317. }
  318.  
  319. /* Small checklist */
  320. ul.small-checklist {
  321. 	list-style: none;
  322. }
  323.  
  324. ul.small-checklist li {
  325. 	margin-left: 15px;
  326. 	padding: 0 0 5px 20px;
  327. 	background: url(../images/icon_list.gif) no-repeat 0 3px;
  328. }
  329.  
  330. /* Check list */
  331. ul.stars {
  332. 	list-style: none;
  333. }
  334.  
  335. ul.stars li {
  336. 	margin-left: 15px;
  337. 	padding: 0px 0 5px 20px;
  338. 	background: url(../images/star-bg.gif) no-repeat 0 3px;
  339. }
  340.  
  341. /* Bignumber */
  342. .bignumber {
  343. 	float: left;
  344. 	margin-right: 8px;
  345. 	padding: 6px 7px;
  346. 	display: block;
  347. 	background: url(../images/ol-bg.gif) no-repeat top left;
  348. 	color: #7BA566;
  349. 	font: bold 20px/normal Arial, sans-serif;
  350. }
  351.  
  352. /* Talking box. Thinking box. */
  353. div.bubble1, div.bubble2, div.bubble3, div.bubble4 {
  354. 	margin: 15px 0;
  355. }
  356.  
  357. div.bubble1 span.author,
  358. div.bubble2 span.author,
  359. div.bubble3 span.author,
  360. div.bubble4 span.author {
  361. 	padding-left: 15px;
  362. 	margin-left: 15px;
  363. 	background: url(../images/author.gif) no-repeat center left;
  364. 	font-weight: bold;
  365. }
  366.  
  367. div.bubble1 div {
  368. 	margin: 0;
  369. 	width: 100%;
  370. 	background: url(../images/bub1-br.gif) no-repeat bottom right;
  371. }
  372.  
  373. div.bubble1 div div {
  374. 	background: url(../images/bub1-bl.gif) no-repeat bottom left;
  375. }
  376.  
  377. div.bubble1 div div div {
  378. 	background: url(../images/bub1-tr.gif) no-repeat top right;
  379. }
  380.  
  381. div.bubble1 div div div div {
  382. 	background: url(../images/bub1-tl.gif) no-repeat top left;
  383. }
  384.  
  385. div.bubble1 div div div div div {
  386. 	margin: 0;
  387. 	padding: 15px 15px 30px 15px;
  388. 	width: auto;
  389. }
  390.  
  391. div.bubble2 div {
  392. 	margin: 0;
  393. 	width: 100%;
  394. 	background: url(../images/bub2-br.gif) no-repeat bottom right;
  395. }
  396.  
  397. div.bubble2 div div {
  398. 	background: url(../images/bub2-bl.gif) no-repeat bottom left;
  399. }
  400.  
  401. div.bubble2 div div div {
  402. 	background: url(../images/bub2-tr.gif) no-repeat top right;
  403. }
  404.  
  405. div.bubble2 div div div div {
  406. 	background: url(../images/bub2-tl.gif) no-repeat top left;
  407. }
  408.  
  409. div.bubble2 div div div div div {
  410. 	margin: 0;
  411. 	padding: 15px 15px 35px 15px;
  412. 	width: auto;
  413. }
  414.  
  415. div.bubble3 div {
  416. 	margin: 0;
  417. 	width: 100%;
  418. 	background: url(../images/bub3-br.gif) no-repeat bottom right;
  419. }
  420.  
  421. div.bubble3 div div {
  422. 	background: url(../images/bub3-bl.gif) no-repeat bottom left;
  423. }
  424.  
  425. div.bubble3 div div div {
  426. 	background: url(../images/bub3-tr.gif) no-repeat top right;
  427. }
  428.  
  429. div.bubble3 div div div div {
  430. 	background: url(../images/bub3-tl.gif) no-repeat top left;
  431. }
  432.  
  433. div.bubble3 div div div div div {
  434. 	margin: 0;
  435. 	padding: 15px 15px 50px 15px;
  436. 	width: auto;
  437. }
  438.  
  439. div.bubble4 div {
  440. 	margin: 0;
  441. 	width: 100%;
  442. 	background: url(../images/bub4-br.gif) no-repeat bottom right;
  443. }
  444.  
  445. div.bubble4 div div {
  446. 	background: url(../images/bub4-bl.gif) no-repeat bottom left;
  447. }
  448.  
  449. div.bubble4 div div div {
  450. 	background: url(../images/bub4-tr.gif) no-repeat top right;
  451. }
  452.  
  453. div.bubble4 div div div div {
  454. 	background: url(../images/bub4-tl.gif) no-repeat top left;
  455. }
  456.  
  457. div.bubble4 div div div div div {
  458. 	margin: 0;
  459. 	padding: 15px 15px 55px 15px;
  460. 	width: auto;
  461. }
  462.  
  463. /* Legend */
  464. .legend-title {
  465. 	margin: 0;
  466. 	padding: 0 3px;
  467. 	float: left;
  468. 	display: block;
  469. 	background: #F6F6F6;
  470. 	font-weight: bold;
  471. 	position: absolute;
  472. 	top: -10px;
  473. 	left: 7px;
  474. }
  475.  
  476. .legend {
  477. 	margin: 20px 0;
  478. 	padding: 0 10px;
  479. 	border: 1px solid #CACACC;
  480. 	background: #FFFFFF;
  481. 	position: relative;
  482. }
  483.  
  484. /* JOOMLA STYLE
  485. --------------------------------------------------------- */
  486. table.blog {
  487. }
  488.  
  489. .article_separator {
  490. 	clear: both;
  491. 	display: block;
  492. 	height: 20px;
  493. }
  494.  
  495. .article_column {
  496. }
  497.  
  498. .column_separator {
  499. 	padding: 0 25px;
  500. }
  501.  
  502. /* content tables */
  503. td.sectiontableheader {
  504.   padding: 4px;
  505.   border-right: 1px solid #fff;
  506. }
  507.  
  508. tr.sectiontableentry0 td,
  509. tr.sectiontableentry1 td,
  510. tr.sectiontableentry2 td {
  511.   padding: 4px;
  512. }
  513.  
  514. td.sectiontableentry0,
  515. td.sectiontableentry1,
  516. td.sectiontableentry2 {
  517.   padding: 3px;
  518. }
  519.  
  520. table.contentpane {
  521. 	border: none;
  522. 	width: 100%;
  523. }
  524.  
  525. table.contentpaneopen {
  526. 	border: none;
  527. 	border-collapse: collapse;
  528. 	border-spacing: 0;
  529. }
  530.  
  531. table.contenttoc {
  532. 	margin: 0 0 10px 10px;
  533. 	padding: 0;
  534. 	width: 35%;
  535. 	float: right;
  536. }
  537.  
  538. table.contenttoc a {
  539. 	text-decoration: none;
  540. }
  541.  
  542. table.contenttoc td {
  543. 	padding: 1px 5px 1px 25px;
  544. 	background: url(../images/bullet-list.gif) no-repeat 5% 50%;
  545. }
  546.  
  547. table.contenttoc th {
  548. 	padding: 0 0 3PX;
  549. 	border-bottom: 1px solid #CCCCCC;
  550. 	text-indent: 5px;
  551. }
  552.  
  553. table.poll {
  554. 	padding: 0;
  555. 	width: 100%;
  556. 	border-collapse: collapse;
  557. }
  558.  
  559. table.pollstableborder {
  560. 	padding: 0;
  561. 	width: 100%;
  562. 	border: none;
  563. 	text-align: left;
  564. }
  565.  
  566. table.pollstableborder img {
  567. 	vertical-align: baseline;
  568. }
  569.  
  570. table.pollstableborder td {
  571. 	padding: 4px!important;
  572. 	border-collapse: collapse;
  573. 	border-spacing: 0;
  574. }
  575.  
  576. table.pollstableborder tr.sectiontableentry1 td {
  577. 	background: #ECECEC;
  578. }
  579.  
  580. table.searchintro {
  581. 	padding: 10px 0;
  582. 	width: 100%;
  583. }
  584.  
  585. table.searchintro td {
  586. 	padding: 5px!important;
  587. }
  588.  
  589. table.adminform {
  590. }
  591.  
  592. .adminform .inputbox {
  593. }
  594.  
  595. .blog_more {
  596. 	padding: 10px 0;
  597. 	background: url(../images/hdot.gif) repeat-x top;
  598. }
  599.  
  600. .blog_more strong {
  601. 	margin: 0 0 5px;
  602. 	display: block;
  603. 	font-size: 125%;
  604. }
  605.  
  606. .blog_more ul {
  607. 	margin: 0;
  608. 	padding: 0;
  609. }
  610.  
  611. .blog_more ul li {
  612. 	margin: 0;
  613. 	padding: 0 0 0 17px;
  614. 	background: url(../images/bullet.gif) no-repeat 6px 8px;
  615. }
  616.  
  617. .category {
  618. 	font-weight: bold;
  619. }
  620.  
  621. h1.componentheading, .componentheading {
  622. 	padding: 5px 0 15px;
  623. 	margin: 0 0 10px;
  624. 	background: url(../images/hdot.gif) repeat-x bottom;
  625. }
  626.  
  627. .componentheading {
  628. 	font-size: 200%;
  629. 	font-weight: bold;
  630. }
  631.  
  632. .contentdescription {
  633. 	padding-bottom: 30px;
  634. }
  635.  
  636. h2.contentheading, .contentheading {
  637. 	padding: 5px 0 8px;
  638. 	margin: 0;
  639. 	font-weight: normal;
  640. }
  641.  
  642. table.blog .contentheading {
  643. 	font-size: 150%;
  644. }
  645.  
  646. .contentheading {
  647. 	font-size: 200%;
  648. }
  649.  
  650. a.contentpagetitle,
  651. a.contentpagetitle:hover,
  652. a.contentpagetitle:active,
  653. a.contentpagetitle:focus {
  654. 	text-decoration: none !important;
  655. }
  656.  
  657. a.readon {
  658. 	float: left;
  659. 	margin-top: 10px;
  660. 	padding: 1px 5px 1px 14px;
  661. 	border: 1px solid #F6F6F6;
  662. 	display: block;
  663. 	background: url(../images/arrow.png) no-repeat 5px 48%;
  664. 	color: #006699;
  665. 	font-weight: bold;
  666. 	text-decoration: none;
  667. 	text-transform: uppercase;
  668. }
  669.  
  670. a.readon:hover, a.readon:active, a.readon:focus {
  671. 	border: 1px solid #ECECEC;
  672. 	background: url(../images/arrow.png) no-repeat 5px 48% #FFFFFF;
  673. }
  674.  
  675. table.contentpaneopen td, table.contentpane td {
  676. }
  677.  
  678. table.contentpaneopen, table.contentpane, table.blog {
  679. 	width: 100%;
  680. }
  681.  
  682. .moduletable {
  683. 	padding: 0;
  684. }
  685.  
  686. ul.pagination {
  687. 	margin: 15px auto;
  688. 	padding: 10px 0;
  689. 	background: url(../images/hdot.gif) repeat-x top;
  690. }
  691.  
  692. ul.pagination li {
  693. 	margin: 0;
  694. 	padding: 0;
  695. 	display: inline;
  696. 	background: none;
  697. }
  698.  
  699. ul.pagination li span{
  700. 	padding: 2px 5px;
  701. }
  702.  
  703. ul.pagination a {
  704. 	padding: 2px 5px;
  705. 	border: 1px solid #F6F6F6;
  706. }
  707.  
  708. ul.pagination a:hover, ul.pagination a:active, ul.pagination a:focus {
  709. 	border: 1px solid #ECECEC;
  710. 	background: #FFFFFF;
  711. }
  712.  
  713. .pagenavbar {
  714. 	padding-left: 14px;
  715. }
  716.  
  717. .pagenavcounter {
  718. 	padding: 8px 14px 0 14px;
  719. }
  720.  
  721. .sectiontableheader {
  722. 	padding: 8px 5px;
  723. 	background: #444444;
  724. 	color: #FFFFFF;
  725. }
  726.  
  727. .sectiontableheader a {
  728. 	color: #FFFFFF;
  729. }
  730.  
  731. tr.sectiontableentry1 td {
  732. 	padding: 8px 5px;
  733. 	background: url(../images/hdot2.gif) repeat-x bottom;
  734. }
  735.  
  736. tr.sectiontableentry2 td {
  737. 	padding: 8px 5px;
  738. 	background: url(../images/hdot2.gif) repeat-x bottom #ECECEC;
  739. }
  740.  
  741. tr.sectiontableentry1:hover td,
  742. tr.sectiontableentry2:hover td {
  743. 	background: url(../images/hdot2.gif) repeat-x bottom #FFFFCC;
  744. }
  745.  
  746. .smalldark {
  747. 	text-align: left;
  748. }
  749.  
  750. div.syndicate div {
  751. 	text-align: center;
  752. }
  753.  
  754. .pollstableborder tr.sectiontableentry1 td,
  755. .pollstableborder tr.sectiontableentry2 td {
  756. 	background: none;
  757. }
  758.  
  759. /* META
  760. --------------------------------------------------------- */
  761. .article-tools {
  762. 	border-top: 1px solid #DDDDDD;
  763. 	width: 100%;
  764. 	float: left;
  765. 	clear: both;
  766. 	margin-bottom: 15px;
  767. 	display: block;
  768. 	background: #ECECEC;
  769. }
  770.  
  771. .article-meta {
  772. 	padding: 5px;
  773. 	width: 80%;
  774. 	float: left;
  775. }
  776.  
  777. .createby {
  778. 	padding: 3px 3px 3px 20px;
  779. 	background: url(../images/icon-user.gif) no-repeat 0 2px;
  780. }
  781.  
  782. .createdate {
  783. 	padding: 3px 3px 3px 20px;
  784. 	background: url(../images/icon-date.gif) no-repeat 0 2px;
  785. }
  786.  
  787. .modifydate {
  788. 	width: 100%;
  789. 	float: left;
  790. }
  791.  
  792. div.buttonheading {
  793. 	float: right;
  794. 	width: 15%;
  795. }
  796.  
  797. .buttonheading img {
  798. 	margin: 7px 5px 0 0;
  799. 	border: 0;
  800. 	float: right;
  801. }
  802.  
  803. /* MAIN LAYOUT DIVS
  804. --------------------------------------------------------- */
  805. #ja-wrapper {
  806. 	width: 100%;
  807. 	margin: 0;
  808. 	background: #F2F2F2;
  809. }
  810.  
  811. #ja-containerwrap {
  812. 	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
  813. }
  814.  
  815. #ja-containerwrap2 {
  816. 	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
  817. }
  818.  
  819. #ja-container {
  820. 	background: url(../images/c-bg1.gif) repeat-y 18% 0;
  821. }
  822.  
  823. #ja-container2 {
  824. 	padding: 20px 0;
  825. 	background: url(../images/c-bg2.gif) no-repeat 18% 0;
  826. }
  827.  
  828. #ja-mainbody-fr #ja-col1 {
  829. 	width: 20%;
  830. }
  831.  
  832. #ja-mainbody-fr #ja-contentwrap {
  833. 	width: 80%;
  834. }
  835.  
  836. #ja-mainbody, #ja-mainbody-fl {
  837. 	float: left;
  838. 	width: 80%;
  839. }
  840.  
  841. #ja-mainbody #ja-contentwrap {
  842. 	float: right;
  843. 	width: 75%;
  844. }
  845.  
  846. #ja-mainbody-fl #ja-contentwrap {
  847. 	float: left;
  848. 	width: 100%;
  849. }
  850.  
  851. #ja-mainbody-f, #ja-mainbody-fr {
  852. 	float: none;
  853. 	width: 100%;
  854. }
  855.  
  856. #ja-mainbody-fr #ja-contentwrap {
  857. 	width: 74.8%;
  858. 	float: right;
  859. }
  860.  
  861. #ja-mainbody-fr #ja-col1 {
  862. 	width: 20%;
  863. 	float: left;
  864. }
  865.  
  866. #ja-mainbody-fr #ja-contentwrap {
  867. 	width: 80%;
  868. }
  869.  
  870. #ja-content {
  871. 	padding: 0 20px 0 40px;
  872. }
  873. #ja-contentwrap {
  874. 	min-height: 300px;
  875. 	height: auto;
  876. }
  877. * html #ja-contentwrap {
  878. 	height: 300px;
  879. }
  880. #ja-mainbody-fl #ja-content {
  881. 	padding-left: 0;
  882. }
  883.  
  884. #ja-mainbody-f #ja-content {
  885. 	padding: 0;
  886. }
  887.  
  888. /* Full */
  889. #ja-containerwrap-f {
  890. 	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
  891. }
  892.  
  893. #ja-containerwrap-f #ja-containerwrap2 {
  894. 	background: none;
  895. }
  896.  
  897. #ja-containerwrap-f #ja-container,
  898. #ja-containerwrap-f #ja-container2 {
  899. 	background: none;
  900. }
  901.  
  902. /* Full left */
  903. #ja-containerwrap-fl {
  904. 	background: url(../images/cwf-bg.gif) repeat-x top left #F6F6F6;
  905. }
  906.  
  907. #ja-containerwrap-fl #ja-containerwrap2,
  908. #ja-containerwrap-fl #ja-container,
  909. #ja-containerwrap-fl #ja-container2 {
  910. 	background: none;
  911. }
  912.  
  913. /* Full right */
  914. #ja-containerwrap-fr {
  915. 	background: url(../images/cw-bg1.gif) repeat-y 50% 0;
  916. }
  917.  
  918. #ja-containerwrap-fr #ja-containerwrap2 {
  919. 	background: url(../images/cw-bg2.gif) no-repeat 50% 0;
  920. }
  921.  
  922. /* HEADER
  923. --------------------------------------------------------- */
  924. #ja-headerwrap {
  925. 	background: #333333;
  926. 	color: #CCCCCC;
  927. 	line-height: normal;
  928. 	height: 80px;
  929. }
  930.  
  931. #ja-header {
  932. 	position: relative;
  933. 	height: 80px;
  934. }
  935.  
  936. .ja-headermask {
  937. 	width: 602px;
  938. 	display: block;
  939. 	background: url(../images/header-mask.png) no-repeat top right;
  940. 	height: 80px;
  941. 	position: absolute;
  942. 	top: 0;
  943. 	right: -1px;
  944. }
  945.  
  946. #ja-header a {
  947. 	color: #CCCCCC;
  948. }
  949.  
  950. h1.logo, h1.logo-text {
  951. 	margin: 0 0 0 5px;
  952. 	padding: 0;
  953. 	font-size: 180%;
  954. 	text-transform: uppercase;
  955. }
  956.  
  957. h1.logo a {
  958. 	width: 208px;
  959. 	display: block;
  960. 	background: url(../images/logo.png) no-repeat;
  961. 	height: 80px;
  962. 	position: relative;
  963. 	z-index: 100;
  964. }
  965.  
  966. h1.logo a span {
  967. 	position: absolute;
  968. 	top: -1000px;
  969. }
  970.  
  971. h1.logo-text a {
  972. 	color: #CCCCCC !important;
  973. 	text-decoration: none;
  974. 	outline: none;
  975. 	position: absolute;
  976. 	bottom: 40px;
  977. 	left: 5px;
  978. }
  979.  
  980. p.site-slogan {
  981. 	margin: 0;
  982. 	padding: 0;
  983. 	padding: 2px 5px;
  984. 	color: #FFFFFF;
  985. 	background: #444444;
  986. 	font-size: 92%;
  987. 	position: absolute;
  988. 	bottom: 20px;
  989. 	left: 0;
  990. }
  991.  
  992. /* Search */
  993. #ja-search {
  994. 	padding-left: 20px;
  995. 	background: url(../images/icon-search.gif) no-repeat center left;
  996. 	position: absolute;
  997. 	bottom: 15px;
  998. 	right: 0;
  999. }
  1000.  
  1001. #ja-search .inputbox {
  1002. 	width: 120px;
  1003. 	border: 1px solid #333333;
  1004. 	padding: 3px 5px;
  1005. 	color: #999999;
  1006. 	background: #444444;
  1007. 	font-size: 92%;
  1008. }
  1009.  
  1010. /* MAIN NAVIGATION
  1011. --------------------------------------------------------- */
  1012.  
  1013. #ja-pathway {
  1014. 	font-size: 92%;
  1015. }
  1016.  
  1017. #ja-pathway strong {
  1018. 	margin-right: 5px;
  1019. 	font-weight: normal;
  1020. }
  1021.  
  1022. #ja-pathway a {
  1023. 	text-decoration: none;
  1024. }
  1025.  
  1026. #ja-pathway img {
  1027. 	margin: 1px 5px;
  1028. }
  1029.  
  1030. /* MODULE
  1031. --------------------------------------------------------- */
  1032. div.moduletable,
  1033. div.moduletable_menu,
  1034. div.moduletable_text {
  1035. 	padding: 0 0 20px;
  1036. 	margin-bottom: 15px;
  1037. 	background: url(../images/hdot.gif) repeat-x bottom;
  1038. }
  1039.  
  1040. div.moduletable h3,
  1041. div.moduletable_menu h3,
  1042. div.moduletable_text h3 {
  1043. 	padding: 0 0 8px;
  1044. 	margin: 0;
  1045. 	color: #7BA566;
  1046. 	font-size: 125%;
  1047. 	font-weight: bold;
  1048. 	text-transform: uppercase;
  1049. }
  1050.  
  1051. /* Module rounded */
  1052. div.module h3 {
  1053. 	margin: 0 -15px 10px;
  1054. 	padding: 8px 15px 5px;
  1055. 	border-bottom: 2px solid #F6F6F6;
  1056. 	color: #7BA566;
  1057. 	font-size: 125%;
  1058. 	font-weight: bold;
  1059. 	text-transform: uppercase;
  1060. }
  1061.  
  1062. div.module_black,
  1063. div.module_green,
  1064. div.module_blue,
  1065. div.module_red,
  1066. div.module {
  1067. 	margin-bottom: 20px;
  1068. 	float: left;
  1069. 	clear: both;
  1070. 	width: 100%;
  1071. 	background: url(../images/b-br.gif) no-repeat bottom right #FFFFFF;
  1072. }
  1073.  
  1074. div.module div {
  1075. 	background: url(../images/b-bl.gif) no-repeat bottom left;
  1076. }
  1077.  
  1078. div.module div div {
  1079. 	background: url(../images/b-tr.gif) no-repeat top right;
  1080. }
  1081.  
  1082. div.module div div div {
  1083. 	padding: 0 15px 10px;
  1084. 	background: url(../images/b-tl.gif) no-repeat top left;
  1085. }
  1086.  
  1087. div.module_black div div div div,
  1088. div.module_green div div div div,
  1089. div.module_blue div div div div,
  1090. div.module_red div div div div,
  1091. div.module_text div div div div,
  1092. div.module div div div div {
  1093. 	margin: 0;
  1094. 	padding: 0;
  1095. 	float: none;
  1096. 	width: 99%;
  1097. 	background: none;
  1098. }
  1099.  
  1100. div.module_text h3 {
  1101. 	margin: 0 0 10px;
  1102. 	width: 100%;
  1103. 	clear: both;
  1104. 	display: block;
  1105. 	overflow: hidden;
  1106. }
  1107.  
  1108. div.module_text span {
  1109. 	padding: 0 3px 0 0;
  1110. 	float: left;
  1111. 	clear: both;
  1112. 	display: block;
  1113. 	background: #F6F6F6;
  1114. 	font-weight: bold;
  1115. }
  1116.  
  1117. div.module_text {
  1118. 	margin-bottom: 20px;
  1119. 	padding: 0;
  1120. 	float: left;
  1121. 	clear: both;
  1122. 	width: 100%;
  1123. 	background: url(../images/bt-br.gif) no-repeat bottom right #F6F6F6;
  1124. }
  1125.  
  1126. div.module_text div {
  1127. 	background: url(../images/bt-bl.gif) no-repeat bottom left;
  1128. }
  1129.  
  1130. div.module_text div div {
  1131. 	background: url(../images/bt-tr.gif) no-repeat top right;
  1132. }
  1133.  
  1134. div.module_text div div div {
  1135. 	padding: 0 15px 10px;
  1136. 	display: block;
  1137. 	background: url(../images/bt-tl.gif) no-repeat top left;
  1138. }
  1139.  
  1140. div.banneritem_text {
  1141. 	padding: 5px 0 !important;
  1142. }
  1143.  
  1144. /* red */
  1145. div.module_black h3,
  1146. div.module_green h3,
  1147. div.module_blue h3,
  1148. div.module_red h3 {
  1149. 	margin: 0 -15px 10px;
  1150. 	padding: 8px 15px 5px;
  1151. 	border-bottom: 1px solid #F6F6F6;
  1152. 	color: #FFFFFF;
  1153. 	font-size: 125%;
  1154. 	font-weight: bold;
  1155. 	text-transform: uppercase;
  1156. }
  1157.  
  1158. div.module_red {
  1159. 	background: url(../images/br-br.gif) no-repeat bottom right #BF0000;
  1160. 	color: #FFFFFF;
  1161. }
  1162.  
  1163. div.module_red div {
  1164. 	background: url(../images/br-bl.gif) no-repeat bottom left;
  1165. }
  1166.  
  1167. div.module_red div div {
  1168. 	background: url(../images/br-tr.gif) no-repeat top right;
  1169. }
  1170.  
  1171. div.module_red div div div {
  1172. 	padding: 0 15px 10px;
  1173. 	background: url(../images/br-tl.gif) no-repeat top left;
  1174. }
  1175.  
  1176. /* blue */
  1177. div.module_blue {
  1178. 	background: url(../images/bb-br.gif) no-repeat bottom right #006699;
  1179. 	color: #FFFFFF;
  1180. }
  1181.  
  1182. div.module_blue div {
  1183. 	background: url(../images/bb-bl.gif) no-repeat bottom left;
  1184. }
  1185.  
  1186. div.module_blue div div {
  1187. 	background: url(../images/bb-tr.gif) no-repeat top right;
  1188. }
  1189.  
  1190. div.module_blue div div div {
  1191. 	padding: 0 15px 10px;
  1192. 	background: url(../images/bb-tl.gif) no-repeat top left;
  1193. }
  1194.  
  1195. /* green */
  1196. div.module_green {
  1197. 	background: url(../images/bg-br.gif) no-repeat bottom right #7BA566;
  1198. 	color: #FFFFFF;
  1199. }
  1200.  
  1201. div.module_green div {
  1202. 	background: url(../images/bg-bl.gif) no-repeat bottom left;
  1203. }
  1204.  
  1205. div.module_green div div {
  1206. 	background: url(../images/bg-tr.gif) no-repeat top right;
  1207. }
  1208.  
  1209. div.module_green div div div {
  1210. 	padding: 0 15px 10px;
  1211. 	background: url(../images/bg-tl.gif) no-repeat top left;
  1212. }
  1213.  
  1214. /* black */
  1215. div.module_black {
  1216. 	background: url(../images/bl-br.gif) no-repeat bottom right #333333;
  1217. 	color: #FFFFFF;
  1218. }
  1219.  
  1220. div.module_black div {
  1221. 	background: url(../images/bl-bl.gif) no-repeat bottom left;
  1222. }
  1223.  
  1224. div.module_black div div {
  1225. 	background: url(../images/bl-tr.gif) no-repeat top right;
  1226. }
  1227.  
  1228. div.module_black div div div {
  1229. 	padding: 0 15px 10px;
  1230. 	background: url(../images/bl-tl.gif) no-repeat top left;
  1231. }
  1232.  
  1233. div.module_blue ul,
  1234. div.module_blue ol,
  1235. div.module_red ul,
  1236. div.module_red ol,
  1237. div.module_black ul,
  1238. div.module_black ol,
  1239. div.module_green ul,
  1240. div.module_green ol {
  1241. 	margin: 0;
  1242. 	padding: 0;
  1243. }
  1244.  
  1245. div.module_blue li,
  1246. div.module_red li,
  1247. div.module_black li,
  1248. div.module_green li {
  1249. 	margin-left: 20px;
  1250. 	padding: 0;
  1251. 	line-height: 150%;
  1252. }
  1253.  
  1254. div.module_blue a,
  1255. div.module_red a,
  1256. div.module_black a,
  1257. div.module_green a {
  1258. 	color: #FFFFFF;
  1259. }
  1260.  
  1261. div.advs {
  1262. 	float: left;
  1263. 	width: 100%;
  1264. 	clear: both;
  1265. 	display: block;
  1266. }
  1267.  
  1268. /* LEFT COLUMN + RIGHT COLUMN
  1269. --------------------------------------------------------- */
  1270. #ja-col1 {
  1271. 	float: left;
  1272. 	width: 24.99%;
  1273. 	padding-top: 10px;
  1274. 	overflow: hidden;
  1275. }
  1276.  
  1277. #ja-col2 {
  1278. 	float: right;
  1279. 	width: 20%;
  1280. 	overflow: hidden;
  1281. }
  1282.  
  1283. #ja-col1 table,
  1284. #ja-col2 table {
  1285. 	border-collapse: collapse;
  1286. 	border-spacing: 0;
  1287. }
  1288.  
  1289. #ja-col1 ul li,
  1290. #ja-col2 ul li {
  1291. 	padding-left: 15px;
  1292. 	margin: 0;
  1293. 	background: url(../images/bullet.gif) no-repeat 5px 50%;
  1294. }
  1295.  
  1296. #ja-col1 ul, #ja-col2 ul {
  1297. 	margin: 0;
  1298. }
  1299.  
  1300. #ja-col1 ol, #ja-col2 ol {
  1301. 	margin-left: 5px;
  1302. }
  1303.  
  1304. #ja-col1 .article_separator,
  1305. #ja-col2 .article_separator {
  1306. 	display: none;
  1307. }
  1308.  
  1309. /* SPOTLIGHT
  1310. --------------------------------------------------------- */
  1311. /* Spotlight Box Style */
  1312. .ja-box-full, .ja-box-left, .ja-box-center, .ja-box-right {
  1313. 	float: left;
  1314. 	overflow: hidden;
  1315. }
  1316.  
  1317. .ja-box-left div.moduletable,
  1318. .ja-box-full div.moduletable {
  1319. 	padding-right: 30px;
  1320. 	background: none;
  1321. }
  1322.  
  1323. .ja-box-right div.moduletable {
  1324. 	padding-left: 30px;
  1325. 	background: url(../images/vdot2.gif) repeat-y left;
  1326. }
  1327.  
  1328. .ja-box-center div.moduletable {
  1329. 	padding: 0 30px;
  1330. 	background: url(../images/vdot2.gif) repeat-y left;
  1331. }
  1332.  
  1333. #ja-botsl h3 {
  1334. 	background: none;
  1335. }
  1336.  
  1337. #ja-botslwrap {
  1338. 	border-top: 5px solid #CCCCCC;
  1339. 	background: #444444;
  1340. 	color: #CCCCCC;
  1341. }
  1342.  
  1343. #ja-botsl {
  1344. 	padding: 15px 0;
  1345. }
  1346.  
  1347. #ja-botsl div.moduletable {
  1348. 	padding-top: 0;
  1349. 	padding-bottom: 0;
  1350. 	margin: 0;
  1351. }
  1352.  
  1353. #ja-botsl h3 {
  1354. 	margin: 0 0 12px;
  1355. 	padding: 0;
  1356. 	color: #FFFFFF;
  1357. }
  1358.  
  1359. #ja-botsl a {
  1360. 	color: #CCCCCC;
  1361. }
  1362.  
  1363. #ja-botsl a:hover, #ja-botsl a:active, #ja-botsl a:focus {
  1364. 	color: #FFFFFF;
  1365. }
  1366.  
  1367. #ja-botsl ul, #ja-botsl p, #ja-botsl ol {
  1368. 	padding: 0;
  1369. 	margin: 0 !important;
  1370. }
  1371.  
  1372. #ja-botsl ul li {
  1373. 	padding: 0 0 0 15px;
  1374. 	margin: 0;
  1375. 	background: url(../images/bullet2.gif) no-repeat 3px 8px;
  1376. }
  1377.  
  1378. #ja-botsl ol li {
  1379. 	margin-left: 25px;
  1380. 	padding: 0 !important;
  1381. }
  1382.  
  1383. #ja-botsl td {
  1384. 	padding: 0;
  1385. }
  1386.  
  1387. #ja-botsl .article_separator {
  1388. 	display: none;
  1389. }
  1390.  
  1391. #ja-botsl table {
  1392. 	border-spacing: 0;
  1393. 	border-collapse: collapse;
  1394. }
  1395.  
  1396. /* FOOTER
  1397. --------------------------------------------------------- */
  1398. #ja-footerwrap {
  1399. 	border-top: 5px solid #CCCCCC;
  1400. 	padding: 20px 0 30px;
  1401. 	clear: both;
  1402. 	background: url(../images/grad3.gif) repeat-x bottom #F6F6F6;
  1403. }
  1404.  
  1405. #ja-footer {
  1406. 	padding: 0;
  1407. 	color: #666666;
  1408. 	background: url(../images/vdot.gif) repeat-y 22% 0;
  1409. 	position: relative;
  1410. }
  1411.  
  1412. #ja-footer .copyright {
  1413. 	clear: both;
  1414. 	display: block;
  1415. 	padding-left: 25%;
  1416. 	color: #666666;
  1417. 	font-style: normal;
  1418. 	font-size: 92%;
  1419. }
  1420.  
  1421. #ja-footnav {
  1422. 	padding-left: 25%;
  1423. }
  1424.  
  1425. #ja-footer ul {
  1426. 	margin: 0 0 5px;
  1427. 	padding: 0;
  1428. }
  1429.  
  1430. #ja-footer li {
  1431. 	margin: 0;
  1432. 	padding: 0;
  1433. 	display: inline;
  1434. 	background: none;
  1435. }
  1436.  
  1437. #ja-footer li a {
  1438. 	padding: 0 15px 0 0;
  1439. 	display: inline;
  1440. 	color: #666666;
  1441. 	font-weight: bold;
  1442. 	font-size: 92%;
  1443. 	line-height: normal;
  1444. 	text-decoration: none;
  1445. 	text-transform: uppercase;
  1446. }
  1447.  
  1448. #ja-footer li a:hover, #ja-footer li a:active, #ja-footer li a:focus {
  1449. 	color: #333333;
  1450. 	text-decoration: none;
  1451. }
  1452.  
  1453. .ja-cert {
  1454. 	font-size: 92%;
  1455. 	position: absolute;
  1456. 	right: 0;
  1457. 	top: 18px;
  1458. }
  1459.  
  1460. .ja-cert a {
  1461. 	margin: 0 0 0 5px;
  1462. 	padding: 0;
  1463. 	border: none;
  1464. 	border: none;
  1465. 	text-decoration: none;
  1466. }
  1467.  
  1468. .ja-cert a span {
  1469. 	display: none;
  1470. }
  1471.  
  1472. .ja-cert a img {
  1473. 	border: none;
  1474. }
  1475.  
  1476. .banneritem {
  1477. 	display: block;
  1478. 	margin-top: 15px;
  1479. }
  1480.  
  1481. /* MISCELLANOUS
  1482. ----------------------------------------------------------- */
  1483. ul.accessibility {
  1484. 	position: absolute;
  1485. 	top: -100%;
  1486. }
  1487.  
  1488. /*usertool*/
  1489. ul.ja-usertools-font {
  1490. 	font-size: 11px;
  1491. 	position: absolute;
  1492. 	top: 8px;
  1493. 	right: 70px;
  1494. }
  1495.  
  1496. ul.ja-usertools-font li {
  1497. 	padding: 0;
  1498. 	margin: 0;
  1499. 	display: inline;
  1500. 	background: none;
  1501. }
  1502.  
  1503. /*collapsible h3*/
  1504. h3.show {
  1505. 	background: url(../images/arrow2.png) no-repeat 90% 60%;
  1506. 	cursor: pointer;
  1507. }
  1508.  
  1509. h3.hide {
  1510. 	background: url(../images/arrow3.png) no-repeat 90% 60%;
  1511. 	cursor: pointer;
  1512. }
  1513.  
  1514. /*others*/
  1515. #ja-banner {
  1516. 	margin: 15px 0;
  1517. 	text-align: center;
  1518. }
  1519.  
  1520. div.back_button a,
  1521. div.back_button a:hover,
  1522. div.back_button a:active {
  1523. 	margin: 10px 0;
  1524. 	display: block;
  1525. 	background: none!important;
  1526. 	text-decoration: none!important;
  1527. }
  1528.  
  1529. #form-login p {
  1530. 	margin: 0 0 5px;
  1531. }
  1532.  
  1533. #form-login ul {
  1534. 	margin: 10px 0 0;
  1535. }
  1536.  
  1537. #form-login .inputbox {
  1538. 	width: 90%;
  1539. }
  1540.  
  1541. .clr {
  1542. 	clear: both;
  1543. }
  1544.  
  1545. .hasTip img {
  1546. 	margin: 10px 5px 0 0;
  1547. 	border: none;
  1548. }
  1549.  
  1550. /* Tooltips */
  1551. .tool-tip {
  1552. 	float: left;
  1553. 	border: 1px solid #D4D5AA;
  1554. 	padding: 5px;
  1555. 	background: #FFFFCC;
  1556. 	max-width: 200px;
  1557. }
  1558.  
  1559. .tool-title {
  1560. 	padding: 0;
  1561. 	margin: 0;
  1562. 	margin-top: -15px;
  1563. 	padding-top: 15px;
  1564. 	padding-bottom: 5px;
  1565. 	background: url(../../system/images/selector-arrow.png) no-repeat;
  1566. 	font-size: 100%;
  1567. 	font-weight: bold;
  1568. }
  1569.  
  1570. .tool-text {
  1571. 	margin: 0;
  1572. 	font-size: 100%;
  1573. }
  1574.  
  1575. #system-message dd.message ul,
  1576. #system-message dd.error ul,
  1577. #system-message dd.notice ul {
  1578. 	padding: 0;
  1579. 	margin: 0;
  1580. }
  1581.  
  1582. #system-message dd.message ul li,
  1583. #system-message dd.error ul li,
  1584. #system-message dd.notice ul li {
  1585. 	background: none;
  1586. 	padding: 5px;
  1587. 	margin: 0;
  1588. 	color: #FFFFFF;
  1589. }
  1590.  
  1591. /* System Standard Messages */
  1592. #system-message dd.message ul {
  1593. 	background: #006699;
  1594. 	border: none;
  1595. }
  1596.  
  1597. /* System Error Messages */
  1598. #system-message dd.error ul {
  1599. 	background: #BF0000;
  1600. 	border: none;
  1601. }
  1602.  
  1603. /* System Notice Messages */
  1604. #system-message dd.notice ul {
  1605. 	background: #EE9600;
  1606. 	border: none;
  1607. }
  1608.  
  1609. /* Clearfix */
  1610. .clearfix:after {
  1611. 	clear: both;
  1612. 	display: block;
  1613. 	content: ".";
  1614. 	height: 0;
  1615. 	visibility: hidden;
  1616. }
  1617.  
  1618. * html > body .clearfix {
  1619. 	width: 100%;
  1620. 	display: block;
  1621. }
  1622.  
  1623. * html .clearfix {
  1624. 	height: 1%;
  1625. }
  1626.  
  1627. /* Firefox Scrollbar Hack - Do not remove */
  1628. html {
  1629. 	margin-bottom: 1px;
  1630. 	height: 100%!important;
  1631. 	height: auto;
  1632. }

ja_purity/css/template_rtl.css

  1. /* COMMON STYLE
  2. --------------------------------------------------------- */
  3. html {
  4. 	direction: rtl;
  5. }
  6.  
  7. ul li {
  8. 	padding-right: 30px;
  9. 	background-position: 98% 8px;
  10. }
  11.  
  12. ol li {
  13. 	margin-right: 35px;
  14. 	margin-left: -35px;
  15. 	padding: 0;
  16. }
  17.  
  18. th {
  19. 	text-align: right;
  20. }
  21.  
  22. /* JOOMLA STYLE
  23. --------------------------------------------------------- */
  24. td.sectiontableheader {
  25.   border-left: 1px solid #fff;
  26.   border-right: none;
  27. }
  28.  
  29. table.contenttoc {
  30. 	float:left;
  31. 	margin: 0 10px 10px 0px;
  32. }
  33.  
  34. table.contenttoc td {
  35. 	padding: 1px 25px 1px 5px;
  36. 	background-position: 95% 50%;
  37. }
  38.  
  39. table.pollstableborder {
  40. 	text-align: right;
  41. }
  42.  
  43. .blog_more ul li {
  44. 	padding: 0 17px 0 0;
  45. 	background-position: 98% 8px;
  46. }
  47.  
  48. a.readon {
  49. 	float: right;
  50. 	padding: 1px 14px 1px 5px;
  51. 	background: url(../images/rtl/arrow.png) no-repeat 95% 48%;
  52. }
  53.  
  54. a.readon:hover, a.readon:active, a.readon:focus {
  55. 	background: url(../images/rtl/arrow.png) no-repeat 95% 48% #FFFFFF;
  56. }
  57.  
  58. ul.pagination li span{
  59. 	padding: 0;
  60. }
  61.  
  62. .pagenavbar {
  63. 	padding-right: 14px;
  64. 	background-position: center right;
  65. }
  66.  
  67. .pagenavcounter {
  68. 	padding: 8px 14px 0 14px;
  69. 	background-position: 0 11px;
  70. }
  71.  
  72. .smalldark {
  73. 	text-align: right;
  74. }
  75.  
  76. /* META
  77. --------------------------------------------------------- */
  78. .article-tools {
  79. 	float: right;
  80. }
  81.  
  82. .article-meta {
  83. 	float: right;
  84. }
  85.  
  86. .createby {
  87. 	padding: 3px 20px 3px 3px;
  88. 	background-position: 100% 5px;
  89. 	float: right;
  90. }
  91.  
  92. .createdate {
  93. 	padding: 3px 20px 3px 3px;
  94. 	background-position: 100% 5px;
  95. 	float: right;
  96. }
  97.  
  98. .buttonheading img {
  99. 	margin: 7px 0 0 5px;
  100. 	float: left;
  101. }
  102.  
  103. /* MAIN LAYOUT DIVS
  104. --------------------------------------------------------- */
  105. #ja-containerwrap {
  106. 	background: url(../images/rtl/cw-bg12.gif) repeat-y 50% 0;
  107. }
  108.  
  109. #ja-containerwrap-fr {
  110. 	background: url(../images/rtl/cw-bg12.gif) repeat-y 50% 0;
  111. }
  112.  
  113. #ja-containerwrap2 {
  114. 	background: url(../images/rtl/cw-bg2.gif) no-repeat 50% 0;
  115. }
  116.  
  117. #ja-container {
  118. 	background: url(../images/rtl/c-bg1.gif) repeat-y 82% 0;
  119. 	padding: 0;
  120. }
  121.  
  122. #ja-container2 {
  123. 	background: url(../images/rtl/c-bg2.gif) no-repeat 82% top;
  124. 	padding: 20px 0;
  125. }
  126.  
  127. #ja-mainbody, #ja-mainbody-fl {
  128. 	float: right;
  129. }
  130.  
  131. #ja-mainbody #ja-contentwrap,
  132. #ja-mainbody-fr #ja-contentwrap,
  133. #ja-mainbody-fl #ja-contentwrap {
  134. 	float: left;
  135. }
  136.  
  137. #ja-mainbody-fl #ja-contentwrap #ja-content {
  138. 	padding-left: 20px;
  139. }
  140.  
  141. #ja-mainbody-f, #ja-mainbody-fr {
  142. 	float: right;
  143. }
  144.  
  145. #ja-content {
  146. 	padding: 0 40px 0 20px;
  147. }
  148. .OPE #ja-content {
  149. 	padding-left: 40px;
  150. }
  151. .OPE #ja-mainbody #ja-content {
  152. 	padding-right: 20px;
  153. }
  154. #ja-mainbody-fl #ja-content {
  155. 	padding-right: 0;
  156. }
  157.  
  158. /* Full */
  159. #ja-containerwrap-f {
  160. 	background: url(../images/rtl/cwf-bg.gif) repeat-x top right #F6F6F6;
  161. }
  162.  
  163. /* Full right */
  164. #ja-containerwrap-fl {
  165. 	background: url(../images/rtl/cwf-bg.gif) repeat-x top right #F6F6F6;
  166. }
  167.  
  168. #ja-containerwrap-fr #ja-containerwrap2 {
  169. 	background: url(../images/rtl/cw-bg2.gif) no-repeat 50% 0;
  170. }
  171.  
  172. /* HEADER
  173. --------------------------------------------------------- */
  174. .ja-headermask {
  175. 	background-position: top left;
  176. 	left: -1px;
  177. 	right: auto;
  178. }
  179.  
  180. h1.logo-text a {
  181. 	right: 5px;
  182. 	left: auto;
  183. }
  184.  
  185. p.site-slogan {
  186. 	right: 0;
  187. 	left: auto;
  188. }
  189.  
  190. /* Search */
  191. #ja-search {
  192. 	background-position: center right;
  193. 	left: 0;
  194. 	right: auto;
  195. }
  196.  
  197. /* MAIN NAVIGATION
  198. --------------------------------------------------------- */
  199.  
  200. /* MODULE
  201. --------------------------------------------------------- */
  202. div.module_black,
  203. div.module_green,
  204. div.module_blue,
  205. div.module_red,
  206. div.module {
  207. 	float: right;
  208. }
  209.  
  210. div.module_black div div div div,
  211. div.module_green div div div div,
  212. div.module_blue div div div div,
  213. div.module_red div div div div,
  214. div.module_text div div div div,
  215. div.module div div div div {
  216. 	float: none;
  217. }
  218.  
  219. div.module_text span {
  220. 	float: right;
  221. }
  222.  
  223. div.module_text {
  224. 	float: right;
  225. }
  226.  
  227. div.module_blue li,
  228. div.module_red li,
  229. div.module_black li,
  230. div.module_green li {
  231. 	margin-right: 20px;
  232. 	margin-left: auto;
  233. }
  234.  
  235. div.advs {
  236. 	float: right;
  237. }
  238.  
  239. /* PATHWAY
  240. --------------------------------------------------------- */
  241. #ja-pathway {
  242. }
  243.  
  244. /* right COLUMN + left COLUMN
  245. --------------------------------------------------------- */
  246. #ja-col1 {
  247. 	float: right;
  248. }
  249.  
  250. #ja-col2 {
  251. 	float: left;
  252. }
  253.  
  254. #ja-col1 ul li,
  255. #ja-col2 ul li {
  256. 	padding-right: 15px;
  257. 	background-position: 100% 10px;
  258. }
  259.  
  260. #ja-col1 ol, #ja-col2 ol,
  261. #ja-col1 ul, #ja-col2 ul
  262. {
  263. 	margin-right: 5px;
  264. }
  265. ul.menu li.active a span {
  266. 	background: none;
  267. }
  268.  
  269. /* SPOTLIGHT
  270. --------------------------------------------------------- */
  271. /* Spotlight Box Style */
  272. .ja-box-full, .ja-box-right, .ja-box-center, .ja-box-left {
  273. 	float: right;
  274. }
  275.  
  276. .ja-box-left div.moduletable,
  277. .ja-box-full div.moduletable {
  278. 	padding-left: 30px;
  279. }
  280.  
  281. .ja-box-right div.moduletable {
  282. 	padding-left: 30px;
  283. 	padding-right: 30px;
  284. 	background-position: right;
  285. }
  286.  
  287. .ja-box-center div.moduletable {
  288. 	background-position: right;
  289. }
  290.  
  291. #ja-botsl ul li {
  292. 	padding: 0 15px 0 0;
  293. 	background-position: 99% 8px;
  294. }
  295.  
  296. #ja-botsl ol li {
  297. 	margin-right: 25px;
  298. }
  299.  
  300. /* FOOTER
  301. --------------------------------------------------------- */
  302. #ja-footer {
  303. 	background-position: 78% 0;
  304. }
  305.  
  306. #ja-footer .copyright {
  307. 	padding-right: 25%;
  308. }
  309.  
  310. #ja-footnav {
  311. 	padding-right: 25%;
  312. }
  313.  
  314. #ja-footnav li{
  315. 	float: right;
  316. 	direction: ltr;
  317. }
  318.  
  319. #ja-footer li a {
  320. 	padding: 0 0 0 15px;
  321. }
  322.  
  323. .ja-cert {
  324. 	left: 0;
  325. 	right: auto;
  326. }
  327.  
  328. .ja-cert a {
  329. 	margin: 0 5px 0 0;
  330. }
  331.  
  332. .banneritem {
  333. 	display: block;
  334. 	margin-top: 15px;
  335. }
  336.  
  337. /* MISCELLANOUS
  338. ----------------------------------------------------------- */
  339. /*usertool*/
  340. ul.ja-usertools-font {
  341. 	left: 70px;
  342. 	right: auto;
  343. }
  344.  
  345. /*collapsible h3*/
  346. h3.show {
  347. 	background-position: 10% 60%;
  348. }
  349.  
  350. h3.hide {
  351. 	background-position: 10% 60%;
  352. }
  353.  
  354. .hasTip img {
  355. 	margin: 10px 0 0 5px;
  356. }
  357.  
  358. /* Tooltips */
  359. .tool-tip {
  360. 	float: right;
  361. }
  362.  
  363. .breadcrumbs {
  364. }
  365.  
  366. .breadcrumbs a {
  367. 	float: right;
  368. }
  369.  
  370. .breadcrumbs img {
  371. 	float: right;
  372. 	margin-top: 10px;
  373. 	padding-top: 5px;
  374. }
  375.  
  376. /* MainNav
  377. --------------------------------------------------------- */
  378. #ja-mainnav{
  379. 	direction: ltr;
  380. }
  381.  
  382. #ja-mainnav li a {
  383. 	direction: rtl;
  384. }
  385.  
  386. #ja-cssmenu {
  387. 	float: right;
  388. }
  389.  
  390. #ja-cssmenu li {
  391. 	float: right;
  392. }
  393.  
  394. #ja-cssmenu li ul {
  395. 	right: 0;
  396. }
  397.  
  398. #ja-cssmenu li ul ul {
  399. 	margin: -1.5em 14em 0 0; /* third-and-above-level lists */
  400. }
  401.  
  402. #ja-cssmenu li li {
  403. 	padding: 0 0 0 1em;
  404. }
  405.  
  406. /* STYLING THE MENU
  407. -----------------------------------*/
  408. /* 1st level */
  409. #ja-cssmenu li ul a {
  410. 	border-left: none;
  411. }
  412.  
  413. #ja-cssmenu li.havesubchild,
  414. #ja-cssmenu li.havesubchild-active {
  415. 	background-position: 6% 50%;
  416. }
  417.  
  418. body.IE6 #ja-cssmenu li ul,
  419. body.IE7 #ja-cssmenu li ul,
  420. body.OPE #ja-cssmenu li ul {
  421. 	left: auto;
  422. 	top: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
  423. }
  424.  
  425. body.IE6 #ja-cssmenu li.sfhover ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul,
  426. body.IE6 #ja-cssmenu li.sfhover ul ul ul, body.IE6 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE6 #ja-cssmenu li.activesfhover ul ul ul,
  427. body.IE7 #ja-cssmenu li.sfhover ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul,
  428. body.IE7 #ja-cssmenu li.sfhover ul ul ul, body.IE7 #ja-cssmenu li.havechildsfhover ul ul ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul ul ul, body.IE7 #ja-cssmenu li.activesfhover ul ul ul,
  429. body.OPE #ja-cssmenu li.sfhover ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul,
  430. body.OPE #ja-cssmenu li.sfhover ul ul ul, body.OPE #ja-cssmenu li.havechildsfhover ul ul ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul ul ul, body.OPE #ja-cssmenu li.activesfhover ul ul ul {
  431. 	left: auto;
  432. 	left: auto;
  433. 	top: -999em;
  434. }
  435.  
  436. /* This "unhides" the sub-menus (left: -999em is what hides them) */
  437. body.IE6 #ja-cssmenu li.sfhover ul, body.IE6 #ja-cssmenu li.havechildsfhover ul, body.IE6 #ja-cssmenu li.havechild-activesfhover ul, body.IE6 #ja-cssmenu li.activesfhover ul,
  438. body.IE6 #ja-cssmenu li li.sfhover ul, body.IE6 #ja-cssmenu li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li.activesfhover ul,
  439. body.IE6 #ja-cssmenu li li li.sfhover ul, body.IE6 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE6 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE6 #ja-cssmenu li li li.activesfhover ul,
  440. body.IE7 #ja-cssmenu li.sfhover ul, body.IE7 #ja-cssmenu li.havechildsfhover ul, body.IE7 #ja-cssmenu li.havechild-activesfhover ul, body.IE7 #ja-cssmenu li.activesfhover ul,
  441. body.IE7 #ja-cssmenu li li.sfhover ul, body.IE7 #ja-cssmenu li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li.activesfhover ul,
  442. body.IE7 #ja-cssmenu li li li.sfhover ul, body.IE7 #ja-cssmenu li li li.havesubchildsfhover ul, body.IE7 #ja-cssmenu li li li.havesubchild-activesfhover ul, body.IE7 #ja-cssmenu li li li.activesfhover ul,
  443. body.OPE #ja-cssmenu li.sfhover ul, body.OPE #ja-cssmenu li.havechildsfhover ul, body.OPE #ja-cssmenu li.havechild-activesfhover ul, body.OPE #ja-cssmenu li.activesfhover ul,
  444. body.OPE #ja-cssmenu li li.sfhover ul, body.OPE #ja-cssmenu li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li.activesfhover ul,
  445. body.OPE #ja-cssmenu li li li.sfhover ul, body.OPE #ja-cssmenu li li li.havesubchildsfhover ul, body.OPE #ja-cssmenu li li li.havesubchild-activesfhover ul, body.OPE #ja-cssmenu li li li.activesfhover ul {
  446. 	top: auto;
  447. }
  448.  
  449. /* TYPOGRAPY FIX FOR RTL */
  450. pre, .code {
  451. 	border-right: 5px solid #999999;
  452. 	border-left: none;
  453. }
  454.  
  455. blockquote {
  456. 	padding: 1em 40px 1em 15px;
  457. }
  458.  
  459. blockquote span.open {
  460. 	float: right;
  461. 	padding: 0 20px 0 0;
  462. 	background-position: right top;
  463. }
  464.  
  465. blockquote span.close {
  466. 	padding: 0 0 0 20px;
  467. 	background-position: bottom left;
  468. }
  469.  
  470. /* Small quote */
  471. .small-quote span.open-quote {
  472. 	padding-left: 20px;
  473. 	background-position: center left;
  474. }
  475.  
  476. .small-quote span.close-quote {
  477. 	padding-right: 20px;
  478. 	background-position: center right;
  479. }
  480.  
  481. .small-quote span.author {
  482. 	padding: 2px 20px 2px 5px;
  483. 	background-position: 99% 4px;
  484. }
  485.  
  486. /* Dropcap */
  487. .dropcap {
  488. 	float: right;
  489. 	padding: 4px 0 0 8px;
  490. }
  491.  
  492. /* Note Style */
  493. p.stickynote {
  494. 	padding: 10px 40px 10px 0;
  495. 	background-position: 99% 50%;
  496. }
  497.  
  498. p.download {
  499. 	padding: 10px 40px 10px 0;
  500. 	background-position: 99% 50%;
  501. }
  502.  
  503. .blocknumber {
  504. 	clear: both;
  505. 	padding: 5px 15px 10px;
  506. 	position: relative;
  507. }
  508.  
  509. /* Check list */
  510. ul.checklist {
  511. 	list-style: none;
  512. }
  513.  
  514. ul.checklist li {
  515. 	margin-right: 15px;
  516. 	padding: 0 20px 5px 0px;
  517. 	background-position: right 3px;
  518. }
  519. /* Small checklist */
  520. ul.small-checklist {
  521. 	list-style: none;
  522. }
  523.  
  524. ul.small-checklist li {
  525. 	margin-right: 15px;
  526. 	padding: 0 20px 5px 0;
  527. 	background-position: right 3px;
  528. }
  529.  
  530. /* Check list */
  531. ul.stars {
  532. 	list-style: none;
  533. }
  534.  
  535. ul.stars li {
  536. 	margin-right: 15px;
  537. 	padding: 0px 20px 5px 0;
  538. 	background-position: right 3px;
  539. }
  540.  
  541. .IE7 ul li, 
  542. .IE7 ul.checklist li, 
  543. .IE7 ul.small-checklist li,
  544. .IE7 ul.stars li
  545. {
  546. 	padding-right: 40px;
  547. }
  548.  
  549. /* Tips, Error, Message, Hightlight*/
  550. p.error {
  551. 	padding-right: 25px;
  552. 	background-position: top right;
  553. }
  554.  
  555. p.message {
  556. 	padding-right: 25px;
  557. 	background-position: top right;
  558. }
  559.  
  560. p.tips {
  561. 	padding-right: 25px;
  562. 	background-position: top right;
  563. }
  564.  
  565. /* Bignumber */
  566. .bignumber {
  567. 	float: right;
  568. 	margin-left: 8px;
  569. 	padding: 6px 7px;
  570. 	display: block;
  571. 	background-position: top right;
  572. }
  573.  
  574. /* Talking box. Thinking box. */
  575. div.bubble1 span.author,
  576. div.bubble2 span.author,
  577. div.bubble3 span.author,
  578. div.bubble4 span.author {
  579. 	padding-right: 15px;
  580. 	margin-right: 15px;
  581. 	background-position: center right;
  582. 	float: right;
  583. }
  584.  
  585. div.bubble1 div {
  586. 	background: url(../images/rtl/bub12-br.gif) no-repeat bottom left;
  587. }
  588.  
  589. div.bubble1 div div {
  590. 	background: url(../images/rtl/bub12-bl.gif) no-repeat bottom right;
  591. }
  592.  
  593. div.bubble1 div div div {
  594. 	background: url(../images/rtl/bub12-tr.gif) no-repeat top left;
  595. }
  596.  
  597. div.bubble1 div div div div {
  598. 	background: url(../images/rtl/bub12-tl.gif) no-repeat top right;
  599. }
  600.  
  601. div.bubble2 div {
  602. 	background: url(../images/rtl/bub22-br.gif) no-repeat bottom left;
  603. }
  604.  
  605. div.bubble2 div div {
  606. 	background: url(../images/rtl/bub22-bl.gif) no-repeat bottom right;
  607. }
  608.  
  609. div.bubble2 div div div {
  610. 	background: url(../images/rtl/bub22-tr.gif) no-repeat top left;
  611. }
  612.  
  613. div.bubble2 div div div div {
  614. 	background: url(../images/rtl/bub22-tl.gif) no-repeat top right;
  615. }
  616.  
  617. div.bubble3 div {
  618. 	background: url(../images/rtl/bub32-br.gif) no-repeat bottom left;
  619. }
  620.  
  621. div.bubble3 div div {
  622. 	background: url(../images/rtl/bub32-bl.gif) no-repeat bottom right;
  623. }
  624.  
  625. div.bubble3 div div div {
  626. 	background: url(../images/rtl/bub32-tr.gif) no-repeat top left;
  627. }
  628.  
  629. div.bubble3 div div div div {
  630. 	background: url(../images/rtl/bub32-tl.gif) no-repeat top right;
  631. }
  632.  
  633. div.bubble4 div {
  634. 	background: url(../images/rtl/bub42-br.gif) no-repeat bottom left;
  635. }
  636.  
  637. div.bubble4 div div {
  638. 	background: url(../images/rtl/bub42-bl.gif) no-repeat bottom right;
  639. }
  640.  
  641. div.bubble4 div div div {
  642. 	background: url(../images/rtl/bub42-tr.gif) no-repeat top left;
  643. }
  644.  
  645. div.bubble4 div div div div {
  646. 	background: url(../images/rtl/bub42-tl.gif) no-repeat top right;
  647. }
  648.  
  649. /* Legend */
  650. .legend-title {
  651. 	display: block;
  652. 	float: left;
  653. 	right: 7px;
  654. 	left: auto;
  655. }



Źródło „http://wiki.joomla.pl/index.php?title=JA_Purity/CSS_-_template_css&oldid=23003