Joomla!WikiPL

1. /**

2.  * @version $Id: layout.css 10387 2008-06-03 10:59:16Z pasamio $

3.  * @author Design & Accessible Team ( Angie Radtke  )

4.  * @package Joomla

5.  * @subpackage Accessible-Template-Beez

6.  * @copyright Copyright (C) 2005 - 2008 Open Source Matters. All rights reserved.

7.  * @license GNU/GPL, see LICENSE.php

8.  * Joomla! is free software. This version may have been modified pursuant to the

9.  * GNU General Public License, and as distributed it includes or is derivative

10.  * of works licensed under the GNU General Public License or other free or open

11.  * source software licenses. See COPYRIGHT.php for copyright notices and

12.  * details.

13.  */

14. a:link,a:visited

15. {

16. 	color:#000;

17. }

19. a:hover,a:active,a:focus

20. {

21. 	background:#000;

22. 	color:#FFF;

23. }

25. h3 {

26. 	font-size:1.1em;

27. 	font-weight:bold;

28. 	margin:10px 0;

29. }

31. h4 {

32. 	border:solid 0;

33. 	color:#000;

34. 	font-size:1em;

35. }

37. input:focus {

38. 	border:solid 2px;

39. }

41. fieldset {

42. 	border:0;

43. }

45. ol.list {

46. 	list-style-position:inside;

47. 	margin:20px 0;

48. 	padding:0;

49. }

51. ol.list li {

52. 	border-bottom:solid 1px #EFDEEA;

53. 	margin:10px 0;

54. 	padding:10px;

55. 	background:#FBF7FA;

56. }

58. ol.list li h4 {

59. 	border-bottom:solid 0 #CCC;

60. 	color:#099;

61. 	display:inline;

62. 	margin:0 0 10px;

63. }

65. p {

66. 	line-height:1.4em;

67. 	margin:5px 0;

68. }

70. ul li a.u2:focus,p a.u2:active

71. {

72. 	padding:0.5em;

73. 	background-color:#000;

74. 	color:#FFF;

75. 	display:inline;

76. 	height:2.5em;

77. 	left:0;

78. 	margin-top:0;

79. 	padding-left:15px;

80. 	position:absolute;

81. 	top:0;

82. 	width:13.8em;

83. }

85. p.counter {

86. 	background:#EEE;

87. 	color:#000;

88. 	font-weight:bold;

89. 	margin:10px 0;

90. 	padding:5px;

91. }

93. p.buttonheading {

94. 	text-align:right;

95. }

97. .buttonheading img

98. {

99. 	border:0;

100. }

102. p.buttonheading a:link,p.buttonheading a:visited

103. {

104. 	border:solid 2px #fff;

105. }

107. .leading p.buttonheading a:link,.leading p.buttonheading a:visited

108. {

109. 	border:solid 2px #EFDEEA;

110. }

112. p.buttonheading a:hover

113. {

114. 	background:none !important;

115. 	color:#000 !important;

116. }

118. p.buttonheading a:active,p.buttonheading a:focus

119. {

120. 	border:solid 2px;

121. 	color:#000;

122. }

124. em

125. {

126. 	font-weight:bold;

127. }

129. /* ###########  header content #############  */

130. #header h1

131. {

132. 	font-size:1.5em;

133. 	font-weight:normal;

134. 	text-transform:uppercase;

135. }

137. #logo

138. {

139. 	font-size:1em !important;

140. 	font-weight:bold !important;

141. 	position:relative;

142. 	text-align:left;

143. 	text-transform:none !important;

144. 	z-index:0;

145. 	margin-top:1em;

146. }

148. #logo img

149. {

150. 	display:block;

151. }

153. #logo span

154. {

155. 	display:block;

156. 	margin:0 0 2px 100px !important;

157. 	border-bottom:solid 1px #666;

158. }

160. /*  Search box  */

161. #header form

162. {

163. 	background:#C39;

164. 	border:solid 0 #000;

165. 	float:right;

166. 	height:5em;

167. 	min-width:240px;

168. 	text-align:left;

169. 	padding:0 0 0 20px;

170. }

172. * html #header form

173. {

174. 	height:65px;

175. }

177. #header form fieldset

178. {

179. 	border:0 solid #000;

180. 	display:inline;

181. 	float:left;

182. 	padding:19px;

183. 	text-align:left;

184. 	width:6em;

185. }

