User:Trevor MacInnis/sandbox/Code
From Wikipedia, the free encyclopedia
These is a depository for CSS code that I like may or may not be using.
Ref:
[edit] To add
- tab stuff from User:Jossi
How-to:
[edit] TABLES
Title 1 | Title 2 |
|
Item 2 |
[edit] Sortable Table
Header | H2 | H3 | H4 | H5 | H6 |
---|---|---|---|---|---|
A | 2 | 3 | 4 | 5 | 6 |
Be | 20 | 30 | 40 | 50 | 60 |
Cee | 3 | 4 | 5 | 6 | 7 |
Q | 0 | 87 | 4000 | 6 | 7 |
Lists of people |
---|
By name |
hi |
hi
Adding many different syles are posssible here.
hi
Borders | ||
Code | Sub-part | What it does |
border: *; | thick solid #DDDDCC | thick solid border color by code |
" | thin solid yellow | thin solid border line color by name |
border-width:2px; | Make border certain width | |
border-style:*; | solid | solid border line |
" | dashed | solid border line |
" | dotted | solid border line |
" | ridge | frame-like border line |
" | groove | grooved-like border line |
" | inset/outset | inset/outset border line |
border-color:#27160E; | border color | |
border-bottom: 1px solid #AAAAAA; | combination of all of the above | |
-moz-border-radius: 10px; | make border corners rounded (Mozilla only) | |
-moz-border-radius-*,: 10px; | topright | makes topright border corners rounded (Mozilla only) |
" | topleft/bottomright/bottomleft | makes other border corners rounded (Mozilla only) |
Text | ||
Code | Sub-part | What it does |
line-height:1.5; | text line height | |
font-color: #000000; | font color by code | |
font-family: Trebuchet MS, Gill Sans; | Optima, Trebuchet MS, sans-serif; | font style |
" | Helvetica, Arial, Verdana, sans-serif | font style |
" | Lucida Sans Unicode | font style |
font-variant: small-caps; | small caps | |
font-size: smaller; | font size | |
" | large/x-large | other font sizes |
letter-spacing: -0.4px; | spacing between letters? |
Text | ||
Code | Sub-part | What it does |
margin-left: -1em; | margin from text/border/etc (-1 left right puts it right up to edge of page) | |
margin-*: -1em; | right/top/bottom | margin from text/border/etc |
background: #E0EEE0; | color of background by code | |
background-color:#dc143c; | color of background by code |
[edit] PAGE LAYOUT
[edit] Header/Footer(Content)/Sideboxes
Stuff in here, image etc. | Big Title | Stuff here 2 image etc |
Inner box text |
[edit] Box
|
[edit] Different box
|
|
editToday's featured article | |
The Fundamental Rights, Directive Principles and Fundamental Duties of India are sections of the Constitution of India that prescribe the fundamental obligations of the State to the citizens, and the duties of the citizens with respect to the State. These sections comprise a constitutional bill of rights, guidelines for government policy-making, and the behaviour and conduct of citizens. These sections are considered vital elements of the constitution, which was developed between 1947 and 1949 by the Constituent Assembly of India. The Fundamental Rights are defined as the basic human rights of all citizens. The Directive Principles of State Policy are guidelines for the framing of laws by the government. The Fundamental Duties are defined as the moral obligations of all citizens to help to promote a spirit of patriotism and to uphold the unity of India. Like the Directive Principles, they are not legally enforceable. (more...)
Recently featured: Green and Golden Bell Frog – Iranian peoples – Ina Garten |
[edit] Different Bar
Code | NAVIGATION | |
[edit] Two columns of boxes
[edit] Buttons
|
[edit] Whats this?
[edit] HEADERS
[edit] Simple Separate Header
Big Title |
[edit] Multi colored header box
Trevor MacInnis/sandbox/Code
This box as two colors in the header
[edit] Computer screen looking
[edit] header with tall letters
[edit] black with three vertical lines at start
||||| | Welcome... |
hello
[edit] Grey buttons
[edit] Curvy and blue w/buttons
[edit] My Websites |
|||
|
[edit] Image in the corner
Wikisaurus: | ||||
---|---|---|---|---|
[[{{{1}}}]] | ||||
For information on WikiSaurus formatting and how to create a new WikiSaurus entry please see Creating a Wikisaurus entry. |
[edit] Dark blue w white text
Wiktionary | WikiSaurus | Sense |
[edit] 3D'ish
This is a Wikipedia user page.
This is not an encyclopedia article. If you find this page on any site other than Wikipedia, you are viewing a mirror site. Be aware that the page may be outdated and that the user this page belongs to may have no personal affiliation with any site other than Wikipedia itself. The original page is located at http://en.wikipedia.org/wiki/User:Trevor MacInnis. |
[edit] FOOTER
[edit] Simple Separate Footer
footer box text |
[edit] HEADER AND FOOTER
[edit] Simple Footer/Header Together
Big Title |
footer box text |
[edit] header/footer w/icons
here is some good styled text
another para |
||
50.000+ | Link 1 – Link 2 | |
10.000+ | another | |
1.000+ | wha? | |
< 1.000 | de – fr – ja – pl – sv – zh – |
[edit] or - end pic right
[edit] or - Lead pic right
user:
Trevor MacInnis
[edit] CONTENT
[edit] Dropcap
Using css:
Lorem ipsum dolor sit amet, consectetuer adipiscing elit, sed diam nonummy nibh euismod tincidunt ut laoreet dolore magna aliquam erat volutpat. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi. Ut wisi enim ad minim veniam, quis nostrud exerci tation ullamcorper suscipit lobortis nisl ut aliquip ex ea commodo consequat. Duis autem vel eum iriure dolor in hendrerit in vulputate velit esse molestie consequat, vel illum dolore eu feugiat nulla facilisis at vero eros et accumsan et iusto odio dignissim qui blandit praesent luptatum zzril delenit augue duis dolore te feugait nulla facilisi.[edit] Fonts allowed in Wikipedia
Comic Sans MS
Impact
Trebuchet MS
Lucida Handwriting
Lucida Calligraphy
Lucida Console
Font Name: | Example of font: |
Agency FB | Example |
Algerian | Example |
Andale Mono IPA | Example |
Arial | Example |
Arial Black | Example |
Arial Narrow | Example |
Arial Rounded MT Bold | Example |
Baskerville Old Face | Example |
Bauhaus 93 | Example |
Bell MT | Example |
Berlin Sans FB | Example |
Berlin Sans FB Demi | Example |
Bernard MT Condensed | Example |
Blackadder ITC | Example |
Bodoni MT | Example |
Bodoni MT Black | Example |
Bodoni MT Condensed | Example |
Bodoni MT Poster Compressed | Example |
Book Antiqua | Example |
Bookman Old Style | Example |
Bradley Hand ITC | Example |
Britannic Bold | Example |
Broadway | Example |
Brush Script MT | Example |
Californian FB | Example |
Calisto MT | Example |
Castellar | Example |
Centaur | Example |
Century Gothic | Example |
Century Schoolbook | Example |
Chiller | Example |
Colonna MT | Example |
Comic Sans MS | Example |
Cooper Black | Example |
Copperplate Gothic Bold | Example |
Copperplate Gothic Light | Example |
Courier New | Example |
Curlz MT | Example |
Edwardian Script ITC | Example |
Elephant | Example |
Engravers MT | Example |
Eras Bold ITC | Example |
Eras Demi ITC | Example |
Eras Light ITC | Example |
Eras Medium ITC | Example |
Felix Titling | Example |
Footlight MT Light | Example |
Forte | Example |
Franklin Gothic Book | Example |
Franklin Gothic Demi | Example |
Franklin Gothic Heavy | Example |
Franklin Gothic Medium | Example |
Franklin Gothic Medium Cond | Example |
Freestyle Script | Example |
French Script MT | Example |
Garamond | Example |
Georgia | Example |
Gigi | Example |
Gill Sans MT | Example |
GulimChe | Example |
Impact | Example |
Lucida Console | Example |
Lucida Handwriting | Example |
Marlett | Example |
MingLiU | Example |
Monotype Corsiva | Example |
MS Gothic | Example |
MS Hei | Example |
MS Outlook | Example |
MS Song | Example |
Symbol | Example |
Tahoma | Example |
Times New Roman | Example |
Trebuchet MS | Example |
Webdings | Example |
Wingdings | Example |
Wingdings 2 | Example |
Wingdings 3 | Example |
[edit] Pinned up note
From User:Jaranda
[edit] scrolling box
[edit] Articles Created:
- a
- b
- c
[edit] Significant edits:
- Starting
- Added
- Restarted
- Rewrote
- Tidied up
- Improved
[edit] Templates created:
- a
[edit] Todo:
- a
[edit] SHOW/HIDE
See MediaWiki:Monobook.css for original codeing.
[edit] or (with hidden image and in template form)
[edit] or
[edit] or
[edit] or
[edit] CALENDARS
[edit] or
[edit] or
(from Template:Today)
[edit] BOXES
[edit] tab box
Recently featured: Green and Golden Bell Frog – Iranian peoples – Ina Garten
Sommario
|
||
modifica | ||
The Fundamental Rights, Directive Principles and Fundamental Duties of India are sections of the Constitution of India that prescribe the fundamental obligations of the State to the citizens, and the duties of the citizens with respect to the State. These sections comprise a constitutional bill of rights, guidelines for government policy-making, and the behaviour and conduct of citizens. These sections are considered vital elements of the constitution, which was developed between 1947 and 1949 by the Constituent Assembly of India. The Fundamental Rights are defined as the basic human rights of all citizens. The Directive Principles of State Policy are guidelines for the framing of laws by the government. The Fundamental Duties are defined as the moral obligations of all citizens to help to promote a spirit of patriotism and to uphold the unity of India. Like the Directive Principles, they are not legally enforceable. (more...) | ||
[edit] box with sidebar
title... dfgsdsddsfgsdgsdg |
edit |
[edit] Box list, color titles
12 December 2006 05:48 (UTC) |
Title 1 |
|
Titole 2 |
|
[edit] table grey header, black line
Recent changes by namespace | |
---|---|
Title 1 |
Title 2 |
[edit] box/table with colors
Chicago Transit Authority Chicago L System |
|
Red Line | |
Orange Line | |
Yellow Line | |
Green Line | |
Blue Line | |
Purple Line | |
Brown Line |
[edit] Green 3D'ish
[edit] Intro
Trevor MacInnis is a Wikipedia user who started editing and contributing on X 2006. Blah
[edit] Borders etc
[edit] Welcome!
…to my user page!
[edit] Unsorted Thoughts on Wikipedia
I'm rather unhappy
[edit] Hobbies
[edit] Topics of Interest on Wikipedia
[edit] Things to Be Proud of
I've written one
[edit] VARIOUS CODE
[edit] make pic a link
[edit] make a pic opaque
[edit] Quotes
[edit] artistic
The quote goes here and looks pretty cool, especially when it runs to more than one line. |
The quote goes here and looks pretty cool, especially when it runs to more than one line.The quote goes here and looks pretty cool, especially when it runs to more than one line. |
[edit] text
“ | This is a quote taken from a textbook, magazine etc... | „ |
—Author, Book name[1] |
[edit] link goes to "year in" of page title
- Architecture
[edit] CURRENTTIME (in minutes from 00Z)
348
[edit] Random number generator (See User:Misza13/Random
9
[edit] List on page in columns
[edit] tests
[edit] CSS rounded corners
[edit] This is a header
This is for your content.
[edit] drop shadow box
Some title
Some text here. Some text here.
Some text here. Some text here.
Some text here. Some text here.
Some text here. Some text here.
[edit] drop shadow box (using no images)
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.
[edit] What is this for. I cant remember!!!
[edit] try an id
- navcontainer
{ width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #333; }
- navcontainer ul
{ list-style: none; margin: 0; padding: 0; border: none; }
- navcontainer li
{ border-bottom: 1px solid #90bade; margin: 0; }
- navcontainer li a
{ display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; }
html>body #navcontainer li a { width: auto; }
- navcontainer li a:hover
{ border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }
[edit] or a class
.navcontainer { width: 12em; border-right: 1px solid #000; padding: 0 0 1em 0; margin-bottom: 1em; font-family: Verdana, Lucida, Geneva, Helvetica, Arial, sans-serif; background-color: #90bade; color: #333; }
.navcontainer ul { list-style: none; margin: 0; padding: 0; border: none; }
.navcontainer li { border-bottom: 1px solid #90bade; margin: 0; }
.navcontainer li a { display: block; padding: 5px 5px 5px 0.5em; border-left: 10px solid #1958b7; border-right: 10px solid #508fc4; background-color: #2175bc; color: #fff; text-decoration: none; width: 100%; }
html>body .navcontainer li a { width: auto; }
.navcontainer li a:hover { border-left: 10px solid #1c64d1; border-right: 10px solid #5ba3e0; background-color: #2586d7; color: #fff; }