[squirrelmail.git] / templates / default / stylesheet.tpl

<?php

/**
 * SquirrelMail CSS template
 *
 * Template is used by style.php script to generate css file used by
 * SquirrelMail scripts.
 *
 * Available constants
 *
 * Color codes used by selected theme:
 * <ul>
 *   <li>SQM_BACKGROUND - background color
 *   <li>SQM_BACKGROUND_LEFT - background of folder tree
 *   <li>SQM_TEXT_STANDARD - text color
 *   <li>SQM_TEXT_STANDARD_LEFT - text color of folder tree
 *   <li>SQM_LINK - color of links
 *   <li>SQM_LINK_LEFT - color of links in folder tree
 *   <li>SQM_TEXT_SPECIAL - color of special folder links in folder tree
 *   <li>todo: other constants should be documented here
 * </ul>
 *
 * Optional template variables
 * <ul>
 *   <li>fontfamily - string with list of fonts used by selected style.
 *   <li>fontsize - integer with selected font size value.
 * </ul>
 * Variables are set to empty string, when value is not set.
 *
 * @copyright &copy; 2005-2006 The SquirrelMail Project Team
 * @license http://opensource.org/licenses/gpl-license.php GNU Public License
 * @version $Id$
 * @package squirrelmail
 * @subpackage templates
 */

/* retrieve the template vars */
extract($t);

?>
/* older css template */
body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
<?php
if($fontfamily) echo '  font-family: '.$fontfamily.";\n";
?>
}
body, small {
<?php
if($fontsize) echo '  font-size: '.($fontsize-2)."pt;\n";
?>
}
td, th {
<?php
if($fontsize) echo '  font-size: '.$fontsize."pt;\n";
?>
}
textarea, pre {
font-family: monospace;
<?php
if($fontsize) echo '  font-size: '.($fontsize-1)."pt;\n";
?>
}

/* page body formatting */
body {
    color:  <?php echo SQM_TEXT_STANDARD; ?>;
    background-color: <?php echo SQM_BACKGROUND; ?>;
}
body.sqm_leftMain {
    color:  <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
    background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
    text-align: left;
}

/* right links */
a:link, a:visited, a:hover, a:active {
    color: <?php echo SQM_LINK; ?>;
}

/* left links */
.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
    color:  <?php echo SQM_LINK_LEFT; ?>;
}
.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
    color:  <?php echo SQM_TEXT_SPECIAL; ?>;
}
.leftrecent {
    font-weight:bold;
}
.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
}

/* highlighted texts */
.highlight {
    color:  <?php echo SQM_TEXT_HIGHLIGHT; ?>;
}

/* left_main.tpl definitions */
.sqm_wrapperTable   {
    border:0;
    padding:0;
    margin-left:0;
    border-spacing:0;
    width:99%
}
sqm_leftMain table {
    border:0;
    padding:0;
    margin:0;
    border-spacing:0;
}
.sqm_folderHeader {
    font-size:18px;
    font-weight:bold;
    text-align:center;
}
.sqm_clock {
}
.sqm_lastRefreshTime {
    white-space: nowrap;
}
.sqm_refreshButton {
}

/* formating of error template */
.thead_caption {
    font-weight: bold;
    text-align: center;
}

.error_list {
}
.error_table {
    color: <?php echo $color[14]; ?>;
    border: 2px solid <?php echo $color[0]; ?>;
    background-color: <?php echo $color[3]; ?>;
    width: 100%;
}
.error_thead {
    background-color: <?php echo $color[10]; ?>;
}
.error_thead_caption {
    background-color: <?php echo $color[10]; ?>;
}
.error_row {
    color: <?php echo $color[14]; ?>;
}
.error_val {
    color: <?php echo $color[8]; ?>;
    width: 80%;
    border: 2px solid <?php echo $color[0]; ?>;

}
.error_key {
    width: 20%;
    border: 2px solid <?php echo $color[0]; ?>;
    color: <?php echo $color[14]; ?>;
    font-weight: bold;
    font-style: italic;
    background-color: <?php echo $color[0]; ?>;
}

/* form fields */
input.sqmtextfield{
}
input.sqmpwfield {
}
input.sqmcheckbox {
}
input.sqmradiobox {
}
input.sqmhiddenfield {
}
input.sqmsubmitfield {
}
input.sqmresetfield {
}
input.sqmtextarea {
}

/* basic definitions */
.table_empty {
    width:100%;
    border:0;
    margin:0;
    padding:0;
    border-spacing:0;
}