187. #header form label

188. {

189. 	color:#000;

190. 	position:absolute;

191. 	left:-3000px;

192. 	top:-200px;

193. 	width:auto;

194. }

196. #header form .button

197. {

198. 	background:url(../images/pfeil.gif) #000 no-repeat;

199. 	border:0;

200. 	color:#fff;

201. 	font-weight:bold;

202. 	margin:20px 10px 0 0;

203. 	padding:0px 5px 0px 30px;

204. 	cursor:pointer;

205. }

207. #header form .inputbox

208. {

209. 	background:#fff;

210. 	border:solid 2px #93246F;

211. 	font-weight:bold;

212. 	padding:0 0 0 2px;

213. 	margin:20px 10px 0 0 !important;

214. 	width:6em;

215. }

217. #header form .inputbox:focus

218. {

219. 	border:solid 2px #000;

220. }

222. /* header Top-nav */

223. #header #active_menu-nav

224. {

225. 	background:#000;

226. 	color:#fff;

227. }

229. #header ul

230. {

231. 	background:#fff;

232. 	display:block;

233. 	margin:-7px 0 -2px;

234. 	padding:5px 0;

235. 	text-align:right;

236. }

238. #header ul li

239. {

240. 	background:#000;

241. 	color:#fff;

242. 	display:inline;

243. 	text-align:center;

244. }

246. #header ul li a:link,#header ul li a:visited

247. {

248. 	background:#fff;

249. 	color:#000;

250. 	font-weight:bold;

251. 	text-decoration:none;

252. 	border-right:solid 1px #666;

253. 	padding:5px 10px;

254. 	line-height:1.5em;

255. }

257. #header ul li a:hover,#header ul li a:active,#header ul li a:focus

258. {

259. 	background:#000;

260. 	color:#fff;

261. 	font-weight:bold;

262. }

264. /*  fontsize  */

265. #fontsize

266. {

267. 	z-index:100;

268. 	position:absolute;

269. 	top:0;

270. 	right:0;

271. 	background:#fff;

272. 	color:#000;

273. }

275. #fontsize h3,#fontsize p

276. {

277. 	border:0;

278. 	display:inline;

279. 	font-size:1em;

280. }

282. #fontsize p

283. {

284. 	margin:0 0 0 5px;

285. }

287. #fontsize p a

288. {

289. 	font-weight:bold;

290. 	margin:0 5px;

291. 	display:inline;

292. 	padding:2px 0 2px 24px;

293. }

295. /* background-images */

296. #fontsize p a.larger {

297. background:#fff url(../images/lupe_larger.gif) no-repeat;

298. }

300. #fontsize p a.smaller {

301. background:#fff url(../images/lupe_smaller.gif) no-repeat;

302. }

304. #fontsize p a.reset {

305. background:#fff url(../images/lupe_reset.gif) no-repeat;

306. }

308. #fontsize p a.larger:hover,#fontsize p a.larger:active,#fontsize p a.larger:focus {

309. background:#000 url(../images/lupe_larger_black.gif) no-repeat;

310. color:#fff;

311. }

313. #fontsize p a.smaller:hover,#fontsize p a.smaller:active,#fontsize p a.smaller:focus {

314. background:#000 url(../images/lupe_smaller_black.gif) no-repeat;

315. color:#fff;

316. }

318. #fontsize p a.reset:hover,#fontsize p a.reset:active,#fontsize p a.reset:focus {

319. background:#000 url(../images/lupe_reset_black.gif) no-repeat;

320. color:#fff;

321. }

323. /* ################# breadcrumbs ################ */

324. #breadcrumbs {

325. background:#93246F;

326. min-height:5em;

327. padding-top:0;

328. text-align:left;

329. color:#fff;

330. }

332. #breadcrumbs p {

333. padding:5px;

334. display:inline;

335. }

337. * html #breadcrumbs {

338. height:65px;

339. }

341. #breadcrumbs a {

342. text-transform:none;

343. }

345. #breadcrumbs a:link,#breadcrumbs a:visited {

346. background:#93246F;

347. color:#fff;

348. }

350. #breadcrumbs span {

351. color:#fff;

352. font-size:0.9em;

353. padding:7px;

354. }

356. #breadcrumbs span a:hover,#breadcrumbs span a:active,#breadcrumbs span a:focus {

357. background:#000;

358. color:#fff;

