[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);
//return false;
?>
/* 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; ?>;
}

.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; ?>;
}

.error_table {
    color: <?php echo $color[14]; ?>;
    border: 2px solid <?php echo $color[0]; ?>;
    background-color: <?php echo $color[3]; ?>;
}
.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]; ?>;
    border: 2px solid <?php echo $color[0]; ?>;

}
.error_key {
    border: 2px solid <?php echo $color[0]; ?>;
    color: <?php echo $color[14]; ?>;
    background-color: <?php echo $color[0]; ?>;
}


td.header1  {
    background: <?php echo $color[0]; ?>;
    text-align: center;
    font-weight: bold;
}


td.header2  {
    background: <?php echo $color[9]; ?>;
    text-align: center;
    font-weight: bold;
    padding-top: 4px;
    padding-bottom: 4px;
}

tr.even {
    background: <?php echo $color[12]; ?>;
}
tr.odd  {
    background: <?php echo $color[4]; ?>;
}

.table_standard {
    border:1px solid <?php echo $color[0]; ?>;
}

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

.sqm_signout {
    margin-top: 2em;
    text-align: center;
}

.sqm_motd {
    background: <?php echo $color[9]; ?>;
}
.sqm_motd td {
    background: <?php echo $color[4]; ?>;
}

/* empty_folder.tpl defs */
.sqm_emptyFolder {
    background: <?php echo $color[9]; ?>;
}
.sqm_emptyFolder td {
    background: <?php echo $color[4]; ?>;
}

/* error_box.tpl definitions */
.table_errorBoxWrapper   {
    background: <?php echo $color[9]; ?>;
}

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

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

/* message_list.tpl definitions */
.table_messageListWrapper	{
    background: <?php echo $color[9]; ?>;
}

.table_messageList	{
    background: <?php echo $color[5]; ?>;
}

.table_messageList	tr.headerRow	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.table_messageList td.spacer {
    background: <?php echo $color[0]; ?>;
}
.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.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_text	{
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.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]; ?>;
}

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

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

.message_control_buttons {
    text-align: <?php echo SQM_ALIGN_LEFT; ?>;
}
.message_control_delete {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}
.message_control_move {
    text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
}

.spacer	{
    background: <?php echo $color[4]; ?>;
}

/* folder_manip.tpl defs */
#folderManip   {
    text-align:center;
}

#folderManip   td  {
    text-align: center;
    padding: 2px;
}

#folderManip   table   {
    margin-left: auto;
    margin-right: auto;
    padding-top: 8px;
    padding-bottom: 8px;
    border: 0;
    width: 70%;
}

#folderManip   table.wrapper   {
    border: 1px solid <?php echo $color[0]; ?>;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#folderManip   td.folderAction {
    background: <?php echo $color[0]; ?>;
}

#folderManip    div {
    margin-left: auto;
    margin-right: auto;
    width: 80%;
    text-align: left;
}

/* addressbook_list.tpl defs */
#addressList    {
    text-align: center;
}

#addressList    input   {
    font-size: 8pt;
}

#addressList    select  {
    font-size: 75%;
}

#addressList    table   {
    margin-left: auto;
    margin-right: auto;
    width: 95%;
    border: 1px solid <?php echo $color[9]; ?>;
    margin-top: 8px;
    margin-bottom: 8px;
}

#addressList    td  {
    text-align: left;
    padding: 2px;
}

#addressList    td.header1  {
    text-align: center;
    background: <?php echo $color[9]; ?>;
}
#addressList    td.abookSwitch  {
    background: <?php echo $color[0]; ?>;
    text-align: right;
}

#addressList    td.abookButtons  {
    background: <?php echo $color[0]; ?>;
}

#addressList    td.abookField   {
    border-left: 1px solid <?php echo $color[9]; ?>;
    border-right: 1px solid <?php echo $color[9]; ?>;
    white-space: nowrap;
    overflow: hidden;
}

#addressList    td.colHeader {
    text-align: center;
    font-weight: bold;
    font-size: 98%;
    background: <?php echo $color[9]; ?>;
    padding-top: 0px;
    padding-bottom: 0px;
}

#addressList    td.abookEmpty   {
    text-align:center;
    font-weight: bold;
}

#addressList    td.abookCompose {
    font-size: 8pt;
    white-space: nowrap;
}

#addrBookSearch {
    text-align: center;
}

#addrBookSearch table   {
    padding: 0;
    border: 0;
    margin-left: auto;
    margin-right: auto;
}