.table_standard {
    width:100%;
    border:1px solid <?php echo $color[0]; ?>;
    padding:0;
    margin:0;
    border-spacing:0;
}

em		{
    font-weight:bold;
    font-style:normal;
}

small	{
    font-size:80%;
}
img   {
    border:0;
}

/* login.tpl definitions */
#sqm_login table {
    border:0;
    margin:0;
    padding:0;
    border-spacing:0;
    margin-left:auto;
    margin-right:auto;
}
#sqm_login td {
    padding:2px;
}

.sqm_loginImage {
    margin-left:auto;
    margin-right:auto;
    padding:2px;
}
.sqm_loginTop {
    text-align:center;
    font-size:80%;
}
.sqm_loginOrgName {
    font-weight:bold;
    text-align:center;
    background: <?php echo $color[0]; ?>;
    width:350px;
    border:0;
}
.sqm_loginFieldName {
    text-align:right;
    width:30%;
}
.sqm_loginFieldInput {
    text-align:left;
}
.sqm_loginSubmit {
    text-align:center;
}

/* page_header.tpl definitions */
.sqm_currentFolder	{
    background: <?php echo $color[9]; ?>;
    padding:2px;
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.sqm_headerSignout	{
    background: <?php echo $color[9]; ?>;
    padding:2px;
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-weight:bold;
}
.sqm_topNavigation	{
    padding:2px;
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.sqm_providerInfo	{
    padding:2px;
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

/* message_list.tpl definitions */
.table_messageListWrapper	{
    width:100%;
    padding:0;
    border-spacing:0;
    border:0;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background: <?php echo $color[9]; ?>;
}

.table_messageList	{
    width:100%;
    padding:0;
    border-spacing:0;
    border:0;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    background: <?php echo $color[5]; ?>;
}

.table_messageList	a	{
    white-space:nowrap;
}

.table_messageList	tr.headerRow	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    white-space:nowrap;
    font-weight:bold;
}
.table_messageList td.spacer {
    height:1px;
    background: <?php echo $color[0]; ?>;
}

.table_messageList	tr		{
    vertical-align:top;
}
.table_messageList	tr.even	{
    background: <?php echo $color[12]; ?>;
}
.table_messageList	tr.odd	{
    background: <?php echo $color[4]; ?>;
}
.table_messageList	tr.mouse_over	{
    background: <?php echo $color[5]; ?>;
}
.table_messageList	tr.clicked	{
    background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
}

.table_messageList	td	{
    white-space:nowrap;
}
.table_messageList	td.col_check	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_subject	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_flags	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList	td.col_date	{
    text-align:center;
}
.table_messageList	td.col_text	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

.unread		{
    font-weight:bold;
}
.deleted	{
    color: <?php echo $color[9]; ?>;
}
.flagged	{
    color: <?php echo $color[2]; ?>;
}
.high_priority	{
    color: <?php echo $color[1]; ?>;
}
.low_priority	{
    color: <?php echo $color[8]; ?>;
}

.col_checked	{
}

.links_paginator			{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}

.message_count				{
    text-align:right;
    font-size:8pt;
}

.message_list_controls {
    background: <?php echo $color[0]; ?>;
}

.message_control_button {
    padding:0px;
    margin:0px;
}
.message_control_buttons {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
}
.message_control_delete {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
}
.message_control_move {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
    font-size:10px;		/* replaces <small> tags to allow greater control of fonts w/ using an id. */
}

.spacer	{
    height:5px;
    background: <?php echo $color[4]; ?>;
}
Commit	Line	Data
02b2c3f1	1	<?php
52a3af10	2
02b2c3f1	3	/**
	4	* SquirrelMail CSS template
	5	*
e3812cb2	6	* Template is used by style.php script to generate css file used by
02b2c3f1	7	* SquirrelMail scripts.
e3812cb2	8	*
02b2c3f1	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
bd26fc82	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
02b2c3f1	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	*
47ccfad4	30	* @copyright © 2005-2006 The SquirrelMail Project Team
02b2c3f1	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	?>
ca23755b	41	/* older css template */
02b2c3f1	42	body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
ca23755b	43	<?php
e3812cb2	44	if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
ca23755b	45	?>
02b2c3f1	46	}
02b2c3f1	47	body, small {
ca23755b	48	<?php
e3812cb2	49	if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
ca23755b	50	?>
	51	}
	52	td, th {
	53	<?php
e3812cb2	54	if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
ca23755b	55	?>
	56	}
	57	textarea, pre {
e3812cb2	58	font-family: monospace;
ca23755b	59	<?php
e3812cb2	60	if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
ca23755b	61	?>
02b2c3f1	62	}
02b2c3f1	63
ca23755b	64	/* page body formatting */
02b2c3f1	65	body {
	66	color: <?php echo SQM_TEXT_STANDARD; ?>;
	67	background-color: <?php echo SQM_BACKGROUND; ?>;
	68	}
29997535	69	body.sqm_leftMain {
02b2c3f1	70	color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
02b2c3f1	71	background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
96f180f6	72	text-align: left;
02b2c3f1	73	}
02b2c3f1	74
bd26fc82	75	/* right links */
bd26fc82	76	a:link, a:visited, a:hover, a:active {
02b2c3f1	77	color: <?php echo SQM_LINK; ?>;
02b2c3f1	78	}
ca23755b	79
02b2c3f1	80	/* left links */
29997535	81	.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
02b2c3f1	82	color: <?php echo SQM_LINK_LEFT; ?>;
02b2c3f1	83	}
29997535	84	.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
bd26fc82	85	color: <?php echo SQM_TEXT_SPECIAL; ?>;
bd26fc82	86	}
826d1cd3	87	.leftrecent {
	88	font-weight:bold;
	89	}
