Return to install.css CVS log

Up to [Development] / advokit-installer-bak

Making it look nicer.  Added some links.

body	{
	font-weight:  300;
	font-size:  11px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #ccccdd;
	border:  #333366;
}

div.overdiv
{
width:  200px;
}

p	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #ccccdd;
	margin-top:  0px;
}

ul	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #ccccdd;
}
li	{
	font-weight:  300;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #ccccdd;
}
input	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
select	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
textarea	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
submit	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
reset	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
button	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
file	{
	font-weight:  400;
	font-size:  12px;
	color:  black;
	font-family:  arial,helvetica,sans-serif;
}
.courier-input	{
	font-family:  courier, serif;
}
.invisible-input	{
	font-weight:  400;
	font-size:  14px;
	vertical-align:  bottom;
	color:  #336;
	border-top-style:  none;
	font-family:  courier,serif;
	border-right-style:  none;
	border-left-style:  none;
	text-align:  right;
	border-bottom-style:  none
}
h1	{
	font-weight:  900;
	font-size:  28px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
}
h2	{
	font-weight:  800;
	font-size:  23px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
	padding-top: 0px;
}
h3	{
	font-weight:  800;
	font-size:  14px;
	color:  #900;
	font-family:  arial,helvetica,sans-serif;
	margin-bottom:  0px;
}
h4	{
	font-weight:  800;
	font-size:  12px;
	color:  #000;
	font-family:  arial,helvetica,sans-serif;
	text-transform:  uppercase;
	margin-bottom:  0px;
}
h5	{
	font-weight:  500;
	font-size:  14px;
	color:  #333366;
	font-family:  arial,helvetica,sans-serif;
}
h6	{
	font-weight:  400;
	font-size:  12px;
	color:  #036;
	font-family:  arial,helvetica,sans-serif;
}
img	{
	border-right:  0px;
	padding-right:  0px;
	border-top:  0px;
	padding-left:  0px;
	padding-bottom:  0px;
	border-left:  0px;
	padding-top:  -15px;
	border-bottom:  0px
}
i	{
	font-style:  italic;
}
b	{
	font-weight:  700;
}
code	{
	color:  #336;
	font-family:  courier;
}
a, a:link	{
	color:  #039;
	background: transparent;
	font-weight: normal;
}
a:visited	{
/*	color:  #5f72f1;	*/
	color: #039;
}
a:hover	{
	background-color:  #e6eeff;
}
a:active	{
	color:  #f00;
}
.tiny	{
	font-weight:  300;
	font-size:  12px;
    line-height:    22px;
}
.normal	{
	font-weight:  300;
	font-size:  12px;
}
.tiny-subtle	{
	font-weight:  300;
	font-size:  10px;
	color:  #cff0ff;
}
/*	kindly note, tiny-faded is used only once, in the screen-footer.tpl	*/
.tiny-faded	{
	font-weight:  300;
	font-size:  12px;
	color:  #666;

}
.miniscule-grey	{
	font-weight:  300;
	font-size:  10px;
	color:  #aaa;
}
.heading-subtle	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #ccccdd;
	text-decoration:  none;
    white-space: nowrap;
}
.heading-subtle a	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #ccccdd;
	text-decoration:  none;
}
.heading-subtle a:link	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #ccccdd;
	text-decoration:  none;
}
.heading-subtle a:visited	{
	font-weight:  500;
	font-size:  11px;
	color:  #039;
	background-color:  #ccccdd;
	text-decoration:  none;
}
.heading-subtle a:hover	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #ccccdd;
	text-decoration:  none;
}
.heading-subtle a:active	{
	font-weight:  500;
	font-size:  11px;
	color:  #2F249F;
	background-color:  #ccccdd;
	text-decoration:  none;
}
/*	this (verytinygrey) is also used only once, in paging.tpl	*/
.verytinygrey	{
	font-weight:  300;
	font-size:  10px;
	background-color:  #efefef;
}
.verytiny  {
	font-weight:  300;
	font-size:  10px;
}
.verytinyred	{
	font-weight:  300;
	font-size:  10px;
	color:  #ffcccc;
}
/*	outline-lite is used only once, in TaskCalendar.tpl	*/
.outline-lite	{
	border-top:  1px solid #333366;
	border-right:  1px solid #333366;
	border-bottom:  1px solid #333366;
	border-left:  1px solid #333366;
}
.outline-bgwhite    {
      border-right:  1px solid #999;
      border-top:  1px solid #999;
      border-left:  1px solid #999;
      border-bottom:  1px solid #999;
      background-color:  #ccccdd;
  } 
