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