Themes

From Fallen Sword Wiki
Revision as of 09:58, 17 October 2013 by Koenvdv (Talk | contribs)

Jump to: navigation, search

Contents

Description

Custom themes changes the look of Fallensword by overwriting elements Fallensword CSS. IF you have any problems with Fallensword after changing the CSS and hard refreshing the page (ctrl + F5) then u can use this link to reset the theme: http://www.fallensword.com/index.php?cmd=theme&subcmd=revertcss.

Custom Themes

Copy the text and paste them in the custom theme box under preferences.

Minecraft

//created by QuaBules

#statbar-xp-progress {background-image: url('http://selj.host22.com/FS/20_xp_bar.png');}

#statbar-container {background-image: url('http://selj.host22.com/FS/30_stats_bar.png');}

.notification-icon {background: url('http://selj.host22.com/FS/ui.png'); }

.nav-icon {background: url('http://selj.host22.com/FS/ui.png') no-repeat;; }

#pC {background: url('http://selj.host22.com/FS/middle2.png') repeat scroll 0 0 transparent;}

#pC:before {background: url('http://selj.host22.com/FS/middle2.png') repeat scroll 0 0 transparent;}

#pF {background: url('http://selj.host22.com/FS/footer3.png') no-repeat scroll 0 0 transparent;}

.nav-level-1:before, .nav-level-1.last:before, .nav-level-1.subheading:before {background: url('http://selj.host22.com/FS/ui.png') no-repeat scroll 0 -66px transparent;}

.nav-level-2:before, .nav-level-2.last:before, .nav-level-2.subheading:before {background: url('http://selj.host22.com/FS/ui.png') no-repeat scroll 0 -88px transparent;}

div.innerColumnHeader, td.header {background: none repeat scroll 0 0 #eeeeee;}

.inventory-item-slot {background: url('http://selj.host22.com/FS/inv1x1.png'); display: inline-block;}

div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td[align=center] td {background: url(http://selj.host22.com/FS/inv1x1.png) no-repeat;}

div#profileRightColumn > div > div > table.inventory-table > tbody > tr > td:not([align]) {background: url(http://selj.host22.com/FS/inv2x3.png) repeat;}

div#profileRightColumn > form > div > table.inventory-table > tbody > tr > td[width] {background: url(http://selj.host22.com/FS/inv2x3.png) repeat;}

div#profileRightColumn > div > table.inventory-table > tbody > tr > td:not([valign])[width] {background: url(http://selj.host22.com/FS/inv1x1.png) repeat;}

.guildStoreTabLink {background: url('http://selj.host22.com/FS/tabs.png') repeat scroll 0 0 transparent;}

div, p, table, li, h1, h2, input {font-size: 12px; font-family: Minecraft;}

.ui-widget, body {font-size: 12px;}

Elements

Below is a list of elements of CSS and what they do.

element changes
#chat-div {font-size: 15px;color: #f0e68c;} font-size: 15px changes the font size of the global chat to 15px

color: #f0e68c changes the text color to the hexadecimal colour notation #f0e68c. U can pick your own colour with http://www.colorpicker.com/ by copying the number on top.