aktueller Cold Sunfire Style

Hier wird über Freewar-Styles und -Designs geredet. Man kann eigene Styles vorstellen oder Fragen zu den CSS-Styles stellen.
Gesperrt
Davok_xarden
Kaklatron
Beiträge: 17
Registriert: 9. Apr 2007, 19:31
Kontaktdaten:

aktueller Cold Sunfire Style

Beitrag von Davok_xarden » 9. Jun 2007, 12:28

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!
Zuletzt geändert von Davok_xarden am 16. Jun 2007, 12:15, insgesamt 2-mal geändert.

Benutzeravatar
Mheatus
Feuervogel
Beiträge: 4093
Registriert: 23. Jun 2005, 19:27
Wohnort: FFM
Kontaktdaten:

Beitrag von Mheatus » 9. Jun 2007, 17:15

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

Davok_xarden
Kaklatron
Beiträge: 17
Registriert: 9. Apr 2007, 19:31
Kontaktdaten:

Beitrag von Davok_xarden » 9. Jun 2007, 20:10

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.

Gesperrt

Wer ist online?

Mitglieder in diesem Forum: 0 Mitglieder und 3 Gäste