359. text-decoration:none;

360. }

362. /* ################ left ######################## */

363. #left form {

364. background:#EFDEEA;

365. color:#000;

366. font-size:0.9em;

367. margin:5px 0 20px 10px;

368. padding:20px 10px;

369. }

371. #left h3,#right h3 {

372. color:#000;

373. font-family:trebuchet MS, sans-serif;

374. font-size:1.2em;

375. margin:0 0 0 5px;

376. padding:7px 5px 7px 10px;

377. border:solid 0;

378. }

380. #left ul {

381. list-style-type:none;

382. margin:0 0 20px 10px;

383. }

386. #left ul li {

387. border:solid 1px #fff;

388. margin:0 0 2px;

389. }

391. #left ul li a {

392. display:block;

393. padding:3px 4px 3px 10px;

394. text-decoration:none;

395. }

397. #left ul li a:link,#left ul li a:visited {

398. background:#F2E3ED;

399. border-bottom:solid 1px #E0C1E0;

400. color:#000;

401. font-weight:normal;

402. }

404. #left ul li a:hover,#left ul li a:active,#left ul li a:focus {

405. background:#333 !important;

406. color:#fff !important;

407. }

409. /* ################## Main Menue ################## */

411. #left ul li ul {

412. background:#fff;

413. border:solid 1px #E0C1E0;

414. border-bottom:solid 0 #93246F;

415. border-left:solid 4px #93246F;

416. border-top:0;

417. margin:0;

418. }

420. #left ul li ul li {

421. border:solid 1px #fff;

422. }

424. #left ul li ul li {

425. margin:0;

426. }

428. #left ul li ul li a:hover,#left ul li ul li a:active,#left ul li ul li a:focus {

429. background:#93246F;

430. color:#fff;

431. }

433. #left ul li ul li ul {

434. border:solid 0 #E0C1E0;

435. padding:10px 0 10px 5px;

436. }

438. #left ul li.active a:link,#left ul li.active a:visited {

439. background:#93246F;

440. border-left:solid 4px #BE7CA9;

441. color:#fff;

442. border-bottom:solid 1px #93246F;

443. padding:3px 0 3px 6px;

444. }

446. #left ul li.active ul li a:link,#left ul li.active ul li a:visited {

447. background:#fff;

448. border-bottom:solid 1px #E0C1E0;

449. border-left:solid 0 #DD75BB;

450. color:#000;

451. font-weight:normal;

452. padding:3px 4px 3px 20px;

453. }

455. #left ul li.active ul li ul li a:link,#left ul li.active ul li ul li a:visited {

456. background:#fff;

457. border-bottom:solid 1px #E0C1E0;

458. color:#000;

459. font-weight:normal;

460. margin:0 0 0 10px;

461. }

463. #left ul li.active ul li.active a:link,#left ul li.active ul li.active a:visited {

464. background:#fff;

465. border-left:solid 0 #DD75BB;

466. color:#000;

467. font-weight:bold;

468. }

470. #left ul li.active ul li.active ul li a:link,#left ul li.active ul li.active ul li a:visited {

471. background:url(../images/arrow.gif) #fff no-repeat top left;

472. color:#000;

473. font-weight:normal;

474. margin:0 0 0 15px;

475. padding:3px 0 3px 15px;

476. }

478. #left ul li.active ul li.active ul li.active span.active_link {

479. background:url(../images/arrow.gif) #fff no-repeat top left;

480. border-bottom:solid 1px #E0C1E0;

481. color:#000;

482. font-weight:bold;

483. margin:0 0 0 15px;

484. padding:3px 0 3px 15px;

485. }

487. #left form a:hover,#left form a:active,#left form a:focus {

488. color:#fff;

489. }

491. /* ###############  main * ########################### */

492. /* position */

493. .leading_separator {

494. border-bottom:solid 0 #333;

495. display:block;

496. height:10px;

497. margin:0;

498. }

500. #main .leading h2,#main2 .leading h2 {

501. background:#EFDEEA;

502. border-bottom:solid 0 #333;

503. color:#93246F;

504. font-family:trebuchet MS, sans-serif;

505. font-size:1.4em;

506. font-weight:normal;

507. margin:0 0 10px;

508. text-transform:uppercase;

509. }

511. #main h2 a,#main2 h2 a {

512. text-decoration:none;

513. }

515. #main .leading .readon,#main2 .leading .readon {

