Seite 1 von 1

aktueller Cold Sunfire Style

Verfasst: 9. Jun 2007, 12:28
von Davok_xarden
Da der Cold-Sunfire-Style im Style Pack längst nicht mehr aktuell ist, hab ich mir mal die Arbeit gemacht und den aktuellen Cold-Sunfire-Style aus dem Quelltext rausgearbeitet. Da Sotrax bei der Arbeit ein bisschen geschlampt hat, hab ich den Style auch gleich mal überarbeitet und hoffentlich auch übersichtlicher gemacht:

Code: Alles auswählen

/* Freewar.de StyleSheet Cold Sunfire */

@charset "utf-8";
@media screen, projection {
	p,
	ul,
	ol,
	div,
	td,
	span,
	layer,
	table,
	body {
		font: 12px Arial, helvetica, sans-serif;
		color: #222;
	}
	body {
		background: #FFF;
	}
	p {
		margin: 0px;
		padding: 0px;
	}
	h1 {
		font-size: 12px;
		font-weight: bold;
		margin-bottom: 0;
	}
	textarea {
		background: #FFECD3;
		border: 1px solid #C85424;
		font-size: 12px;
	}
	select {
		font-size: 11px;
		background-color: #DBEBEF;
	}
	
	/* Scrollleisten */
	/* body,
	textarea {
		scrollbar-base-color:#BBB;
		scrollbar-3dlight-color:#FFF;
		scrollbar-arrow-color:#007F9F;
		scrollbar-darkshadow-color:#999;
		scrollbar-face-color:#D5D5D5;
		scrollbar-highlight-color:#FFF;
		scrollbar-shadow-color:#636363;
		scrollbar-track-color:#F5F5F5;
	} */
	
	/* Links */
	a:link {
		color: #C30;
		font-weight: bold;
		text-decoration: none;
	}
	a:visited {
		color: #C30;
		font-weight: bold;
		text-decoration: none;
	}
	a:active {
		color: #F30;
		font-weight: bold;
		text-decoration: hover;
	}
	a:hover {
		color: #F30;
		font-weight: bold;
		text-decoration: underline;
	}
	
	.medium {
		font-size:11px;
	}
	.small {
		font-size:10px;
	}
	.itemmagic {
		color: #080;
		font-weight: bold;
	}
	.input {
		background: #FFECD3;
		border: 1px solid #C85424;
		font-size: 10px;
	}
	img.imageborder {
		background: #C85424;
		border: 1px solid #C85424;
		margin: 0 10px 1px 0;
	}
	.framemainbg p.maincaption,
	.framemainbg p.maincaption2,
	.framemainbg p.personlistcaption,
	.framemainbg p.itemlistcaption,
	.frameitembg p.listcaption	{
		font-weight: bold;
		padding: 2px 2px 2px 5px;
	}
	.framemainbg p.listusersrow,
	.framemainbg p.listplaceitemsrow,
	.framemainbg p.listmainrow,
	.framemainbg p.maindesc1,
	.frameitembg p.listrow,
	.frameitembg p.listitemrow 	{
		background: #ECE9E6;
		border: 1px solid #D6CBC2;
		border-top: 0 none transparent;
		padding: 2px 2px 2px 5px;
	}
	
	
	/* ===================== */
	/* === framebannerbg === */
	
	.framebannerbg {
		background: #C85424 url(bannerbg.jpg);
		border-bottom: 1px solid #000;
	}
	
	/* =================== */
	/* === framemainbg === */
	
	.framemainbg {
		background: url(mainbg.jpg) repeat-y right top;
		margin: 10px;
	}
	.framemainbg td.mainheader {
		background: url(headerbg.jpg);
		font-size: 35px;
	}
	.framemainbg table.areadescription {
		background: #FFF8EF;
		border: 1px solid #FFDAA9;
		width: 100%;
	}
	.framemainbg td.areadescription {
		padding: 5px;
	}
	.framemainbg p.maincaption {
		background: url(headerbg.jpg);
		font-size: 30px;
	}
	.framemainbg p.maincaption2 {
		background: url(bluebg.jpg);
		font-size: 12px;
	}
	.framemainbg p.maindesc1 {
		width: 300px;
	}
	.framemainbg p.maindesc2 {
		background: #FFF8EF;
		border: 1px solid #FFDAA9;
		width: 100%;
	}
	
	/* Charakter- & Gegenstandslisten */
	.framemainbg p.personlistcaption,
	.framemainbg p.itemlistcaption {
		border: 1px solid #A2A09F;
	}
	.framemainbg p.personlistcaption {
		background: url(buttonblue_bg.jpg);
	}
	.framemainbg p.itemlistcaption {
		background: url(buttonorange_bg.jpg);
	}
	.framemainbg p.listmainrow {
		min-height: 55px;
	}
	.framemainbg p.listmainrow {
		min-height: 55px;
	}
	
	
	/* ======================= */
	/* === framechattextbg === */
	
	.framechattextbg {
		background: #F8F8F8;
		margin: 5px 5px 5px 10px;
	}
	
	/* Chattexte */
	.framechattextbg .chattext,
	.framechattextbg .chattextscream,
	.framechattextbg .chattextwhisper,
	.framechattextbg .chattextclan,
	.framechattextbg .chattextinfo,
	.framechattextbg .chattextgroup,
	.framechattextbg .chattextworldsay {
		font-size: 13px;
	}
	.framechattextbg .chattext {
		color: #000;
	}
	.framechattextbg .chattextscream {
		color: #004DA7;
	}
	.framechattextbg .chattextwhisper {
		color: #060;
	}
	.framechattextbg .chattextclan {
		color: #D20000;
	}
	.framechattextbg .chattextinfo {
		color: #A37300;
	}
	.framechattextbg .chattextgroup {
		color: #CE5A21;
	}
	.framechattextbg .chattextworldsay {
		color: #000;
		background: #C1CEF9;
	}
	
	
	/* ======================= */
	/* === framechatformbg === */
	
	.framechatformbg {
		background: #E7E7E7;
	}
	
	/* Chatbuttons */
	.framechatformbg input.submitsagen,
	.framechatformbg input.submitwhisper,
	.framechatformbg input.submitschreien,
	.framechatformbg input.submitclan,
	.framechatformbg input.submitgroup,
	.framechatformbg input.submitworldsay {
		font-size: 10px;
		font-weight: bold;
		margin: 0 2px 0 0;
		width: 80px;
	}
	.framechatformbg input.submitsagen {
		color: #000;
		margin-left: 1px;
	}
	.framechatformbg input.submitwhisper {
		color: #060;
		margin-left: 1px;
	}
	.framechatformbg input.submitschreien {
		color: #004DA7;
	}
	.framechatformbg input.submitclan {
		color: #D20000;
	}
	.framechatformbg input.submitgroup {
		color: #E36B30;
	}
	.framechatformbg input.submitworldsay {
		color: #000;
	}
	
	
	/* =================== */
	/* === frameitembg === */
	
	.frameitembg {
		margin: 10px;
		background: #C1BDBA url(itembg.jpg);
	}
	
	/* Listen */
	.frameitembg p.listcaption {
		background: url(button_bg.jpg);
		border: 1px solid #A2A09F;
	}
	.frameitembg p.listitemrow {
		margin: 0 0 3px 0;
		border: 1px solid #D6CBC2;
	}
	
	.frameitembg .valueincreased,
	.frameitembg .itemamount,
	.frameitembg .itemequipped {
		font-weight: bold;
	}
	.frameitembg .valueincreased {
		color: #F00;
	}
	.frameitembg .itemamount {
		color: #751700;
	}
	.frameitembg .itemequipped {
		color: #F00;
	}
	
	.frameitembg .registersubmit,
	.frameitembg .registerinput	{
		font-size: 10px;
	}
	.frameitembg .registerinput {
		width: 100%;
	}
	
	/* Lebenspunkte */
	.frameitembg .healthmed {
		color: #FF8000;
	}
	.frameitembg .healthok {
		color: #309000;
	}
	.frameitembg .healthcritical {
		color: #D20000;
	}
	
	
	/* ================== */
	/* === framemapbg === */
	
	.framemapbg {
		background: #C1BDBA url(itembg.jpg);
		margin: 3px 10px 10px 10px;
	}
	.framemapbg p.positiontext {
		background: #BBB;
		border: 1px solid #555;
		color: #000;
		font-size: 10px;
		margin: 0 0 3px 0;
		width: 100%;
	}
	
	
	/* =================== */
	/* === framemenubg === */
	
	.framemenubg {
		background: #C1BDBA url(itembg.jpg);
	}
}
Die Grafiken die ihr dazu braucht sind die selben wie im Style Pack: P.S.: evtll. als wichtig markieren. Danke!

Verfasst: 9. Jun 2007, 17:15
von Mheatus
Das nervigste am ColdSunfire Style wurde immer noch nicht verändert und da redet man von Schlampigkeit :P

Es fehlt immer noch die Definition der Hintergrundfarbe. Mein Browser hat nen Blauen Hintergrund, daher ist der Hintergrund teilweise Blau, teilweise weiss.

Und wenn du den aktuellen ColdSunfire haben willst, hier ist z.b. der von Welt 5: http://85.10.198.195/freewar/internal/styles1.css

Verfasst: 9. Jun 2007, 20:10
von Davok_xarden
Der Style sieht mir aba ganz so aus wie der aus dem Style Park :wink:
Den Style den ich da oben gepostet hab ist direkt aus dem HTML-Quelltext rauskopiert.
Übrigens der Teil mit dem blauen Hintergrund sollte jetzt behoben sein.