Advanced option highlighting demo. Make require some additional tweaks in IE, but...
[squirrelmail.git] / templates / default_advanced / stylesheet_advanced.tpl
1 <?php
2 /**
3 * SquirrelMail CSS template for additional definitions needed by the advanced
4 * template
5 *
6 * Template is used by style.php script to generate css file used by
7 * SquirrelMail scripts.
8 *
9 * Available constants
10 *
11 * Color codes used by selected theme:
12 * <ul>
13 * <li>SQM_BACKGROUND - background color
14 * <li>SQM_BACKGROUND_LEFT - background of folder tree
15 * <li>SQM_TEXT_STANDARD - text color
16 * <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
17 * <li>SQM_LINK - color of links
18 * <li>SQM_LINK_LEFT - color of links in folder tree
19 * <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
20 * <li>todo: other constants should be documented here
21 * </ul>
22 *
23 * Optional template variables
24 * <ul>
25 * <li>fontfamily - string with list of fonts used by selected style.
26 * <li>fontsize - integer with selected font size value.
27 * </ul>
28 * Variables are set to empty string, when value is not set.
29 *
30 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
31 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
32 * @version $Id$
33 * @package squirrelmail
34 * @subpackage templates
35 */
36
37 /* retrieve the template vars */
38 extract($t);
39 ?>
40
41 /* advanced option order defs */
42 #optionHighlight td.divider {
43 border-top: 1px solid <?php echo $color[0]; ?>;
44 border-bottom: 1px solid <?php echo $color[0]; ?>;
45 background: <?php echo $color[0]; ?>;
46 font-weight: bold;
47 padding-top: 2px;
48 padding-bottom: 2px;
49 }
50
51 /* advanced message editing defs */
52 #colorSample {
53 width: 50px;
54 padding-left:10px;
55 }
56
57 #optionHighlightAdd table.colorTable {
58 margin-left: 0;
59 margin-top: 2px;
60 }
61
62 #optionHighlightAdd td.fieldValue {
63 font-size: 75%;
64 font-weight: bold;
65 }
66
67 /* Advanced Tree definitions */
68 .dtree {
69 font-size:11px;
70 white-space:nowrap;
71 }
72 .dtree p {
73 margin-top:12px;
74 margin-bottom:2px;
75 padding-bottom:4px;
76 text-align:center;
77 overflow: hidden;
78 }
79 .dtree a:hover {
80 text-decoration: underline;
81 }
82 .dtree a {
83 text-decoration:none;
84 }
85 .dtree img {
86 border:0;
87 vertical-align: middle;
88 }
89 .dtree a.node, .dtree a.nodeSel {
90 white-space: nowrap;
91 padding: 1px 2px 1px 2px;
92 }
93 .dtree a.node:hover, .dtree a.nodeSel:hover {
94 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
95 }
96 .dtree a.nodeSel {
97 color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
98 }
99 .dtree .clip {
100 overflow: hidden;
101 }