516. background:url(../images/pfeil.gif) #93246F no-repeat;

517. border:solid 0;

518. bottom:0;

519. color:#FFF !important;

520. display:block !important;

521. margin-top:20px !important;

522. position:absolute;

523. right:0;

524. text-decoration:none;

525. padding:2px 2px 0 30px;

526. }

528. #main .leading .small,#main .leading .modifydate,#main2 .leading .small,#main2 .leading .modifydate {

529. background:#EFDEEA;

530. color:#93246F;

531. }

533. .article_column h2 {

534. background:#fff;

535. color:#000 !important;

536. font-family:trebuchet MS;

537. font-size:1.2em !important;

538. font-weight:bold !important;

539. padding:0;

540. }

542. .article_row .column1 h2,.article_row .column2 h2 {

543. background:#fff;

544. border-bottom:solid 1px #D4A7C5;

545. color:#000;

546. margin:0 0 10px;

547. padding:5px 5px 5px 0;

548. }

550. .article_row p.iteminfo {

551. background:#fff;

552. line-height:1em;

553. margin:0 -10px 5px;

554. padding:10px;

555. }

557. #main h3,#main2 h3 {

558. margin:20px 0 10px;

559. }

561. #main .blog_more h2,#main2 .blog_more h2 {

562. background:#fff;

563. color:#93246F;

564. font-family:trebuchet MS, sans-serif;

565. font-size:1.3em;

566. font-weight:normal;

567. margin:0;

568. }

570. #main .blog_more li a,#main2 .blog_more li a {

571. display:inline;

572. margin:0;

573. padding:0;

574. }

576. #main .blog_more li,#main2 .blog_more li {

577. padding:4px;

578. }

580. #main .blog_more ul li a,#main2 .blog_more ul li a {

581. background:url(../images/pfeil.gif) no-repeat;

582. font-weight:bold;

583. padding:2px 0 4px 30px;

584. }

586. #main .blog_more ul li a:hover,#main2 .blog_more ul li a:hover {

587. background:url(../images/pfeil.gif) #939 no-repeat !important;

588. color:#fff;

589. font-weight:bold;

590. padding:2px 0 2px 30px;

591. }

593. #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 {

594. background:url(../images/pfeil.gif) #939 no-repeat !important;

595. color:#fff;

596. font-weight:bold;

597. padding:2px 0 2px 30px;

598. }

600. #main .blog_more ul,#main2 .blog_more ul {

601. background:#eee;

602. border:solid 1px #ccc;

603. color:#000;

604. line-height:1.3em;

605. list-style-type:none;

606. margin:0;

607. padding:10px 10px 30px;

608. }

610. #main .blog_more,#main2 .blog_more {

611. padding-top:10px;

612. }

614. /* main generell  */

615. #main a.readon,#main2 a.readon {

616. background:url(../images/pfeil.gif) no-repeat;

617. font-weight:bold;

618. padding:2px 2px 0 30px;

619. display:inline-block;

620. }

622. #main a.readon:hover,#main2 a.readon:hover,#main a.readon:active,#main2 a.readon:active,#main a.readon:focus,#main2 a.readon:focus {

623. background:url(../images/pfeil.gif) #000 no-repeat;

624. color:#fff;

625. padding:2px 2px 0 30px;

626. text-decoration:none;

627. }

629. #main a:link,#main2 a:link,#main a:visited,#main2 a:visited {

630. color:#000;

631. }

633. #main a:hover,#main2 a:hover,#main a:active,#main2 a:active,#main a:focus,#main2 a:focus {

634. background:#93246F;

635. color:#fff;

636. }

638. #main h1,#main2 h1 {

639. color:#000;

640. font-family:trebuchet MS, sans-serif;

641. font-size:1.6em;

642. font-weight:normal;

643. margin:0;

644. }

646. #main h2,#main2 h2 {

647. color:#93246F;

648. font-family:trebuchet MS, sans-serif;

649. font-size:1.6em;

650. font-weight:normal;

651. }

653. #main ul li,#main2 ul li {

654. padding:0 0 0 10px;

655. line-height:1.4em;

656. margin:10px 0;

657. }

659. #main ul,#main2 ul {

660. list-style-position:outside;

661. list-style-type:square;

662. padding:0 0 0 10px;

663. margin:0 0 0 20px;

664. }

666. #main ul,#main ol {