.outline-subtle	{
	border-top:  1px solid #eee;
	border-right:  1px solid #eee;
	border-bottom:  1px solid #eee;
	border-left:  1px solid #eee;
}
.headerbar	{
	background-color:  #B8B9DA;
	height:  20px;
	text-align: right;
	padding-right:  30px;
	font-weight: bold;
}
.headerbar	a	{
       font-size:  12px;
       font-weight:  800;
	text-decoration:  none;
}

.headerbar	a:link	{
	color:  #000;
	text-decoration:  none;
}

.headerbar	a:visited	{
	color:  #000;
	text-decoration:  none;
}
.outline	{
	border-left:  1px solid #999;
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-bottom:  1px solid #999;
    background-color:  transparent;
	padding-left:   30px;
}
.outline-search  {
	margin-left: 8px;
	border-right:  1px solid #999;
	border-top:  1px solid #999;
	border-left:  1px solid #999;
	border-bottom:  1px solid #999;
	width: 90%;
}
/*	class="rule" is used once in Administration.tpl, and basically uselessly, to make a line divider out of a td cell	*/
.rule	{
	color:  #ccccdd;
	background-color:  #333366;
}

.divider-lite-invisible	{
	color:  #ccccdd;
}
.divider	{
	font-weight:  600;
	font-size:  14px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #cff0ff;
}
.topbar	{
	height:  30px;
	font-weight:  800;
	font-size:  22px;
	font-family:  serif;
	vertical-align:  middle;
	background-color:  #333366;
	color:  #FFF;
	padding-left:  10px;
    padding-top:    10px;
}
.topbar-nohover	a	img	{
	vertical-align:  bottom;
	background-color:  #333366;
}
.pagebar	{
	border-right:  1px solid #eee;
	border-top:  1px solid #eee;
	font-weight:  300;
	font-size:  10px;
	border-left:  1px solid #eee;
	border-bottom:  1px solid #eee;
	background-color:  #cff0ff;
}

.pagebar	a:hover	{
	background-color:  #ffc;
}

.divider-lite	{
	font-weight:  400;
	font-size:  14px;
	font-family:  arial,helvetica,sans-serif;
	background-color:  #ccccdd;
}

.divider-tiny	{
	font-weight:  300;
	font-size:  12px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #cff0ff;
}

.divider-tiny	a	{
	font-weight:  300;
	font-size:  12px;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #cff0ff;
}
.divider-status	{
	border-top:  1px solid #9cc;
	font-weight:  normal;
	font-size:  10px;
	color:  #fff;
	font-family:  arial, helvetica, sans-serif;
	background-color:  #333366;
	width: 800px;
    text-align: center;
}

.divider-tiny	a:hover	{
	font-weight:  300;
	font-size:  12px;
	background:  #fff0f0;
	font-family:  arial, helvetica, sans-serif;
}
.topbar-nohover	{
	background-color:  #333366;
}

.topbar-nohover	a:hover	{
	background-color:  #900;
}

.odd	{
	background-color:  #ddf;
}

.odd	p	{
	background-color:  #ddf;
}

.even	{
	background-color:  #eef;
}

