Skip to content

Commit 5e7323f

Browse files
author
Rafael J. Staib
committed
Add styles for examples
1 parent d9ccadc commit 5e7323f

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

52 files changed

+9001
-129
lines changed

JSteps.v11.suo

45 KB
Binary file not shown.

JSteps/Content/examples.css

Lines changed: 60 additions & 32 deletions
Original file line numberDiff line numberDiff line change
@@ -75,49 +75,68 @@
7575
float: left;
7676
}
7777

78-
.wizard > .steps a
78+
.wizard > .steps a,
79+
.wizard > .steps a:hover,
80+
.wizard > .steps a:active
7981
{
8082
display: block;
8183
width: auto;
82-
height: 2.5em;
83-
padding: 0.5em 1em;
84-
background: #9ddcff;
85-
color: #2268b2;
84+
margin: 0 0.5em;
85+
padding: 1em 1em;
86+
text-decoration: none;
87+
88+
-webkit-border-radius: 5px;
89+
-moz-border-radius: 5px;
90+
border-radius: 5px;
8691
}
8792

88-
.wizard > .steps .disabled a
93+
.wizard > .steps .disabled a,
94+
.wizard > .steps .disabled a:hover,
95+
.wizard > .steps .disabled a:active
8996
{
90-
background: #9ddcff;
91-
color: #fff;
97+
background: #eee;
98+
color: #aaa;
9299
cursor: default;
93100
}
94101

95-
.wizard > .steps .current a
102+
.wizard > .steps .current a,
103+
.wizard > .steps .current a:hover,
104+
.wizard > .steps .current a:active
96105
{
97-
background: #2879d0;
106+
background: #2184be;
98107
color: #fff;
99108
cursor: default;
100109
}
101110

102-
.wizard > .steps .done a
111+
.wizard > .steps .done a,
112+
.wizard > .steps .done a:hover,
113+
.wizard > .steps .done a:active
103114
{
104-
background: #9ddcff;
105-
color: #2268b2;
115+
background: #9dc8e2;
116+
color: #fff;
106117
}
107118

108-
.wizard > .steps .error a
119+
.wizard > .steps .error a,
120+
.wizard > .steps .error a:hover,
121+
.wizard > .steps .error a:active
109122
{
110-
background: #f00;
111-
color: #474747;
123+
background: #ff3111;
124+
color: #fff;
112125
}
113126

114127
.wizard > .content
115128
{
116-
position: relative;
129+
background: #eee;
117130
display: block;
118-
width: 100%;
119-
height: 400px;
131+
margin: 0.5em;
132+
min-height: 30em;
120133
overflow: hidden;
134+
position: relative;
135+
width: auto;
136+
137+
-webkit-border-radius: 5px;
138+
-moz-border-radius: 5px;
139+
border-radius: 5px;
121140
}
122141

123142
.wizard > .content > .body
@@ -126,7 +145,7 @@
126145
position: absolute;
127146
width: 100%;
128147
height: 100%;
129-
padding: 0.5em;
148+
padding: 1em;
130149
}
131150

132151
.wizard > .content > .body ul
@@ -160,18 +179,18 @@
160179

161180
.wizard > .content > .body label.error
162181
{
163-
font-size: .85em;
164-
color: #8a1f11;
182+
color: #8a1f11;
183+
display: inline-block;
184+
margin: 0 0 1em 1.5em;
185+
vertical-align: middle;
165186
}
166187

167188
.wizard > .actions
168189
{
169190
position: relative;
170191
display: block;
171-
width: 100%;
172-
height: 2.5em;
173192
text-align: right;
174-
margin-top: 1em;
193+
width: 100%;
175194
}
176195

177196
.wizard > .actions > ul
@@ -185,18 +204,27 @@
185204
margin: 0 0.5em;
186205
}
187206

188-
.wizard > .actions a
207+
.wizard > .actions a,
208+
.wizard > .actions a:hover,
209+
.wizard > .actions a:active
189210
{
190-
display: block;
211+
background: #2184be;
191212
color: #fff;
192-
background: #2879d0;
193-
height: 2em;
194-
padding: 0.5em;
213+
display: block;
214+
padding: 0.5em 1em;
215+
text-decoration: none;
216+
217+
-webkit-border-radius: 5px;
218+
-moz-border-radius: 5px;
219+
border-radius: 5px;
195220
}
196221

197-
.wizard > .actions .disabled a
222+
.wizard > .actions .disabled a,
223+
.wizard > .actions .disabled a:hover,
224+
.wizard > .actions .disabled a:active
198225
{
199-
background: #9ddcff;
226+
background: #eee;
227+
color: #aaa;
200228
}
201229

202230
.wizard > .loading

0 commit comments

Comments
 (0)