miiiCasa CSS Cheat Sheet

A Programming › CSS cheat sheet in English by kvzhuang

Style Cheat Sheet

14,155 views 4,193 downloads 16 Aug 2012 History
4.9 avg · 2 ratings

Font Cheat Sheet

Type
Class Name
Font Size (px)
Font Size (%)
H1
x3-large
28px
215.4%
H2
x2-large
24px
182.5%
H3
x-large
19px, Bold
146.5%
H4
large
16 px, Bold
123.1%
H5
med-large
16 px
123.1%
H6
medium
15px
116%
H7
med-small
14px, Bold
108%
H8
small
14 px
108%

Button Fields

Field
Descri­ption
Default Value
tag
The HTML tag name.
button
button
core, stick, form, exclusive, edit, task, table.
core
type
submit, reset, button.
submit (if tag is button or input)
label
The label text .
Label Text
class
The extra class name .
disabled
Disabled or not.
false
href
href attribute.
# (if tag is a)
target
Target attribute.
_self (if tag is a)(_self, _blank or some target)
title
Title attribute.
# (if tag is a)
tabindex
Tabindex attribute.
name
The form name attribute.
value
The value attribute.

Exclusive Button

Exclusive Button
$var = button(
array(
"­but­ton­" => "­exc­lus­ive­",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­hre­f" => $url ,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption:
For no content module, Promot­ional page

Form Button

Form Button
$var = button(
array(
"­but­ton­" => "­cor­e",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­typ­e" => "­sub­mit­",
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page/Popup action button

Task Button

Task Button
$var = button(
array(
"­but­ton­" => "­tas­k",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­hre­f" => $url,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE,
)
);

Descri­ption :
Page main functional button

Stick Button

Stick Button
$var = button(
array(
"­but­ton­" => "­sti­ck",
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­lab­el" => $lang[­"­key­"],
"­hre­f" => $url,
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page sub functional button (Stick Viewport)

Table Button

Table Button
$var = button(
array(
"­but­ton­" => "­tab­le",
"­hre­f" => $url,
"­nam­e" => "­but­ton­-na­me",
"­val­ue" => $value,
"­lab­el" => $lang[­"­key­"],
"­cla­ss" => "­lab­el-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
Page sub sub functional button

Core Button

Core Button
$var = button(
array(
"­but­ton­" => "­cor­e",
"­nam­e" => "­but­ton­-na­me",
"­tar­get­" => "­_bl­ank­",
"­hre­f" => $url,
"­lab­el" => $lang[­"­lab­el-­nam­e"],
"­cla­ss" => "­cla­ss-­nam­e",
"­dis­abl­ed" => FALSE
)
);
Descri­ption :
For user badge

Edit Button

Edit Button
It seems no longer used.

Descri­ption :
Edit button

Badges

Nice Cheat Sheet Good Cheat Sheet Downloaded from Unusual Locations × 1

Comments

No comments yet.

Cheatography n. The art of mapping complex subjects into clear, instantly navigable reference guides.