#addrBookSearch   table.wrapper   {
    border: 1px solid <?php echo $color[9]; ?>;
    width: 95%;
    margin-left: auto;
    margin-right: auto;
    padding: 0;
}

#addrBookSearch td  {
    padding: 2px;
}

#addrBookSearch label   {
    font-weight: bold;
}

#addrBookSearch input   {
    font-size: 75%;
}

#addrBookSearch select  {
    font-size: 75%;
}

#addrBookSearch td.buttons  {
    text-align: center;
}

#addrAddEdit    {
    text-align: center;
}

#addrAddEdit    table   {
    border: 1px solid <?php echo $color[9]; ?>;
    margin-left: auto;
    margin-right: auto;
    margin-top: 6px;
    margin-bottom: 6px;
    width: 95%
}

#addrAddEdit    td.header   {
    background: <?php echo $color[9]; ?>;
    text-align: center;
    font-weight: bold;
}

#addrAddEdit    td.fieldName   {
    text-align: right;
    width: 30%;
}

#addrAddEdit    td.addButton   {
    text-align: center;
}

#addrAddEdit    td  {
    text-align: left;
    padding: 2px;
}

#addrAddEdit    input   {
    font-size: 75%;
}

#addrAddEdit    select  {
    font-size: 75%;
}
Commit	Line	Data
	1	<?php
	2
	3	/**
	4	* SquirrelMail CSS 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 © 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	//return false;
	40	?>
	41	/* older css template */
	42	body, td, th, dd, dt, h1, h2, h3, h4, h5, h6, p, ol, ul, li {
	43	<?php
	44	if($fontfamily) echo ' font-family: '.$fontfamily.";\n";
	45	?>
	46	}
	47	body, small {
	48	<?php
	49	if($fontsize) echo ' font-size: '.($fontsize-2)."pt;\n";
	50	?>
	51	}
	52	td, th {
	53	<?php
	54	if($fontsize) echo ' font-size: '.$fontsize."pt;\n";
	55	?>
	56	}
	57	textarea, pre {
	58	font-family: monospace;
	59	<?php
	60	if($fontsize) echo ' font-size: '.($fontsize-1)."pt;\n";
	61	?>
	62	}
	63
	64	/* page body formatting */
	65	body {
	66	color: <?php echo SQM_TEXT_STANDARD; ?>;
	67	background-color: <?php echo SQM_BACKGROUND; ?>;
	68	}
	69	body.sqm_leftMain {
	70	color: <?php echo SQM_TEXT_STANDARD_LEFT; ?>;
	71	background-color: <?php echo SQM_BACKGROUND_LEFT; ?>;
	72	text-align: left;
	73	}
	74
	75	/* right links */
	76	a:link, a:visited, a:hover, a:active {
	77	color: <?php echo SQM_LINK; ?>;
	78	}
	79
	80	/* left links */
	81	.sqm_leftMain a:link, .sqm_leftMain a:visited, .sqm_leftMain a:hover, .sqm_leftMain a:active {
	82	color: <?php echo SQM_LINK_LEFT; ?>;
	83	}
	84
	85	.leftunseen, .leftspecial, .leftspecial a:link, .leftspecial a:visited, .leftspecial a:hover, .leftspecial a:active {
	86	color: <?php echo SQM_TEXT_SPECIAL; ?>;
	87	}
	88
	89	.leftnoselect a:link, .leftnoselect a:visited, .leftnoselect a:hover, .leftnoselect a:active {
	90	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
	91	}
	92
	93	/* highlighted texts */
	94	.highlight {
	95	color: <?php echo SQM_TEXT_HIGHLIGHT; ?>;
	96	}
	97
	98	.error_table {
	99	color: <?php echo $color[14]; ?>;
	100	border: 2px solid <?php echo $color[0]; ?>;
	101	background-color: <?php echo $color[3]; ?>;
	102	}
	103	.error_thead {
	104	background-color: <?php echo $color[10]; ?>;
	105	}
	106	.error_thead_caption {
	107	background-color: <?php echo $color[10]; ?>;
	108	}
	109	.error_row {
	110	color: <?php echo $color[14]; ?>;
	111	}
	112	.error_val {
	113	color: <?php echo $color[8]; ?>;
	114	border: 2px solid <?php echo $color[0]; ?>;
	115
	116	}
	117	.error_key {
	118	border: 2px solid <?php echo $color[0]; ?>;
	119	color: <?php echo $color[14]; ?>;
	120	background-color: <?php echo $color[0]; ?>;
	121	}
	122
	123
	124	td.header1 {
	125	background: <?php echo $color[0]; ?>;
	126	text-align: center;
	127	font-weight: bold;
	128	}
	129
	130
	131	td.header2 {
	132	background: <?php echo $color[9]; ?>;
	133	text-align: center;
	134	font-weight: bold;
	135	padding-top: 4px;
	136	padding-bottom: 4px;
	137	}
	138
	139	tr.even {
	140	background: <?php echo $color[12]; ?>;
	141	}
	142	tr.odd {
	143	background: <?php echo $color[4]; ?>;
	144	}
	145
	146	.table_standard {
	147	border:1px solid <?php echo $color[0]; ?>;
	148	}
	149
	150	.sqm_loginOrgName, .sqm_signoutBar {
	151	background: <?php echo $color[0]; ?>;
	152	}
	153
	154	.sqm_signout {
	155	margin-top: 2em;
	156	text-align: center;
	157	}
	158
	159	.sqm_motd {
	160	background: <?php echo $color[9]; ?>;
	161	}
	162	.sqm_motd td {
	163	background: <?php echo $color[4]; ?>;
	164	}
	165
	166	/* empty_folder.tpl defs */
	167	.sqm_emptyFolder {
	168	background: <?php echo $color[9]; ?>;
	169	}
	170	.sqm_emptyFolder td {
	171	background: <?php echo $color[4]; ?>;
	172	}
	173
	174	/* error_box.tpl definitions */
	175	.table_errorBoxWrapper {
	176	background: <?php echo $color[9]; ?>;
	177	}
	178
	179	.table_errorBox {
	180	background: <?php echo $color[0]; ?>;
	181	}
	182	.error_message {
	183	background: <?php echo $color[4]; ?>;
	184	}
	185
	186	/* page_header.tpl definitions */
	187	.sqm_currentFolder {
	188	background: <?php echo $color[9]; ?>;
	189	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	190	}
	191	.sqm_headerSignout {
	192	background: <?php echo $color[9]; ?>;
	193	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	194	}
	195	.sqm_topNavigation {
	196	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	197	}
	198	.sqm_providerInfo {
	199	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	200	}
	201
	202	/* message_list.tpl definitions */
	203	.table_messageListWrapper {
	204	background: <?php echo $color[9]; ?>;
	205	}
	206
	207	.table_messageList {
	208	background: <?php echo $color[5]; ?>;
	209	}
	210
	211	.table_messageList tr.headerRow {
	212	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	213	}
	214	.table_messageList td.spacer {
	215	background: <?php echo $color[0]; ?>;
	216	}
	217	.table_messageList tr.mouse_over {
	218	background: <?php echo $color[5]; ?>;
	219	}
	220	.table_messageList tr.clicked {
	221	background: <?php echo (!empty($color[16])) ? $color[16] : $color[2]; ?>;
	222	}
	223	.table_messageList td.col_check {
	224	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	225	}
	226	.table_messageList td.col_subject {
	227	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	228	}
	229	.table_messageList td.col_flags {
	230	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	231	}
	232	.table_messageList td.col_text {
	233	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	234	}
	235	.deleted {
	236	color: <?php echo $color[9]; ?>;
	237	}
	238	.flagged {
	239	color: <?php echo $color[2]; ?>;
	240	}
	241	.high_priority {
	242	color: <?php echo $color[1]; ?>;
	243	}
	244	.low_priority {
	245	color: <?php echo $color[8]; ?>;
	246	}
	247
	248	.links_paginator {
	249	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	250	}
	251
	252	.message_list_controls {
	253	background: <?php echo $color[0]; ?>;
	254	}
	255
	256	.message_control_buttons {
	257	text-align: <?php echo SQM_ALIGN_LEFT; ?>;
	258	}
	259	.message_control_delete {
	260	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	261	}
	262	.message_control_move {
	263	text-align: <?php echo SQM_ALIGN_RIGHT; ?>;
	264	}
	265
	266	.spacer {
	267	background: <?php echo $color[4]; ?>;
	268	}
	269
	270	/* folder_manip.tpl defs */
	271	#folderManip {
	272	text-align:center;
	273	}
	274
	275	#folderManip td {
	276	text-align: center;
	277	padding: 2px;
	278	}
	279
	280	#folderManip table {
	281	margin-left: auto;
	282	margin-right: auto;
	283	padding-top: 8px;
	284	padding-bottom: 8px;
	285	border: 0;
	286	width: 70%;
	287	}
	288
	289	#folderManip table.wrapper {
	290	border: 1px solid <?php echo $color[0]; ?>;
	291	width: 95%;
	292	margin-left: auto;
	293	margin-right: auto;
	294	padding: 0;
	295	}
	296
	297	#folderManip td.folderAction {
	298	background: <?php echo $color[0]; ?>;
	299	}
	300
	301	#folderManip div {
	302	margin-left: auto;
	303	margin-right: auto;
	304	width: 80%;
	305	text-align: left;
	306	}
	307
	308	/* addressbook_list.tpl defs */
	309	#addressList {
	310	text-align: center;
	311	}
	312
	313	#addressList input {
	314	font-size: 8pt;
	315	}
	316
	317	#addressList select {
	318	font-size: 75%;
	319	}
	320
	321	#addressList table {
	322	margin-left: auto;
	323	margin-right: auto;
	324	width: 95%;
	325	border: 1px solid <?php echo $color[9]; ?>;
	326	margin-top: 8px;
	327	margin-bottom: 8px;
	328	}
	329
	330	#addressList td {
	331	text-align: left;
	332	padding: 2px;
	333	}
	334
	335	#addressList td.header1 {
	336	text-align: center;
	337	background: <?php echo $color[9]; ?>;
	338	}
	339	#addressList td.abookSwitch {
	340	background: <?php echo $color[0]; ?>;
	341	text-align: right;
	342	}
	343
	344	#addressList td.abookButtons {
	345	background: <?php echo $color[0]; ?>;
	346	}
	347
	348	#addressList td.abookField {
	349	border-left: 1px solid <?php echo $color[9]; ?>;
	350	border-right: 1px solid <?php echo $color[9]; ?>;
	351	white-space: nowrap;
	352	overflow: hidden;
	353	}
	354
	355	#addressList td.colHeader {
	356	text-align: center;
	357	font-weight: bold;
	358	font-size: 98%;
	359	background: <?php echo $color[9]; ?>;
	360	padding-top: 0px;
	361	padding-bottom: 0px;
	362	}
	363
	364	#addressList td.abookEmpty {
	365	text-align:center;
	366	font-weight: bold;
	367	}
	368
	369	#addressList td.abookCompose {
	370	font-size: 8pt;
	371	white-space: nowrap;
	372	}
	373
	374	#addrBookSearch {
	375	text-align: center;
	376	}
	377
	378	#addrBookSearch table {
	379	padding: 0;
	380	border: 0;
	381	margin-left: auto;
	382	margin-right: auto;
	383	}
	384
	385	#addrBookSearch table.wrapper {
	386	border: 1px solid <?php echo $color[9]; ?>;
	387	width: 95%;
	388	margin-left: auto;
	389	margin-right: auto;
	390	padding: 0;
	391	}
	392
	393	#addrBookSearch td {
	394	padding: 2px;
	395	}
	396
	397	#addrBookSearch label {
	398	font-weight: bold;
	399	}
	400
	401	#addrBookSearch input {
	402	font-size: 75%;
	403	}
	404
	405	#addrBookSearch select {
	406	font-size: 75%;
	407	}
	408
	409	#addrBookSearch td.buttons {
	410	text-align: center;
	411	}
	412
	413	#addrAddEdit {
	414	text-align: center;
	415	}
	416
	417	#addrAddEdit table {
	418	border: 1px solid <?php echo $color[9]; ?>;
	419	margin-left: auto;
	420	margin-right: auto;
	421	margin-top: 6px;
	422	margin-bottom: 6px;
	423	width: 95%
	424	}
	425
	426	#addrAddEdit td.header {
	427	background: <?php echo $color[9]; ?>;
	428	text-align: center;
	429	font-weight: bold;
	430	}
	431
	432	#addrAddEdit td.fieldName {
	433	text-align: right;
	434	width: 30%;
	435	}
	436
	437	#addrAddEdit td.addButton {
	438	text-align: center;
	439	}
	440
	441	#addrAddEdit td {
	442	text-align: left;
	443	padding: 2px;
	444	}
	445
	446	#addrAddEdit input {
	447	font-size: 75%;
	448	}
	449
	450	#addrAddEdit select {
	451	font-size: 75%;
	452	}