667. list-style-position:inside;

668. margin:10px 0 10px 20px;

669. padding:0 0 0 10px;

670. }

672. .small {

673. border:solid 0;

674. color:#932467;

675. font-size:0.85em;

676. margin:0 0 20px;

677. }

679. .contentdescription {

680. padding:10px 0;

681. overflow:hidden;

682. }

684. .image_left {

685. float:left;

686. border:solid 0 #ccc;

687. margin:0 10px 10px 0;

688. }

690. .image_right {

691. float:right;

692. border:solid 1px #ccc;

693. margin:0 0 10px 10px;

694. }

696. .wrap_image {

697. clear:left;

698. }

700. .createdate {

701. color:#932467;

702. display:block;

703. font-size:0.85em;

704. }

706. .createdby {

707. color:#932467;

708. display:block;

709. font-size:0.85em;

710. padding:0 0 0 2px;

711. }

713. .modifydate {

714. color:#932467;

715. display:block;

716. font-size:0.85em;

717. padding:0;

718. }

720. span.content_rating,.leading span.content_rating {

721. margin:10px 0 0;

722. display:block;

723. }

725. .content_vote {

726. margin:0 0 10px;

727. display:block;

728. }

730. .content_vote input {

731. margin:0 5px;

732. }

734. .content_vote .button {

735. background:url(../images/pfeil.gif) #000 no-repeat;

736. border:0;

737. color:#fff;

738. font-weight:bold;

739. margin:20px 10px 0 0;

740. padding:0 0 0 30px;

741. cursor:pointer;

742. }

744. /* ############# pagination ###################### */

745. #main2 .pagination,#main .pagination {

746. border-top:solid 1px #CCC;

747. margin:10px 0 0;

748. padding:10px 0;

749. }

751. ul.pagination {

752. list-style-type:none;

753. margin:0;

754. padding:0;

755. text-align:left;

756. }

758. ul.pagination li {

759. display:inline;

760. padding:2px 5px 0;

761. text-align:left;

762. }

764. ul.pagination li a {

765. padding:2px;

766. }

768. /* ###############  right #################  */

769. #right .moduletable {

770. background:#fff;

771. color:#000;

772. margin:10px 0;

773. padding:10px;

774. }

776. #right h3 {

777. background:#fff;

778. border-bottom:solid 1px #D4A7C5;

779. color:#333;

780. margin:0 0 3px;

781. padding:0 5px 0 0;

782. }

784. #right h4 {

785. color:#000;

786. font-size:1em;

787. padding:10px 5px 0 0;

788. margin:0;

789. border:solid 0;

790. }

792. #right ul {

793. border:solid 0 #ccc;

794. color:#000;

795. line-height:1.4em;

796. list-style-type:none;

797. margin:0;

798. padding:10px 10px 10px 0;

799. position:relative;

800. }

802. #right ul li {

803. margin-bottom:4px;

804. }

806. #right ul li a {

807. color:#000;

808. font-weight:normal;

809. padding:2px;

810. }

812. #right ul li a:link,#right ul li a:visited {

813. color:#000;

814. }

816. #right ul li a:hover,#right ul li a:active,#right ul li a:focus {

817. background:#93246F;

818. color:#fff;

819. }

821. #right form.poll {

822. padding:10px 0 0;

823. }

825. #right form.poll fieldset {

826. line-height:1.6em;

827. }

829. #right form.poll fieldset label {

830. padding:0 0 0 4px;

831. }

833. #right form.poll .button {

834. border:outset 1px #C39;

835. background:#F2E3ED;

836. cursor:pointer;

837. float:left;

838. width:auto;

839. line-height:0.9em;

840. display:inline;

841. height:1.55em;

842. font-size:1em;

843. overflow:visible;

844. margin:0 10px 0 0;

845. padding:0 2px !important;

846. }

848. #right form.poll .button:focus {

849. border:outset 1px #C39;

850. }

852. #right form.poll a {

853. text-decoration:none;

854. color:#000 !important;

855. padding:1px 2px !important;

856. border:outset 1px #C39;

857. background:#F2E3ED;

858. cursor:pointer;

859. float:left;

860. }

862. #right form.poll a:hover,#right form.poll a:active,#right form.poll a:focus,#right form.poll .button:hover,#right form.poll .button:active,#right form.poll .button:focus {

863. border:2px outset #C39;

