Difference between revisions of "Themes"

From Fallen Sword Wiki
Jump to: navigation, search
(Created page with "=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 ...")
 
(Elements)
Line 45: Line 45:
 
=Elements=
 
=Elements=
 
Below is a list of elements of CSS and what they do.
 
Below is a list of elements of CSS and what they do.
 +
 +
{|class="wikitable"
 +
!element
 +
!changes
 +
|-
 +
|<nowiki>#chat-div {font-size: 15px;color: #f0e68c;}</nowiki>
 +
|'''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.
 +
|-
 +
|
 +
|

Revision as of 09:58, 17 October 2013

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.