.even p	{
	background-color:  #eef;
}
.even ul	{
	background-color:  #eef;
}
.even li	{
	background-color:  #eef;
}
.oddTiny	{
	font-size:  12px;
	background-color:  #ddf;
}
.evenTiny	{
	font-size:  12px;
	background-color:  #eef;
}
.bgGreyLite	{
	background-color:  #efefef;
}
.bggreytiny, .bgGreyTiny	{
	font-size:  12px;
	background-color:  #eee;
    white-space: nowrap;
}
.bggreydarktiny, .bgGreyDarkTiny{
	font-size:  12px;
	background-color:  #ccc;
}
.bggreytiny#body, .bgGreyTiny#body	{
	font-size:  10px;
	font-weight:normal;
	background-color:  #eee;
	white-space: normal;
}
.bgwhite, .bgWhite	{
	background-color:  #ccccdd;
}
.bgwhitetiny, .bgWhiteTiny {
	font-size:  12px;
	background-color:  #ccccdd;
    white-space: nowrap;
}
.divider-tiny .bgWhiteTiny	{
	font-size:  12px;
	background-color:  #ccccdd;
}
.divider-tiny .bgWhiteTiny a	{
	font-size:  12px;
	background-color:  #ccccdd;
}
.alert	{
	font-weight:  800;
	color:  #dd0000;
}

.hilite  {
	background-color:  #fcf;
	color:  #405060;
	font-weight:  300;
	font-size:  12px;
	font-family:  arial, helvetica, sans-serif;
}
th, th a, th a:link, th a:visited	{
	color:  #000;
	background-color:  #CCCCCC;
	text-transform:  uppercase;
	font-size:  10px;
	font-weight:  bold;
	text-align:  left;
    white-space: nowrap;
}	
th a, th a:link, th a:visited	{
    text-decoration:    underline;
    color: #036
}	
th.contact	{
	text-align:  center;
    color:  #FFF;
	background-color:  #333366;
    white-space: nowrap;
}	

th.contact a {
	color: #fff;
	background: transparent;
}	

th.addlink {
	color: #fff;
	background: transparent;
	margin-bottom:  0px;
}	

.addlink {
	font-size: 10px;
	text-transform:  uppercase;
	background: transparent;
	margin-bottom:  0px;
}

div.addlink {
	margin-bottom:  0px;
}

.addlink a, .addlink a:link, .addlink a:visited	{
	font-size: 10px;
	text-align: right;
}

th .addlink a, th .addlink a:link, th .addlink a:visited  {
	color: #000;
	background: transparent;
    text-decoration:    underline;
}	

.sidebar	{
	background-color:  transparent;

}

.sidebar-title	{
	font-weight:  400;
	font-size:  18px;
	font-family:  'book antiqua', garamond, times,	serif;
	margin-left:  5px;
	padding-top: 5px;
	padding-left:  5px;
	color:  #900;
	background:  transparent;
	border-bottom: 1px solid #336;
}

.sidebar-heading	{
	font: 11px verdana;
	color: #ffffff;
	font-weight: 800;
	width: 160px;
	padding-left: 20px;
}

.alist	{
	text-align:  left;
	padding-left:  5px;
	padding-top: 3px;
	font-size:  11px;
	font-weight: normal;
	}
	
.sidebar a, .sidebar a:link	{
	font-weight:  bold;
	color:  #039;
	background-color:  transparent;
}
.sidebar a:visited	{
	color:  #900;
	background-color:  transparent;
}
.sidebar a:hover	{
	color:  #036;
	background-color:  #d8b303;
}
.sidebar a:active	{
	color:  #f00;
	background-color:  transparent;
}
.crumb, a.crumb, a.crumb:link, a.crumb:visited  {
	color: #039;
	background-color: transparent;
	font-size: 10px;
	font-weight: normal;
	font-family: verdana, sans-serif;
}
td	{
	padding-left:  4px;
}

.main  {
	text-align: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 90%;
}

#main  {
	width: 613px;
	float: right;
	border-left: 1px solid #336;
}

.rounded{

	/* Set the left rounded corner as the background image of the entire rounded element.
		Be sure to leave space for it by setting a padding-left: if you don't
		the text will overlap the rounded corner.
	*/

	background: #333366 url(images/round_left.gif) left top no-repeat;
	padding-left: 12px;
	line-height: 14px; /* same value as image height !!! */
    padding-left: 5px;
}

.rounded span {

	/* This span should be BEFORE the actual text in the HTML code. We float
	it right, so that it ends up at the right side of the rounded element. We give it a width
	and inline-block (don't ask), and finally set the right rounded corner as its
	background image. */


	float: right;
	display: inline-block;
	width: 10px; /* as wide as the image */
	background: #333366 url(images/round_right.gif) right top no-repeat;
}