Non Gamstop Casinos Bet Sites Not On Gamstop Non Gamstop Casino Sites Casinos Not On Gamstop Casinos Not On Gamstop

Cartagen Wiki
Editing GssUsage

Markdown+itex2MML formatting tips (basics, extended syntax, metadata, theorems)

For a complete list of LaTeX commands supported here, see the itex2MML Commands Summary.

_your text_	→	your text
your text	→	your text
`my code`	→	`my code`
* Bulleted list * Second item	→	• Bulleted list • Second item
1. Numbered list 1. Second item	→	1. Numbered list 2. Second item
Definition list : is useful	→	Definition list is useful
[link name](URL)	→	link name
![Alt text](URL)	→	Image
## Header ## ### Subheader ### #### Etc. ####	→	Header Subheader Etc.
***	→	Horizontal ruler
<http://url> <[email protected]>	→	Auto-linked

Wiki words

Two or more uppercase words stuck together (camel case) or any phrase surrounded by double brackets is a wiki word. A camel-case wiki word can be escaped by putting \ in front of it.

Wiki words: HomePage, ThreeWordsTogether, [[C++]], [[Let's play again!]]
Not wiki words: IBM, School

## Background and Examples ##
GSS is valid JSON (<http://www.json.org/>), but follows the format of CSS as much as possible.
To see a fairly long GSS file, visit <http://cartagen.org/static/rome/style.gss>, or visit the StylesheetGallery
Here's an example style from a GSS file:
<pre>footway: {
	lineWidth: 2,
	strokeStyle: "#842"
},
</pre>
## Selectors ##
### Type-based Selectors ##
GSS selectors are matched against the type of feature (node, way, or relation), so you can create a style that affects all ways like this:
<code>way: {
	strokeStyle: "blue",
	opacity: 0.5
}
</code>
This kind of style takes the lowest priority -- it will be overridden by name-based or tag-based styles.
### Name-based Selectors ###
You can style a specific feature by name, for example the lake Tjörnin, in Reykjavik, Iceland. Outlining the lake itself in blue could be done with the following style:
<code>"Tjörnin": {
	lineWidth: 4,
	strokeStyle: "blue"
}</code>
### Tag-based Selectors ###
Selectors can also reference tags that features may have. They are matched against both the key and the value of the tag. For example, to turn churches green, use this code:
<code>church: {
	fillStyle: "green"
}</code>
## Dynamic Styles ##
GSS is capable of handling "dynamic" styles -- styles specified as \JavaScript code, rather than as a static value. Here's an example:
<pre>way: {
	strokeStyle: function() { 
		return color_from_string(this.user)
	},
	lineWidth: 2,
	fillStyle: "white"
},
</pre>
In the above example, the \JavaScript code is executed once, when the element is first loaded. If you want the function to be re-executed periodically, you can specify the interval (in seconds) with the "update" property:
<pre>way: {
	strokeStyle: function() { 
		return color_from_string(this.user)
	},
	lineWidth: 2,
	fillStyle: "white",
	update: {
		strokeStyle: 30
	}
},
</pre>
In that example, the strokeStyle function is run once, then the result is used for 30 seconds. After 30 seconds, the function is run again, and the new value is used.
## Hover and \MouseDown styles ##
For hover and mouseDown styles, the syntax is:
<pre>building: {
	lineWidth: 0.001,
	fillStyle: "#444",
	hover: {
		fillStyle: '#222'
	},
	mouseDown: {
		lineWidth: 4,
		strokeStyle: "red"
	}
},
</pre>
The above converts the user name of the contributor (from OSM) to a hex string useable as a color. So what you see is something like this:
<http://cartagen.org/?gss=http://unterbahn.com/cartagen/style.gss>
To trigger a \JavaScript call on **hover** or **mouseDown**, nest an **action** property in the event's style definition, like so:
<pre>building: {
	lineWidth: 0.001,
	fillStyle: "#444",
	hover: {
		fillStyle: '#222',
		action: function() {
			// javascript code goes here
			console.log('hover!')
		}
	},
	mouseDown: {
		lineWidth: 4,
		strokeStyle: "red"
	}
},
</pre>
## Context Menus ##
Cartagen's context menus are controlled entirely by GSS. To create items that are always available, add then to the body style, like this:
<pre>body: {
	menu: {
		"My menu item": function() {alert('a message')},
		"My other item": function() {alert('another message')}
	}
}
</pre>
The function associated with the menu item can contain any valid Javascript [web design solutions](http://www.bayouwebdesign.com).
Context menus may also be applied to specific features, like other GSS styles.
<pre>building: {
	menu: {
		"Show the name": function(){alert(this.tags.get('name'))}
	}
}</pre>
Note that the "[Software Akuntansi Laporan Keuangan Terbaik](http://goo.gl/xiI11)" keyword in the function associated with the menu item refers to the feature that the context menu was invoked upon [PPC Management Company](http://www.imcredo.com/).
## Colors ##
Colors are handled the same way as in CSS. There are four formats:
1. A color name, like "blue" or "red". A fill list is at [w3schools](http://www.w3schools.com/css/css_colornames.asp). [Buy Research Paper](http://www.researchpaperinn.com/)
1. A hex string that specifies red, green, and blue values in base 16, like #1a44bf or #3db.
1. An rgb definition that specifies red, green, and blue values out of 255, like rgb(10, 100, 255).
1. An rgba definiton, which works like an rgb definition, but also has an alpha (opacity) value between 0 and 1. 1 is fully opaque, 0 is fully transparent. For example, rgba(255, 0, 0, 0.5) is half-transparent red.
In the below reference, "Color", [Crystal Awards](http://www.epicengraving.com/crystal-employee-recognition-awards.html) refers to a string in one of the above formats.
## Reference ##
Here's a list of all the GSS properties and what they do:
### fillStyle ###
The color a closed way is fille

as | Cancel (unlocks page)

Cartagen Wiki Editing GssUsage

Markdown+itex2MML formatting tips (basics, extended syntax, metadata, theorems)

Wiki words

Top recommendations

Cartagen Wiki
Editing GssUsage