Ladysign

Salesforce: Cases css stylesheet

Difficulty:

Use this CSS stylesheet for your custom S-Control pages.
Your mod will look like a real Salesforce styled page. (cases tab style)

body {
	font-family:'Arial','Helvetica',sans-serif;
	font-size:75%;
	line-height: 1.6em;
	background: #fff;
	padding: 0;
}

h1,  h2 { font-size: 14px; font-weight: bold; }
h3 { font-size: 100%; background: #DDB929; display: block; padding: 1px; color: #fff; }
h4 { font-size: 80%; background: #DDB929; display: block; padding: 1px; color: #fff; }

label { font-weight: bold; text-align: right;  }
span { }
strong { font-weight: bold; color: #f00; }

a { color: #000; }

hr { color: #eeecd1;  border: 1px solid;}

div {
	background: #F3F3EC;
	margin: 5px;
	padding: 5px;
	border: 2px Solid #eeecd1;
	width: 95%;
}

li{
	 display: block;
	 margin: 2px 2px 2px -20px;
}

table {
	width: 100%;
	background: #F3F3EC;
	font-size: 12px;
	border-top: 5px Solid #E5C130;
	border-bottom: 2px Solid #E5C130;
	border-left: 1px Solid #eeecd1;
	border-right: 1px Solid #eeecd1;
	padding: 0px;
	margin: 0px 0px 10px 0px;
}

th { background: #eeecd1; height: 19px; width: 20%; } // TODO dynamic

td {
	height: 19px;
	border-bottom: 1px solid #eeecd1;
	width: 20%;
	margin: 0px 2px 0px 2px;
	padding: 0px 5px 0px 2px;
}

.classy0 { background-color: #eeecd1; }

button, .btn {
	background-image:url('/img/bgButton.gif');
	background-position:left top;
	background-repeat:repeat-x;
	border-color:-moz-use-text-color #5C5D61 rgb(92, 93, 97) -moz-use-text-color;
	border-style:none solid solid none;
	border-width:medium 1px 1px medium;
	color:#FFFFFF;
	cursor:pointer;
	display:inline;
	font-family:'Verdana','Geneva',sans-serif;
	font-size:80%;
	font-weight:bold;
	padding:1px 3px;
}

.relatedListBlock{
	float: left;
}

.end {
	clear: both;
}

.hide {
  	display: none;
}