suit: Allzwecktemplates?

Beitrag lesen

Ich suche nur die allgemeinen Bausteine, die z.B. überhaupt ein Standard-Padding definieren, eine Standard-Schriftart usw. und vor allem Dinge wie Floating etc. schon vordefiniert haben. Für die reine Anordnung eben.

Ein Grid, welches dir das Schriftbild zumindest halbwegs vereinheitlicht?

Für "allgemeines Zeug" verwende ich idR. das hier aus Basis:

Von den Dingern gibts noch einige mehr - je nachdem, was ich brauche kommen halt Formulare dazu oder Tabellen oder auch generische Klassen für Warnungen, Hinweise usw.

Sowas muss man einfach nur mal machen und dann konsequent verwenden - ich sollte ggf. mal einen Artikel dazu schreiben :p

html,  
body {  
	padding: 0;  
	margin: 0;  
}  
  
body {  
	line-height: 1.5em;  
}  
  
p,  
ul,  
ol,  
dl,  
blockquote,  
address {  
	padding: 0;  
	margin: 0 0 1.5em 0;  
}  
  
ul ul,  
ul ol,  
ul dl,  
ol ul,  
ol ol,  
ol dl,  
dl ul,  
dl ol,  
dl dl {  
	margin-bottom: 0;  
}  
  
ol {  
	margin-left: 2em;  
}  
  
ul {  
	list-style: none;  
	margin-left: 0.5em;  
}  
  
dt,  
dd,  
li {  
	padding: 0;  
	margin: 0;  
}  
  
ul li {  
	background: url(../img/16x16/bullet_black.png) no-repeat left .1em;  
	padding-left: 1.5em;  
}  
  
dt {  
	font-weight: bold;  
}  
  
dd {  
	margin-left: 2em;  
}  
  
blockquote {  
	font-style: italic;  
	padding-left: 2em;  
	background: url(../img/16x16/quotation.png) no-repeat 0.25em top;  
}  
  
* html blockquote {  
	background-image: url(../img/16x16/quotation.gif);  
}  
  
blockquote cite {  
	display: block;  
	font-style: normal;  
	font-variant: small-caps;  
}  
  
blockquote cite:before {  
	content: '— 'attr(cite);  
}  
  
h2 {  
	font-size: 2em;  
	line-height: 1.5em;  
	padding: 0;  
	margin: 0 0 0.75em 0;  
	overflow: hidden;  
	text-indent: -99999em;  
}  
  
h3 {  
	font-size: 1.5em;  
	line-height: 1em;  
	padding: 0;  
	margin: 0 0 1em 0;  
}  
  
h3.img {  
	text-indent: -99999em;  
	overflow: hidden;  
	background-repeat: no-repeat;  
}  
  
h3.subtitle {  
	font-style: italic;  
	font-size: 1em;  
	line-height: 1.5em;  
	margin: 0 0 1.5em 0;  
}  
  
h4 {  
	font-size: 1em;  
	line-height: 1.5em;  
	padding: 0;  
	margin: 0;  
}  
  
hr {  
	background-color: #404040;  
	color: #404040;  
	border: 0;  
	height: 1px;  
	margin: 0 0 1.5em 0;  
}  
  
sub {  
	vertical-align: middle;  
	position: relative;  
	top: 0.33em;  
	font-size: 0.75em;  
}  
  
/* Internet Explorer 8 */  
sub { font-size /*\**/: 1em\9; }  
  
/* Internet Explorer 7 */  
*:first-child+html { font-size: 1em; }  
  
/* Internet Explorer 6 */  
* html sub { font-size: 1em; }  
  
sup {  
	vertical-align: middle;  
	position: relative;  
	top: -0.5em;  
}