864. }

866. #right form.poll:after {

867. /* Inhalt pseudo-Element :after;

868. 			 * somit [clear] moeglich

869. 			 */

870. content:".";

871. /* [content] verbergen;

872. 			 */

873. visibility:hidden;

874. height:0;

875. /* Block-Level fuer [clear];

876. 			 */

877. display:block;

878. /* [float] clearing;

879. 			 * einbeziehen der Float-Container;

880. 			 */

881. clear:both;

882. }

884. dl.poll {

885. }

887. dl.poll dt {

888. border-bottom:solid 1px #ccc;

889. }

891. dl.poll dd {

892. padding:6px 0;

893. font-weight:bold;

894. }

896. .polls_color_1 {

897. background:#000;

898. }

900. .polls_color_2 {

901. background:#999;

902. }

904. .polls_color_3 {

905. background:#93246F;

906. }

908. .polls_color_4 {

909. background:#000;

910. }

912. .polls_color_5 {

913. background:#ccc;

914. }

916. .polls_color_6 {

917. background:#93246F;

918. }

920. /*  ####################   Formulare   #####################  */

921. form.limit {

922. }

924. form.login {

925. background:#93246F;

926. color:#000;

927. font-size:0.9em;

928. margin:5px 0 20px;

929. padding:10px 10px 20px 15px;

930. text-align:left;

931. }

933. form.login .inputbox:focus {

934. border:solid 2px #000;

935. }

937. form.login p {

938. clear:both;

939. border:solid 0 #000;

940. font-size:1em;

941. }

943. form.login .button {

944. background:url(../images/pfeil.gif) #C39 no-repeat;

945. clear:left;

946. color:#fff;

947. display:block;

948. font-weight:bold;

949. margin:0 0 10px !important;

950. padding:0 0 0 30px !important;

951. cursor:pointer;

952. border:solid 0;

953. }

955. form.login fieldset {

956. border:solid 0 #000;

957. margin:0;

958. padding:0;

959. text-align:left;

960. }

962. form.login input {

963. background:#fff;

964. border:solid 2px #C39;

965. color:#000;

966. padding:2px 2px 0;

967. width:90%;

968. }

970. form.login input.checkbox {

971. background:none;

972. border:solid 0 #000;

973. float:left;

974. margin:11px 0 0;

975. padding:5px;

976. width:20px;

977. }

979. form.login label {

980. color:#000;

981. display:block;

982. font-weight:bold;

983. margin:5px 0 0;

984. padding:2px 2px 0;

985. }

987. form.login label.remember {

988. float:left;

989. margin:5px 0 20px;

990. padding:5px 0 0;

991. width:11em;

992. }

994. form.login p {

995. color:#000;

996. }

998. form.login p a {

999. color:#000;

1000. }

1002. form.login p a:hover,form.login p a:active,form.login p a:focus {

1003. color:#000;

1004. text-decoration:none;

1005. }

1007. form.lost_password .button,.login_form .button {

1008. background:url(../images/pfeil.gif) #000 no-repeat;

1009. border:0;

1010. color:#fff;

1011. font-weight:bold;

1012. margin:0;

1013. padding:0 0 0 30px;

1014. cursor:pointer;

1015. }

1017. /* ################# poll ################ */

1018. .poll {

1019. padding:20px 20px 20px 0;

1020. }

1022. form.poll fieldset {

1023. border:0 solid #000;

1024. margin:0 0 10px;

1025. padding:0;

1026. }

1028. form.registration input,form.lost_password input,.login_form input {

1029. border:solid 2px #93246F;

1030. }

1032. form.registration label,form.lost_password label,.login_form label {

1033. display:block;

1034. float:left;

1035. font-weight:normal;

1036. width:12em;

1037. }

1039. /* #####################  form.registration ################ */

1040. form.search_result,form.registration,form.lost_password,.login_form {

1041. background:#fff;

1042. border:solid 0 #93246F;

1043. margin:15px 10px 0;

1044. padding:0;

1045. position:relative;

1046. }

1048. .search_result .button,form.registration .button {

1049. background:url(../images/pfeil.gif) #000 no-repeat;

1050. border:0;

1051. color:#fff;

1052. font-weight:bold;

1053. margin:10px 0 0;

1054. padding:0 5px 0 30px;

1055. cursor:pointer;

1056. }

1058. .registration fieldset p {

1059. margin:10px 0;

1060. }

