Show Menu
Cheatography

miiiCasa CSS Cheat Sheet Cheat Sheet by

Style Cheat Sheet

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

$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

$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

$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

$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

$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

$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

It seems no longer used.

Descri­ption :
Edit button
                           
 

Comments

No comments yet. Add yours below!

Add a Comment

Your Comment

Please enter your name.

    Please enter your email address

      Please enter your Comment.

          Related Cheat Sheets

          Font Awesome Cheat Sheet
            Font Awesome Icons Cheat Sheet by James Croft