Skip to content

Commit f765933

Browse files
byfarzinbyfarzin
committed
Dashboard, tables, login , signup and ... improved.
1 parent 603505e commit f765933

23 files changed

Lines changed: 334 additions & 606 deletions

‎BlogEngine/BlogEngine.NET/Account/account.css‎

Lines changed: 33 additions & 327 deletions
Original file line numberDiff line numberDiff line change
@@ -1,327 +1,33 @@
1-
body {
2-
padding-top: 40px;
3-
padding-bottom: 40px;
4-
background-color: #eee;
5-
}
6-
7-
.container {
8-
max-width: 460px;
9-
}
10-
11-
.account-header {
12-
margin-bottom: 20px;
13-
position: relative;
14-
top: 5px;
15-
opacity: 0;
16-
}
17-
18-
.account-header .returnblog {
19-
position: relative;
20-
top: 20px;
21-
}
22-
23-
.account {
24-
background-color: #fff;
25-
border-radius: 8px;
26-
padding: 6% 7% 6%;
27-
margin: 0;
28-
position: relative;
29-
top: -5px;
30-
opacity: 0;
31-
}
32-
33-
.account table {
34-
width: 100%;
35-
}
36-
37-
.account .page-header {
38-
margin: 0 0 20px;
39-
padding-bottom: 25px;
40-
}
41-
42-
43-
.account .page-header h3 {
44-
margin: 0;
45-
}
46-
47-
.warning {
48-
padding: 15px;
49-
margin-bottom: 20px;
50-
border: 1px solid transparent;
51-
border-radius: 7px;
52-
color: rgb(185, 74, 72);
53-
background-color: rgb(242, 222, 222);
54-
border-color: rgb(235, 204, 209);
55-
margin-top: 15px;
56-
}
57-
58-
.success {
59-
background-color: #00ff90;
60-
border: 1px solid #808080;
61-
border-radius: 7px;
62-
color: #000;
63-
margin-bottom: 20px;
64-
margin-top: 15px;
65-
padding: 15px;
66-
}
67-
68-
.warning a {
69-
color: rgb(174, 19, 16);
70-
}
71-
72-
.ltr-dir {
73-
direction: ltr;
74-
}
75-
76-
/*[ if active RTL languge ]*/
77-
.rtl {
78-
font-family: Tahoma,arial,sans-serif;
79-
direction: rtl;
80-
}
81-
82-
.rtl .pull-right {
83-
float: left !important;
84-
}
85-
86-
.rtl .pull-left {
87-
float: right !important;
88-
}
89-
90-
.rtl .text-right {
91-
text-align: left !important;
92-
}
93-
94-
.rtl .text-left {
95-
text-align: left !important;
96-
}
97-
98-
.rtl .btn i, .rtl a i {
99-
margin-right: 0;
100-
margin-left: 4px;
101-
}
102-
103-
.rtl .col-md-1,
104-
.rtl .col-md-2,
105-
.rtl .col-md-3,
106-
.rtl .col-md-4,
107-
.rtl .col-md-5,
108-
.rtl .col-md-6,
109-
.rtl .col-md-7,
110-
.rtl .col-md-8,
111-
.rtl .col-md-9,
112-
.rtl .col-md-10,
113-
.rtl .col-md-11 {
114-
float: right !important;
115-
}
116-
117-
.rtl .col-md-offset-12 {
118-
margin-left: 0 !important;
119-
margin-right: 100%;
120-
}
121-
122-
.rtl .col-md-offset-11 {
123-
margin-left: 0 !important;
124-
margin-right: 91.66666666666666% !important;
125-
}
126-
127-
.rtl .col-md-offset-10 {
128-
margin-left: 0 !important;
129-
margin-right: 83.33333333333334% !important;
130-
}
131-
132-
.rtl .col-md-offset-9 {
133-
margin-left: 0 !important;
134-
margin-right: 75% !important;
135-
}
136-
137-
.rtl .col-md-offset-8 {
138-
margin-left: 0 !important;
139-
margin-right: 66.66666666666666% !important;
140-
}
141-
142-
.rtl .col-md-offset-7 {
143-
margin-left: 0 !important;
144-
margin-right: 58.333333333333336% !important;
145-
}
146-
147-
.rtl .col-md-offset-6 {
148-
margin-left: 0 !important;
149-
margin-right: 50% !important;
150-
}
151-
152-
.rtl .col-md-offset-5 {
153-
margin-left: 0 !important;
154-
margin-right: 41.66666666666667% !important;
155-
}
156-
157-
.rtl .col-md-offset-4 {
158-
margin-left: 0 !important;
159-
margin-right: 33.33333333333333% !important;
160-
}
161-
162-
.rtl .col-md-offset-3 {
163-
margin-left: 0 !important;
164-
margin-right: 25% !important;
165-
}
166-
167-
.rtl .col-md-offset-2 {
168-
margin-left: 0 !important;
169-
margin-right: 16.666666666666664% !important;
170-
}
171-
172-
.rtl .col-md-offset-1 {
173-
margin-left: 0 !important;
174-
margin-right: 8.333333333333332% !important;
175-
}
176-
177-
/*[Radio]*/
178-
.rtl .radio input[type="radio"],
179-
.rtl .radio-inline input[type="radio"],
180-
.rtl .checkbox input[type="checkbox"],
181-
.rtl .checkbox-inline input[type="checkbox"] {
182-
float: right;
183-
margin-left: 5px;
184-
}
185-
186-
/*[table]*/
187-
.rtl table,
188-
.rtl .table .table-item-title {
189-
text-align: right;
190-
font-family: Tahoma;
191-
}
192-
193-
/*[header]*/
194-
.rtl .page-header h2.page-title {
195-
font-family: 'B Mitra',arial;
196-
}
197-
/*[nav]*/
198-
.rtl .nav {
199-
padding-right: 0;
200-
}
201-
202-
.rtl .navbar-nav {
203-
float: right;
204-
}
205-
206-
.rtl .navbar-nav > li,
207-
.rtl .nav-pills > li {
208-
float: right;
209-
}
210-
211-
.rtl .navbar-right {
212-
float: left !important;
213-
}
214-
215-
.rtl .navbar-right .dropdown-menu {
216-
right: auto !important;
217-
left: 0 !important;
218-
}
219-
220-
/*[.list-group]*/
221-
.rtl .list-group {
222-
padding-right: 0;
223-
}
224-
225-
.rtl .pagination {
226-
padding-right: 0;
227-
}
228-
229-
.rtl .search-grid {
230-
margin-left: 0;
231-
margin-right: 5px;
232-
}
233-
234-
.rtl .btn-group > .btn,
235-
.rtl .btn-group-vertical > .btn {
236-
float: right;
237-
}
238-
239-
.rtl .btn-group > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
240-
border-top-left-radius: 0px;
241-
border-bottom-left-radius: 0px;
242-
border-top-right-radius: 3px;
243-
border-bottom-right-radius: 3px;
244-
}
245-
246-
.rtl .btn-group > .btn:last-child:not(:first-child),
247-
.rtl .btn-group > .dropdown-toggle:not(:first-child) {
248-
border-top-left-radius: 3px;
249-
border-bottom-left-radius: 3px;
250-
border-top-right-radius: 0px;
251-
border-bottom-right-radius: 0px;
252-
}
253-
254-
.rtl .btn-group .btn + .btn,
255-
.rtl .btn-group .btn + .btn-group,
256-
.rtl .btn-group .btn-group + .btn,
257-
.rtl .btn-group .btn-group + .btn-group {
258-
margin-left: 0 !important;
259-
margin-right: -1px;
260-
}
261-
262-
.rtl .page-header .btn-header {
263-
font-size: 13px;
264-
font-weight: bold;
265-
}
266-
267-
.rtl .close {
268-
float: left !important;
269-
}
270-
271-
.rtl .modal-footer {
272-
text-align: left;
273-
}
274-
275-
/**/
276-
.rtl .btn-toolbar .btn-group {
277-
float: right;
278-
}
279-
280-
.rtl .btn-toolbar > .btn + .btn,
281-
.rtl .btn-toolbar > .btn-group + .btn,
282-
.rtl .btn-toolbar > .btn + .btn-group,
283-
.rtl .btn-toolbar > .btn-group + .btn-group {
284-
margin-left: 0;
285-
margin-right: 4px !important;
286-
}
287-
288-
@media screen and (max-width:360px) {
289-
body {
290-
background-color: #fff !important;
291-
padding-top: 20px;
292-
}
293-
294-
.account.well {
295-
opacity: 1 !important;
296-
top: 0 !important;
297-
border: none !important;
298-
padding: 0 !important;
299-
box-shadow: none;
300-
}
301-
302-
.account-header {
303-
opacity: 1 !important;
304-
top: 0;
305-
border-bottom: 1px solid #CCC;
306-
padding-bottom: 30px;
307-
width: 100% !important;
308-
}
309-
310-
.logo {
311-
display: block;
312-
text-align: center;
313-
}
314-
315-
.account-header a {
316-
float: none !important;
317-
text-align: center;
318-
display: block;
319-
}
320-
321-
.page-header {
322-
border-bottom: none;
323-
background-color: #EEE;
324-
padding: 10px !important;
325-
border-radius: 4px;
326-
}
327-
}
1+
body, html { background-color: #eee; height: 100%; font-family: 'Roboto', sans-serif; font-weight: 400; }
2+
a { text-decoration: none !important; }
3+
form { height: 100%; }
4+
.container { max-width: 320px; }
5+
.account { padding-top: 100px; }
6+
.back-to-blog { position: absolute; left: 10px; top: 10px; font-size: 11px; text-transform: uppercase; color: #666 !important; display: block; line-height: 33px; border: 1px solid #ddd; padding: 0 15px 0 10px; height: 34px; }
7+
.back-to-blog img { position: relative; top: -1px; width: 18px; height: 18px; margin-right: 10px; opacity: 0.5; }
8+
.account-header { margin-bottom: 50px; }
9+
.account-header img { width: 200px; }
10+
.btn { margin-bottom: 30px; border-radius: 0; -webkit-border-bottom-right-radius: 3px; -webkit-border-bottom-left-radius: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-bottomleft: 3px; border-bottom-right-radius: 3px; border-bottom-left-radius: 3px; text-transform: uppercase; height: 50px; }
11+
.btn-success { background-color: #46be8a; border-color: #46be8a; outline: none !important; }
12+
.btn-success:hover, .btn-success:focus, btn-success:active { background: #31AA75 !important; border-color: #31AA75 !important; }
13+
.form-group { background-color: #fff; margin-bottom: 1px; position: relative; height: 60px; overflow: hidden; }
14+
.form-group.first-child { -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px; border-top-left-radius: 3px; border-top-right-radius: 3px; }
15+
.form-group input[type=text],
16+
.form-group input[type=password],
17+
.form-group .label-title { background: #ffffff !important; outline: none; border: none; width: 100%; display: block; line-height: 35px; margin: 0 !important; font-weight: normal; box-shadow: none !important; -webkit-box-shadow: 0 0 0px 1000px white inset !important; height: 35px; }
18+
.form-group.with-icon { height: 50px; }
19+
.form-group.with-icon input[type=text],
20+
.form-group.with-icon input[type=password],
21+
.form-group.with-icon .label-title { padding-left: 60px; height: 50px; line-height: 48px; }
22+
.form-group label { cursor: pointer; font-weight: normal; }
23+
.form-group input:focus { }
24+
.form-group .icon-user { width: 24px; height: 24px; top: 12px; left: 12px; }
25+
.form-group .icon-pass { width: 20px; height: 20px; top: 14px; left: 14px; }
26+
.form-group .icon-form-group { display: block; position: absolute; text-align: center; width: 50px; height: 50px; line-height: 50px; }
27+
.form-group .icon-form-group img { opacity: 0.5; }
28+
.label-up { height: 20px; line-height: 35px; padding-left: 10px; text-transform: uppercase; font-size: 11px; display: block; }
29+
.small-link { font-size: 10px; }
30+
.warning { background-color: #f96868; border-radius: 3px; line-height: 50px; padding: 0 15px 0 25px; color: #fff; margin-top: 30px; }
31+
.warning a { color: #fff; }
32+
.page-header { text-align: center; text-transform: uppercase; font-size: 18px; color: #aaa; letter-spacing: 2px; font-weight: normal; }
33+
table { width: 100%; }

0 commit comments

Comments
 (0)