bd26fc82	90	.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
	91	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
	92	}
02b2c3f1	93
ca23755b	94	/* highlighted texts */
	95	.highlight {
	96	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
02b2c3f1	97	}
02b2c3f1	98
96f180f6	99	/* left_main.tpl definitions */
	100	.sqm_wrapperTable {
	101	border:0;
	102	padding:0;
	103	margin-left:0;
	104	border-spacing:0;
	105	width:99%
	106	}
29997535	107	sqm_leftMain table {
96f180f6	108	border:0;
	109	padding:0;
	110	margin:0;
	111	border-spacing:0;
	112	}
	113	.sqm_folderHeader {
	114	font-size:18px;
	115	font-weight:bold;
	116	text-align:center;
	117	}
	118	.sqm_clock {
	119	}
	120	.sqm_lastRefreshTime {
	121	white-space: nowrap;
	122	}
	123	.sqm_refreshButton {
	124	}
	125
02b2c3f1	126	/* formating of error template */
	127	.thead_caption {
	128	font-weight: bold;
	129	text-align: center;
	130	}
	131
	132	.error_list {
	133	}
	134	.error_table {
	135	color: <?php echo $color[14]; ?>;
	136	border: 2px solid <?php echo $color[0]; ?>;
	137	background-color: <?php echo $color[3]; ?>;
	138	width: 100%;
	139	}
	140	.error_thead {
	141	background-color: <?php echo $color[10]; ?>;
	142	}
	143	.error_thead_caption {
	144	background-color: <?php echo $color[10]; ?>;
	145	}
	146	.error_row {
	147	color: <?php echo $color[14]; ?>;
	148	}
	149	.error_val {
	150	color: <?php echo $color[8]; ?>;
	151	width: 80%;
	152	border: 2px solid <?php echo $color[0]; ?>;
	153
	154	}
	155	.error_key {
	156	width: 20%;
	157	border: 2px solid <?php echo $color[0]; ?>;
	158	color: <?php echo $color[14]; ?>;
	159	font-weight: bold;
	160	font-style: italic;
	161	background-color: <?php echo $color[0]; ?>;
	162	}
	163
	164	/* form fields */
	165	input.sqmtextfield{
	166	}
	167	input.sqmpwfield {
	168	}
	169	input.sqmcheckbox {
	170	}
	171	input.sqmradiobox {
	172	}
	173	input.sqmhiddenfield {
	174	}
	175	input.sqmsubmitfield {
	176	}
	177	input.sqmresetfield {
	178	}
	179	input.sqmtextarea {
	180	}
e3812cb2	181
	182	/* basic definitions */
	183	.table_empty {
	184	width:100%;
	185	border:0;
	186	margin:0;
	187	padding:0;
	188	border-spacing:0;
	189	}
	190
	191	.table_standard {
	192	width:100%;
	193	border:1px solid <?php echo $color[0]; ?>;
	194	padding:0;
	195	margin:0;
	196	border-spacing:0;
	197	}
	198
	199	em {
	200	font-weight:bold;
	201	font-style:normal;
	202	}
	203
	204	small {
	205	font-size:80%;
	206	}
29997535	207	img {
	208	border:0;
	209	}
