Show Menu

miiiCasa CSS Cheat Sheet by kvzhuang

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, excl­usi­ve, edit, task, table.
core
type
subm­it, reset, butt­on.
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 Viewpo­rt)
 

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
 

Share This Cheat Sheet!

Favourited by 3 Members:

webdevo miiicasa kvzhuang

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.