68 lines
2.2 KiB
Plaintext
68 lines
2.2 KiB
Plaintext
|
!!!
|
||
|
|
%html{ :lang => "en" }
|
||
|
|
%head
|
||
|
|
%meta{ :content => "text/html; charset=utf-8", "http-equiv" => "Content-Type" }
|
||
|
|
%title
|
||
|
|
Blueprint Buttons Sample Page
|
||
|
|
/
|
||
|
|
Framework CSS
|
||
|
|
%link{ :href => "../stylesheets/screen.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||
|
|
%link{ :href => "../stylesheets/print.css", :rel => "stylesheet", :media => "print", :type => "text/css" }
|
||
|
|
/
|
||
|
|
[if IE]><link rel="stylesheet" href="../stylesheets/ie.css" type="text/css" media="screen, projection"><![endif]
|
||
|
|
%link{ :href => "../stylesheets/buttons.css", :rel => "stylesheet", :media => "screen, projection", :type => "text/css" }
|
||
|
|
%body
|
||
|
|
.container
|
||
|
|
%h1
|
||
|
|
A Button Example Page
|
||
|
|
%hr
|
||
|
|
%h2.alt
|
||
|
|
This sample page demonstrates what you can do with the Buttons plugin.
|
||
|
|
%hr
|
||
|
|
.span-12
|
||
|
|
%h3
|
||
|
|
Link Buttons
|
||
|
|
%a.button
|
||
|
|
Link Button
|
||
|
|
%a.button.positive
|
||
|
|
Positive Button
|
||
|
|
%a.button.negative
|
||
|
|
Negative Button
|
||
|
|
.span-12.last
|
||
|
|
%h3
|
||
|
|
Real Buttons
|
||
|
|
%button
|
||
|
|
Normal Button
|
||
|
|
%button.positive
|
||
|
|
Positive Button
|
||
|
|
%button.negative
|
||
|
|
Negative Button
|
||
|
|
.span-12
|
||
|
|
%h3
|
||
|
|
Link Buttons with Images
|
||
|
|
%a.button
|
||
|
|
%img{ :src => "../images/buttons/tick.png", :alt => "" }
|
||
|
|
Save
|
||
|
|
%a.button.positive
|
||
|
|
%img{ :src => "../images/buttons/key.png", :alt => "" }
|
||
|
|
Change Password
|
||
|
|
%a.button.negative
|
||
|
|
%img{ :src => "../images/buttons/cross.png", :alt => "" }
|
||
|
|
Cancel
|
||
|
|
.span-12.last
|
||
|
|
%h3
|
||
|
|
Real Buttons with Images
|
||
|
|
%button
|
||
|
|
%img{ :src => "../images/buttons/tick.png", :alt => "" }
|
||
|
|
Save
|
||
|
|
%button.positive
|
||
|
|
%img{ :src => "../images/buttons/key.png", :alt => "" }
|
||
|
|
Change Password
|
||
|
|
%button.negative
|
||
|
|
%img{ :src => "../images/buttons/cross.png", :alt => "" }
|
||
|
|
Cancel
|
||
|
|
.span-24
|
||
|
|
%p
|
||
|
|
%a{ :href => "http://validator.w3.org/check?uri=referer" }
|
||
|
|
%img.top{ :src => "valid.png", :height => "31", :alt => "Valid HTML 4.01 Strict", :width => "88" }
|