Settings mockup

2011-09-10 03:30:03 +04:00
parent fe7737574d
commit 60cde9084f
10 changed files with 221 additions and 143 deletions
@@ -0,0 +1,65 @@
+%h1 Settings
+%ul.tabs
+  %li.active
+    %a{ :href => "#" } Account
+  %li
+    %a{ :href => "#" } Site
+  %li
+    %a{ :href => "#" } Music
+  %li
+    %a{ :href => "#" } Last.fm
+
+.forms
+  .form.account
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "input-username" } Username
+          .input
+            %input.xlarge#input-username{ :name => "input-username", :size => 30, :type => "text" }
+        .clearfix
+          %label{ :for => "input-email" } Email
+          .input
+            %input.xlarge#input-email{ :name => "input-email", :size => 30, :type => "text" }
+  .form.site
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "select-lang" } Language
+          .input
+            %select.medium#select-lang{ :name => "select-lang" }
+              %option English
+              %option Русский
+  .form.music
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "select-lang" } Show
+          .input
+            %ul.inputs-list
+              %li
+                %label.disabled
+                  %input{ :name => "show-album", :type => "checkbox", :checked => "checked", :disabled => "disabled" }
+                  %span Albums
+              %li
+                %label
+                  %input{ :name => "show-single", :type => "checkbox" }
+                  %span Singles
+              %li
+                %label
+                  %input{ :name => "show-live", :type => "checkbox" }
+                  %span Live shows
+              %li
+                %label
+                  %input{ :name => "show-bootleg", :type => "checkbox" }
+                  %span Bootlegs
+  .form.lastfm
+    %form
+      %fieldset
+        .clearfix
+          %label{ :for => "input-username" } Username
+          .input
+            .input-append
+              %input#input-username{ :name => "input-username", :type => "text", :size => 30 }
+              %label.add-on
+                %input{ :type => "checkbox" }