Quelltext(CSS)

  1. /*
  2.     #####################################################
  3.            Some tags used by template_example.php
  4.     #####################################################
  5. */
  6. body{
  7. 	background-color: white;
  8. }
  9.  
  10. body, table{
  11. 	font-size: 10pt;
  12. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  13. }
  14.  
  15. a{
  16. 	color: black;
  17. 	text-decoration: underline;
  18.  
  19. }
  20. a:hover{
  21. 	/*background-color:#EEE;*/
  22. }
  23. form{
  24. 	margin:0px;
  25. 	padding:0px;
  26. }
  27. textarea, input{
  28. 	vertical-align:middle;
  29. 	margin: 0.1em 0;
  30. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  31. 	font-size: 8.5pt;
  32.  
  33. 	padding:0 0.2em;
  34. 	border-top: solid #000 1px;
  35. 	border-left: solid #000 1px;
  36. 	border-bottom: solid #bbb 1px;
  37. 	border-right: solid #bbb 1px;
  38.  
  39. }
  40. textarea{
  41. 	padding-right:0em; /* scrollbar! */
  42. }
  43. select{
  44. 	background-color: #eee;
  45. 	margin: 0.25em 0;
  46. 	font-family: Verdana, Arial, Helvetica, sans-serif;
  47. 	font-size: 80%
  48. }
  49. fieldset{
  50. 	padding:0.7em;
  51. }
  52.  
  53.  
  54. .bodydiv{
  55. 	padding:0.7em;
  56. 	background-color: #EEE;
  57. 	background-image:url(../img/bg_1.gif);
  58. }
  59. .bodytable{
  60. 	color: black;
  61. }
  62.  
  63. .pageheader{
  64. 	font-size: 180%;
  65. 	text-align: center;
  66. 	font-weight: bold;
  67. 	/*padding:  0.3em 0em;*/
  68. 	padding-bottom: 0.3em;
  69. 	border-bottom: 2px solid white;
  70. }
  71.  
  72. /*
  73. #########################################################
  74. #########################################################
  75. #                                                       #
  76. #  The following Styles are used by the userfunctions   #
  77. #                                                       #
  78. #########################################################
  79. #########################################################
  80. */
  81.  
  82.  
  83. /*
  84.     #####################################################
  85.     navigations-menu
  86.     #####################################################
  87. */
  88.  
  89. /* Navigation - Top-Level */
  90. #yap_nav_div{
  91. 	padding: 0.4em;
  92. 	margin-right:0.7em;
  93. 	margin-bottom:0.7em;
  94. 	background-color: white;
  95. }
  96. #yap_nav_div ul {
  97.     border-style: hidden;
  98. 	margin: 0;
  99. 	padding: 0;
  100. 	list-style: none;
  101. }
  102. #yap_nav_div li{
  103.     margin: 0.4em 0em;
  104. }
  105. #yap_nav_div li a {
  106. 	display: block;
  107. 	padding: 0.1em 0.7em;
  108. 	font-weight: bold;
  109. 	text-decoration: none;
  110. 	border: solid #EEE 1px;
  111.  
  112. }
  113.  
  114.  
  115.  
  116. #yap_nav_div li a:hover {
  117. 	text-decoration: underline;
  118. 	color: #222;
  119. 	background-color: white;
  120. 	border:solid #EEE 1px;
  121. }
  122.  
  123. /*	.firstopen and .firstclosed since 0.5.5 moved to the following --v */
  124. .yap_primary_subopen_li a	{color: #068;background-color: #EEE;} /* item shows submenu*/
  125. .yap_primary_subclosed_li a	{color: #068;background-color: #EEE;} /* item is closed*/
  126. .yap_primary_nosub_li a		{color: #068;background-color: #EEE;} /* contains no sublevels*/
  127.  
  128.  
  129. /* only used in yap_renderPrimaryMenu() */
  130. #yap_navfirst_div{}
  131. #yap_navfirst_div li{}
  132. #yap_navfirst_div li a{}
  133. #yap_navfirst_div li a:hover{}
  134.  
  135.  
  136.  
  137. /* Navigation - Sub-Levels */
  138. #yap_navsub_div {
  139.     margin: 0;
  140. 	padding-left: 1.1em;
  141. 	list-style: none;
  142. }
  143. #yap_navsub_div li{
  144. 	margin-top: 0em;
  145. 	margin-bottom: 0em;
  146. }
  147. #yap_navsub_div li a{
  148.     border: solid white 1px;
  149. 	border-bottom: 1px solid #EEE;
  150. 	font-size: 85%;
  151.     font-weight: normal;
  152. }
  153. #yap_navsub_div li a:hover{
  154. 	text-decoration: none;
  155. 	border: solid white 1px;
  156. 	border-bottom: 1px solid black;
  157. }
  158.  
  159. .yap_secondary_subopen_li a		{background-color: white;}/* item shows submenu*/
  160. .yap_secondary_subclosed_li a	{background-color: white;}/* item is closed*/
  161. .yap_secondary_nosub_li	a		{background-color: white;}/* contains no sublevels*/
  162.  
  163. /* Breedcrumb-Navigation*/
  164. #yap_navbreedcrumb_div{
  165. 	padding: 0.1em 0em;
  166.  
  167. }
  168. #yap_navbreedcrumb_div a{
  169. 	font-size: 85%;
  170.     text-decoration: none;
  171. 	background-color: #EEE;
  172. 	padding: 0 0.2em;
  173. }
  174. #yap_navbreedcrumb_div a:hover{
  175.     text-decoration: underline;
  176. 	background-color: white;
  177. }
  178.  
  179. #yap_navsubtitle_div {}
  180.  
  181.  
  182. /* flat navigation ->  yap_renderPageFlatNav() */
  183. #yap_flat_nav_table{
  184. }
  185.  
  186. .yap_navflatnext_a,
  187. .yap_navflatbefore_a,
  188. .yap_navflattop_a {
  189. 	padding: 0.1em 0.5em;
  190. 	background-color: #FFF;
  191. }
  192.  
  193.  
  194.  
  195. /*
  196.     #####################################################
  197. 	administration-menu (vertical)
  198.     #####################################################
  199. */
  200. #yap_menu_div{
  201. 	font-size: 85%;
  202. 	padding: 0.4em;
  203. 	margin-left:0.7em;
  204. 	background-color: white;
  205. }
  206. #yap_menu_div ul {
  207.     margin: 0;
  208. 	padding: 0;
  209. 	list-style: none;
  210. }
  211. #yap_menu_div li{
  212.     margin: 2px;
  213. }
  214. #yap_menu_div li a {
  215. 	display: block;
  216. 	padding: 0.1em 0.7em;
  217. 	font-weight: bold;
  218. 	text-decoration: none;
  219. 	color: black;
  220. 	background-color: #EEE;
  221. 	border: solid #DDD 1px;
  222. }
  223. #yap_menu_div li a:hover {
  224. 	text-decoration: underline;
  225. 	color: #222;
  226. 	background-color: white;
  227. }
  228.  
  229. #yap_menu_div li.yap_disabled {
  230. 	font-weight: bold;
  231. 	text-decoration: none;
  232. 	padding: 0.1em 0.7em;
  233. 	color: grey;
  234. 	border: solid #DDD 1px;
  235. }
  236. /*
  237.     #####################################################
  238. 	administration-menu (horizontal)
  239.     #####################################################
  240. */
  241.  
  242. #yap_menuh_div {
  243. 	position: relative;
  244. 	margin: 0.3em 0em;
  245. }
  246.  
  247. #yap_menuh_div ul {
  248. 	margin:  0;
  249. 	padding: 0;
  250. 	list-style: none;
  251. 	list-style-type: none;
  252. }
  253.  
  254. #yap_menuh_div li {
  255. 	display: inline;
  256. 	font-size: 80%;
  257. 	margin:2px;
  258. }
  259.  
  260.  
  261. #yap_menuh_div li a{
  262. 	padding-left: 2em;
  263. 	padding-right: 2em;
  264. 	border: solid #CCC 1px;
  265. 	border-top: 1px solid white;
  266. 	border-left: 1px solid white;
  267. 	background-color: white;
  268.     font-weight: bold;
  269. 	text-decoration: none;
  270. 	white-space:nowrap;
  271. }
  272.  
  273. #yap_menuh_div li a:hover{
  274. 	text-decoration: underline;
  275. 	border: solid #CCC 1px;
  276. 	border-bottom: 1px solid white;
  277. 	border-right: 1px solid white;
  278. }
  279.  
  280. /*
  281.     #####################################################
  282. 	useraccount links & form
  283.     #####################################################
  284. */
  285. .yap_user_login_a,
  286. .yap_user_logout_a,
  287. .yap_user_data_a,
  288. .yap_user_register_a{
  289. 	font-weight: bold;
  290. 	text-decoration: none;
  291. 	background-color: #FFF;
  292. 	padding: 0 0.2em;
  293. }
  294. .yap_user_loginform_div{}
  295.  
  296. /*
  297.     #####################################################
  298.     classes for contentelements
  299.     #####################################################
  300. */
  301. #yap_content_div{
  302. 	background-color: white;
  303. 	padding: 1em;
  304. 	overflow: auto;
  305. }
  306.  
  307. .yap_title_h1{
  308. 	font-size: 150%;
  309. 	text-align: center;
  310. 	color: #068;
  311. 	background-color: #EEE;
  312. 	margin:0em;
  313. 	padding: 0.1em;
  314. 	border: 1px #068 solid;
  315. }
  316.  
  317. .yap_user_loginform_div,
  318. .yap_searchform_div{
  319. 	margin:0px;
  320. 	padding: 0.4em;
  321. 	margin-right:0.7em;
  322. 	margin-bottom:0.7em;
  323. 	background-color: white;
  324. 	text-align: right;
  325. }
  326.  
  327. #yap_footline_div{
  328. 	font-size: 75%;
  329. 	padding-top: 0.2em;
  330. }
  331.  
  332. #yap_printlink_a{
  333. 	font-size: 75%;
  334. }
  335.  
  336.  
  337. .yap_msg_warning_div,
  338. .yap_msg_error_div{
  339. 	background-color: #EAA;
  340. 	padding: 1em 1em;
  341. 	margin: 0.5em 0em;
  342. 	border: solid #666 1px;
  343. }
  344. .yap_notice {
  345. 	background-color: #ddf;
  346. 	padding: 1.5em 1em;
  347. 	margin: 0.5em 0em;
  348. 	border: solid #666 1px;
  349. }
  350.  
  351. .yap_error {
  352. 	border: solid #666 1px;
  353. 	padding: 1em 1em;
  354. 	margin: 0.5em 0em;
  355. 	background-color: #EAA;
  356. }
  357.  
  358. .yap_errortext {
  359. 	color: #990505;
  360. 	font-weight: bolder;
  361. }
  362.  
  363. .yap_list_table{
  364.     border-color: #ddd;
  365.     border-spacing: 0px;
  366. 	border-collaps: collaps;
  367. }
  368.  
  369. .yap_list_table_th {
  370. 	padding: 0.1em 0.2em;
  371. 	border: 1px solid #ccc;
  372. 	border-bottom-color: #555;
  373. 	font-weight: bold;
  374. }
  375.  
  376. .yap_list_table_td {
  377. 	padding: 0.1em 0.2em;
  378. 	border: 1px solid #ccc;
  379. 	vertical-align:top;
  380. }
  381.  
  382. .yap_checkbox{
  383. 	border: none;
  384. 	background-color: #fff;
  385. 	vertical-align:middle;
  386. }
  387.  
  388.  
  389. /*
  390.     #####################################################
  391.     content-styles (check /lib/compile/*.php)
  392.     #####################################################
  393. */
  394.  
  395. .yap_h1 {
  396. 	font-size: 140%;
  397. 	background-color:#CCC;
  398. }
  399.  
  400. .yap_h2 {
  401. 	font-size: 130%;
  402. 	background-color:#EEEEEE;
  403. 	padding: 0.1em 0.2em;
  404. 	border-bottom: thin solid #BBB;
  405. 	margin: 1em 0em 0em 0em;
  406. }
  407.  
  408. .yap_h3 {
  409. 	font-size: 120%;
  410. 	background-color:#FAFAFA;
  411. 	padding: 0.1em 0.3em;
  412. 	border-bottom: thin solid #CCC;
  413. 	margin: 0.7em 0em 0em 0.5em;
  414. }
  415.  
  416. .yap_h4 {
  417. 	font-size: 100%;
  418. 	background-color:#FAFAFA;
  419. 	padding: 0.1em 0.3em;
  420. 	border-bottom: thin solid #CCC;
  421. 	margin: 0.7em 0.2em 0em 1.2em;
  422. }
  423.  
  424. .yap_p {
  425. 	margin: 0.2em 0.5em 0.7em 1.5em;
  426. }
  427. .yap_hr{
  428. 	margin: 0.2em 0.5em 0.7em 1.5em;
  429. }
  430. .yap_ul, .yap_dl{
  431. 	/*padding: 0.2em 2em 0.7em 2em;*/
  432. 	list-style-type:square ;
  433. 	margin-top: 0em;
  434. 	margin-bottom: 0em;
  435. }
  436. .yap_dt {
  437. 	font-weight: bold;
  438. 	padding: 0em;
  439. 	margin: 0em 1.5em;
  440. }
  441. .yap_dd {
  442. 	margin: 0em 2em;
  443. }
  444.  
  445. .yap_li {
  446. 	margin: 0em 0.5em;
  447. }
  448.  
  449. .yap_pre {
  450. 	margin: 0.5em 1.5em;
  451. 	padding: 0.5em;
  452. 	background-color: #F1F1F1;
  453. 	border: dashed #ccc 1px;
  454. }
  455.  
  456. .yap_bold {
  457.     font-weight: bolder;
  458. }
  459.  
  460. .yap_small {
  461. 	font-size: 85%;
  462. }
  463.  
  464. .yap_big {
  465. 	font-size: 120%;
  466. }
  467.  
  468.  
  469. .yap_table {
  470. 	margin: 0.2em 2em 0.5em 2em;
  471. 	border-spacing: 0px;
  472. 	border-collaps: collaps;
  473. }
  474.  
  475. .yap_td {
  476. 	padding: 0 0.2em;
  477. 	border: 1px solid #ccc;
  478. 	vertical-align:top;
  479. }
  480.  
  481. .yap_th {
  482. 	padding: 0 0.2em;
  483. 	border: 1px solid #ccc;
  484. 	border-bottom-color: #555;
  485. 	font-weight: bold;
  486. }
  487.  
  488. .yap_th a:link, .yap_th a:visited {
  489. 	text-decoration: none;
  490. }
  491.  
  492. .yap_img {
  493. 	border-style:hidden;
  494. 	margin: 0em 0.3em;
  495. }
  496.  
  497. /* some more used by compiler */
  498. .yap_a {
  499. 	text-decoration: underline;
  500. 	color:#068;
  501. }
  502. a.yap_a:hover, a.yap_a:focus{
  503. 	background-color:#EEE;
  504. }
  505. .yap_alert {
  506. 	color: red;
  507. }
  508. .yap_good {
  509. 	color: green;
  510. }
  511.  
  512. .yap_ul {}
  513. .yap_ol {}
  514. .yap_dl {}
  515. .yap_em {}
  516. .yap_strong {}
  517. .yap_pre {}
  518. .yap_code {}
  519. .yap_cite {}
  520. .yap_sup {}
  521. .yap_sub {}
  522.  
  523. /* plaintext-Compiler */
  524. #yap_content_plaintext_pre {
  525. 	padding: 0.7em;
  526. 	background-color:#EEE;
  527. }
  528.  
  529. /* plainsource-Compiler */
  530. #yap_content_plainsource_ol {
  531. 	font-size: 90%;
  532. 	background-color:#EEE;
  533. }
  534. #yap_content_plainsource_ol pre{
  535. 	margin:  0em;
  536. 	padding-left: 0.5em;
  537. 	padding-right: 0.5em;
  538. 	background-color:#FFF;
  539. }
[ Seite drucken ] [ nach oben ]
Zuletzt bearbeitet am 2008-06-08 21:19 von StefanSorg.
Ausgegeben in 0.0109 sec