1062. .registration div,.login_form div,.lost_password div {

1063. margin:5px 0;

1064. }

1066. /* ########################## search ############################ */

1067. .searchintro {

1068. font-weight:normal;

1069. margin:0 0 20px;

1070. }

1072. .searchintro img {

1073. display:inline; border:0px

1074. }

1076. .display {

1077. margin:20px 0 0;

1078. text-align:right;

1079. }

1081. .filter {

1082. margin:10px 0 0;

1083. }

1085. .inputbox:focus {

1086. border:solid 2px #000;

1087. }

1089. .highlight {

1090. font-weight:bold;

1091. }

1093. fieldset.word,fieldset.only {

1094. border:solid 1px #ccc;

1095. }

1097. .only {

1098. border:solid 0;

1099. margin:10px 0 0 10px;

1100. padding:5px 10px;

1101. line-height:1.3em;

1102. }

1104. .word {

1105. background:#fff;

1106. padding:10px 10px 10px 0;

1107. border:solid 0 !important;

1108. }

1110. .word input {

1111. background:#fff;

1112. border:solid 2px #999;

1113. color:#93246F;

1114. font-weight:bold;

1115. margin:0 0 0 10px;

1116. padding:2px;

1117. }

1119. .phrase {

1120. color:#000;

1121. margin:10px 10px 10px 0;

1122. padding:10px;

1123. width:60%;

1124. border:solid 1px #ccc;

1125. float:left;

1126. }

1128. /*Selects*/

1129. .phrase .inputbox {

1130. background:#fff;

1131. color:#000;

1132. display:block;

1133. height:1.5em;

1134. margin-top:10px;

1135. width:12em;

1136. }

1138. .phrase .inputbox option {

1139. background:#EFDEEA;

1140. border-bottom:solid 1px #333;

1141. padding:2px;

1142. }

1144. .phrase .inputbox option a:hover {

1145. background:#C00;

1146. border-color:#CFD0D6;

1147. color:#fff;

1148. }

1150. .search_result legend {

1151. border-bottom:solid 0 #000;

1152. background:#fff;

1153. }

1155. /* ########################### contacts ########################### */

1156. div.contact {

1157. margin:10px 0;

1158. }

1160. address {

1161. font-style:normal;

1162. margin:10px 0;

1163. }

1165. address p {

1166. line-height:1em;

1167. }

1169. .contact label {

1170. float:left;

1171. font-weight:bold;

1172. width:14em;

1173. margin:10px 0 0;

1174. }

1176. span.marker {

1177. margin:0 10px 0 0;

1178. }

1180. .contact_email_checkbox label {

1181. float:none !important;

1182. }

1184. .contact label.copy {

1185. width:90%;

1186. padding:0 0 0 10px;

1187. }

1189. .contact form {

1190. background:#EFDEEA;

1191. color:#000;

1192. padding:20px;

1193. margin:10px 0;

1194. }

1196. .contact input {

1197. background:#fff;

1198. border:solid 2px #C39;

1199. color:#000;

1200. padding:2px 2px 0;

1201. margin:10px 0 0;

1202. }

1204. .contact .button {

1205. background:url(../images/pfeil.gif) #000 no-repeat;

1206. border:0;

1207. color:#fff;

1208. font-weight:bold;

1209. margin:20px 10px 0 0;

1210. padding:0 0 0 30px;

1211. cursor:pointer;

1212. }

1214. label.textarea {

1215. float:none !important;

1216. margin:10px 0;

1217. display:block;

1218. width:100%;

1219. }

1221. #contact_text {

1222. width:80%;

1223. height:150px;

1224. }

1226. .contact input.invalid,.contact textarea.invalid {

1227. border:solid 2px red;

1228. }

1230. .contact label.invalid {

1231. color:red;

1232. }

1234. /*#################### tabellen ############################ */

1235. table.newsfeed {

1236. border:solid 1px;

1237. }

1239. table.newsfeeds td,table.weblinks td,table.category td {

1240. border-right:solid 1px #EEE;

1241. padding:5px;

1242. }

1244. table.newsfeeds th,table.weblinks th,table.category th {

1245. background:#EEE;

1246. padding:5px;

1247. }

1249. table.newsfeeds,table.weblinks,table.category {

1250. border:solid 1px #eee;

1251. font-size:1em;

1252. margin:20px 0;

1253. }