e3812cb2	210
96f180f6	211	/* login.tpl definitions */
	212	#sqm_login table {
	213	border:0;
	214	margin:0;
	215	padding:0;
	216	border-spacing:0;
	217	margin-left:auto;
	218	margin-right:auto;
	219	}
	220	#sqm_login td {
	221	padding:2px;
	222	}
	223
	224	.sqm_loginImage {
	225	margin-left:auto;
	226	margin-right:auto;
96f180f6	227	padding:2px;
	228	}
	229	.sqm_loginTop {
	230	text-align:center;
	231	font-size:80%;
	232	}
	233	.sqm_loginOrgName {
	234	font-weight:bold;
	235	text-align:center;
	236	background: <?php echo $color[0]; ?>;
	237	width:350px;
	238	border:0;
	239	}
	240	.sqm_loginFieldName {
	241	text-align:right;
	242	width:30%;
	243	}
	244	.sqm_loginFieldInput {
	245	text-align:left;
	246	}
	247	.sqm_loginSubmit {
	248	text-align:center;
	249	}
	250
e3812cb2	251	/* page_header.tpl definitions */
	252	.sqm_currentFolder {
	253	background: <?php echo $color[9]; ?>;
	254	padding:2px;
	255	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	256	}
	257	.sqm_headerSignout {
	258	background: <?php echo $color[9]; ?>;
	259	padding:2px;
	260	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	261	font-weight:bold;
	262	}
	263	.sqm_topNavigation {
	264	padding:2px;
	265	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	266	}
	267	.sqm_providerInfo {
	268	padding:2px;
	269	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	270	}
	271
	272	/* message_list.tpl definitions */
	273	.table_messageListWrapper {
	274	width:100%;
	275	padding:0;
	276	border-spacing:0;
	277	border:0;
	278	text-align:center;
	279	margin-left:auto;
	280	margin-right:auto;
	281	background: <?php echo $color[9]; ?>;
	282	}
	283
	284	.table_messageList {
	285	width:100%;
	286	padding:0;
	287	border-spacing:0;
	288	border:0;
	289	text-align:center;
	290	margin-left:auto;
	291	margin-right:auto;
	292	background: <?php echo $color[5]; ?>;
	293	}
	294
	295	.table_messageList a {
	296	white-space:nowrap;
	297	}
	298
	299	.table_messageList tr.headerRow {
	300	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	301	white-space:nowrap;
	302	font-weight:bold;
	303	}
	304	.table_messageList td.spacer {
	305	height:1px;
	306	background: <?php echo $color[0]; ?>;
	307	}
	308
	309	.table_messageList tr {
	310	vertical-align:top;
	311	}
	312	.table_messageList tr.even {
	313	background: <?php echo $color[12]; ?>;
	314	}
315	.table_messageList tr.odd {
316	background: <?php echo $color[4]; ?>;
317	}
318	.table_messageList tr.mouse_over {
319	background: <?php echo $color[5]; ?>;
320	}
321	.table_messageList tr.clicked {
322	background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
323	}
324
325	.table_messageList td {
326	white-space:nowrap;
327	}
328	.table_messageList td.col_check {
329	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
330	}
331	.table_messageList td.col_subject {
332	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
333	}
334	.table_messageList td.col_flags {
335	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
336	}
337	.table_messageList td.col_date {
338	text-align:center;
339	}
340	.table_messageList td.col_text {
341	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
342	}
343
344	.unread {
345	font-weight:bold;
346	}
347	.deleted {
348	color: <?php echo $color[9]; ?>;
349	}
350	.flagged {
351	color: <?php echo $color[2]; ?>;
352	}
353	.high_priority {
354	color: <?php echo $color[1]; ?>;
355	}
356	.low_priority {
357	color: <?php echo $color[8]; ?>;
358	}
359
360	.col_checked {
361	}
362
363	.links_paginator {
364	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
365	}
366
367	.message_count {
368	text-align:right;
369	font-size:8pt;
370	}
371
372	.message_list_controls {
52a3af10	373	background: <?php echo $color[0]; ?>;
e3812cb2	374	}
	375
	376	.message_control_button {
	377	padding:0px;
	378	margin:0px;
	379	}
	380	.message_control_buttons {
	381	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	382	font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
	383	}
	384	.message_control_delete {
	385	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	386	font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
	387	}
	388	.message_control_move {
	389	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	390	font-size:10px; /* replaces <small> tags to allow greater control of fonts w/ using an id. */
	391	}
	392
	393	.spacer {
	394	height:5px;
	395	background: <?php echo $color[4]; ?>;
	396	}
	397
	398