Battlestar Wiki:CSS - Revision history

Catrope: /* Creating sortable tables */ add meat

2007-06-08T11:20:21Z

Creating sortable tables: add meat

@@ Line 106: / Line 106: @@
 == Creating sortable tables ==
 === Example ===
+{| class="messagebox sortable"
 === Code ===

Catrope: /* Creating collapsible tables */ add meat

2007-06-08T11:08:01Z

Creating collapsible tables: add meat

@@ Line 84: / Line 84: @@
 == Creating collapsible tables ==
 === Example ===
 === Code ===
 == Creating sortable tables ==

Catrope: Add section headers

2007-06-08T10:55:44Z

Add section headers

← Older revision		Revision as of 10:55, 8 June 2007
Line 51:		Line 51:
	</pre>		</pre>

	== ~~Creation~~ Content Boxes ==		== Creating Content Boxes ==

	=== Example ===		=== Example ===
Line 81:		Line 81:
	\|}		\|}
	</pre>		</pre>

			== Creating collapsible tables ==
			=== Example ===

			=== Code ===

			== Creating sortable tables ==
			=== Example ===

			=== Code ===

Catrope: /* Creating Message Box */ add meat

2007-06-08T10:54:36Z

Creating Message Box: add meat

@@ Line 28: / Line 28: @@
 === Example ===
+{{message box
 === Code ===
 == Creation Content Boxes ==

Catrope: sp

2007-06-08T08:03:04Z

← Older revision		Revision as of 08:03, 8 June 2007
Line 1:		Line 1:
	{{Project\|CSS\|shortcut=BW:CSS}}		{{Project\|CSS\|shortcut=BW:CSS}}

	To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has ~~there~~ own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.		To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has their own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.

	== Creating ~~Infoboxs~~ ==		== Creating Infoboxes ==

	=== Example ===		=== Example ===

Steelviper: minor sp

2006-08-22T12:29:08Z

minor sp

← Older revision		Revision as of 12:29, 22 August 2006
Line 1:		Line 1:
	{{Project\|CSS\|shortcut=BW:CSS}}		{{Project\|CSS\|shortcut=BW:CSS}}

	To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-~~compatiable~~" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.		To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatible" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.

	== Creating Infoboxs ==		== Creating Infoboxs ==

Shane: /* Example */

2006-08-22T05:10:22Z

Example

← Older revision		Revision as of 05:10, 22 August 2006
Line 34:		Line 34:

	=== Example ===		=== Example ===
	{\| class="contentbox" width="100%" cellpadding="2" cellspacing="5"		{\| id="joe" class="contentbox" width="100%" cellpadding="2" cellspacing="5"
	! class="contentbox-th" \| <!-- Nothing ever goes here -->		! class="contentbox-th" \| <!-- Nothing ever goes here -->
	{\| class="contentbox-header"		{\| class="contentbox-header"
	\| {{Click\|image=BSG WIKI Joe.png\|link=#~~Intro~~\|width=25px\|height=25px}}		\| {{Click\|image=BSG WIKI Joe.png\|link=#joe\|width=25px\|height=25px}}
	\| class="contentbox-header"		\| class="contentbox-header"
	\|}		\|}

Shane: /* Example */

2006-08-22T05:07:20Z

Example

← Older revision		Revision as of 05:07, 22 August 2006
Line 44:		Line 44:
	\|-		\|-
	\|}		\|}
			* '''contentbox''': Used on the overall table
			* '''contentbox-th''': If you are going to have a table caption, you need this.
			* '''contentbox-header''': Used on internal table that is inside "contentbox"

	=== Code ===		=== Code ===

Shane: saved; not finshed

2006-08-22T05:00:00Z

saved; not finshed

← Older revision		Revision as of 05:00, 22 August 2006
Line 1:		Line 1:
	{{Project\|CSS\|shortcut=BW:CSS}}		{{Project\|CSS\|shortcut=BW:CSS}}

	To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatiable" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way.		To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatiable" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way. These are the major ones so that's why they are here.

			== Creating Infoboxs ==

			=== Example ===
			{\| class="infobox"
			\|- class="infoboxheader"
			\| colspan="2" style="text-align: center;" \| class="infoboxheader"
			\|-
			\| style="white-space: nowrap;"\| '''Overall Class:'''
			\| class="infobox"
			\|}
			* '''infobox''': Always pushes table to the right
			* '''infoboxheader''': Highlight a row or cell.
			=== Code ===
			<pre>
			{\| class="infobox"
			\|- class="infoboxheader"
			\| colspan="2" style="text-align: center;" \| class="infoboxheader"
			\|-
			\| style="white-space: nowrap;"\| '''Overall Class:'''
			\| class="infobox"
			\|}
			</pre>
			== Creating Message Box ==

			=== Example ===

			=== Code ===

			== Creation Content Boxes ==

			=== Example ===
			{\| class="contentbox" width="100%" cellpadding="2" cellspacing="5"
			! class="contentbox-th" \| <!-- Nothing ever goes here -->
			{\| class="contentbox-header"
			\| {{Click\|image=BSG WIKI Joe.png\|link=#Intro\|width=25px\|height=25px}}
			\| class="contentbox-header"
			\|}
			\|-
			\| class="contentbox"
			\|-
			\|}

			=== Code ===
			<pre>
			{\| class="contentbox" width="100%" cellpadding="2" cellspacing="5"
			! class="contentbox-th" \| <!-- Nothing ever goes here -->
			{\| class="contentbox-header"
			\| {{Click\|image=BSG WIKI Joe.png\|link=#Intro\|width=25px\|height=25px}}
			\| class="contentbox-header"
			\|}
			\|-
			\| class="contentbox"
			\|-
			\|}
			</pre>

Shane: initial save

2006-08-21T21:51:30Z

initial save

New page

{{Project|CSS|shortcut=BW:CSS}}

To help you understand how to use the new "Styles" that have been installed, this reference article has been created to tell you the most basic options on how to create "cross-compatiable" elements with all the styles. This happens because each style has there own CSS file and their own colors. So no matter how you look at the elements, they always show up the same way.