1255. /* category table */

1256. #count {

1257. width:10%;

1258. }

1260. #tableOrdering {

1261. width:70%;

1262. }

1264. #author {

1265. width:20%;

1266. }

1268. /*  polls */

1269. poll .polls_color_1,.poll .polls_color_2,.poll .polls_color_3,.poll .polls_color_4,.poll .polls_color_5 {

1270. border:solid 1px;

1271. position:relative;

1272. }

1274. .poll h3 {

1275. color:#932467;

1276. border:solid 0;

1277. margin:20px 0;

1278. }

1280. .poll .td_2 {

1281. width:100px;

1282. }

1284. .poll .td_3 {

1285. width:300px;

1286. }

1288. .poll form {

1289. margin:20px 0;

1290. }

1292. .poll table {

1293. font-size:1em;

1294. width:auto;

1295. border:solid 0;

1296. position:relative;

1297. }

1299. .poll table .td_1 {

1300. width:30px;

1301. }

1303. .poll table caption {

1304. color:#93246F;

1305. font-size:1em;

1306. font-weight:bold;

1307. margin:10px 0;

1308. text-align:left;

1309. }

1311. .poll td {

1312. border:solid 1px #ddd;

1313. padding:2px;

1314. }

1316. .poll td.line {

1317. width:300px;

1318. }

1320. .poll th {

1321. background:#EEE;

1322. border:solid 1px #ccc;

1323. }

1325. .question {

1326. font-weight:bold;

1327. }

1329. #footer {

1330. background:#93246F;

1331. color:#fff;

1332. padding:5px;

1333. text-align:right;

1334. border-top:solid 4px #ccc;

1335. }

1337. p.syndicate {

1338. float:left;

1339. display:block;

1340. text-align:left;

1341. }

1343. #footer a {

1344. color:#fff;

1345. }

1347. /* Error Message contact form */

1348. p.error {

1349. color:#93246F;

1350. background:#F2E3ED;

1351. border-top:3px solid #93246F;

1352. border-bottom:3px solid #93246F;

1353. padding:10px;

1354. }

1356. body.contentpane {

1357. background:#fff;

1358. width:auto;

1359. margin:10px;

1360. line-height:1.4em;

1361. text-align:left;

1362. }

1364. .tool-tip {

1365. font-size:0.8em;

1366. }

1368. .tool-title {

1369. font-weight:bold;

1370. }

1372. /* form validation */

1373. .invalid {

1374. border-color:red !important;

1375. }

1377. label.invalid {

1378. color:red;

1379. }

1381. /* editor */

1382. .contentpaneopen_edit{

1383. 	float: left;

1384. }

1386. .contentpaneopen_edit img

1387. {	border:0

1388. }

1390. form.editor legend {

1391. font-size:1.2em;

1392. font-weight:bold;

1393. padding:2px;

1394. }

1396. form.editor fieldset {

1397. border:solid 1px #ccc;

1398. padding:20px;

1399. margin:10px 0;

1400. }

1402. form.editor .publishing label {

1403. float:left;

1404. width:14em;

1405. font-weight:bold;

1406. }

1408. form.editor .publishing div {

1409. margin:5px 0;

1410. }

1412. form.editor .publishing .radio label {

1413. float:none;

1414. width:14em;

1415. }

1417. form.editor .publishing .radio label span {

1418. float:left;

1419. width:14em;

1420. }

1422. form.editor fieldset.metadata label {

1423. float:none !important;

1424. display:block;

1425. font-weight:bold;

1426. }

1428. .save {

1429. text-align:right;

1430. padding:10px 0;

1431. }

1433. /* user */

1434. form.user {

1435. margin:10px 0;

1436. }

1438. form.user label {

1439. width:40%;

1440. float:left;

1441. }

1443. /* article index */

1444. table.contenttoc {

1445. border:solid 1px #ccc;

1446. padding:10px;

1447. margin:10px;

1448. }

1450. .pagenavcounter {

1451. font-weight:bold;

1452. }

1456. /* Advertisement */

1458. .moduletable_text

1459. {margin:10px}

1461. .banneritem_text

1462. {

1463. margin: 10px 0 10px 0;

1464. background:#f5f5f5;

1465. padding:5px;

1466. border:solid 1px #eee

1467. }

Dziękujemy za wkład

» Stefan Wajda [zwiastun],