Skip to content

Commit f3216e3

Browse files
arturmamedovarturmamedov
committed
CSS - Refactored withstyle.css by moving style things into css/style/w-style.css
1 parent 20786b0 commit f3216e3

File tree

2 files changed

+122
-114
lines changed

2 files changed

+122
-114
lines changed

‎css/style/w-style.css‎

Lines changed: 121 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -7,4 +7,125 @@
77
-ms-filter: grayscale(100%);
88
-o-filter: grayscale(100%);
99
filter: grayscale(100%);
10+
}
11+
12+
13+
/* * * Tools * * */
14+
.display-none {
15+
display: none;
16+
}
17+
18+
.visibility-hidden {
19+
visibility: hidden;
20+
}
21+
22+
.overflow-hidden {
23+
overflow: hidden;
24+
}
25+
26+
.fullwidth {
27+
width: 100% !important;
28+
}
29+
30+
/* CURSOR HELPER */
31+
.cursor-pointer {
32+
cursor: pointer;
33+
}
34+
.cursor-move {cursor: move !important;}
35+
.cursor-move-arrows:before {content: "\f047"; font-family: "FontAwesome"; margin-right: 5px;}
36+
.cursor-move-arrows-after:after {content: "\f047"; font-family: "FontAwesome"; margin-left: 5px;}
37+
38+
39+
/* opacity 03 */
40+
.opacity03 {
41+
opacity: 0.3;
42+
}
43+
44+
/* Tables * /
45+
.thick-line {
46+
border-top: 2px solid;
47+
}
48+
/*
49+
.table-striped > thead > tr {
50+
background-color: #D196A4;
51+
}
52+
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
53+
background-color: #F4D9DE;
54+
}
55+
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
56+
background-color: #F2C4CE;
57+
}
58+
.table-striped > tfoot > tr {
59+
background-color: #D196A4;
60+
}
61+
/* end#Tables */
62+
63+
64+
/* max-width not work with little images and this make it wide */
65+
.img-full {
66+
width: 100%;
67+
}
68+
69+
/* unstyle link */
70+
.link-unstyled, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus {
71+
text-decoration: none;
72+
}
73+
74+
75+
/* BACKGROUNDS bg-[] */
76+
.bg-lgray {
77+
background-color: #f1f1f1;
78+
}
79+
80+
.bg-white {
81+
background: #FFFFFF;
82+
}
83+
84+
.bg-white-transparent {
85+
background: #FFFFFF;
86+
background-color: rgba(255, 255, 255, 0.78) !important;
87+
}
88+
89+
.bg-lgreen-transparent {
90+
background: none repeat scroll 0 0 rgba(200, 255, 200, 0.6);
91+
}
92+
93+
.bg-acqua {
94+
background: #DAFDFF;
95+
}
96+
97+
.bg-acqua-transparent {
98+
background: #DAFDFF;
99+
background-color: rgba(208, 253, 255, 0.78);
100+
}
101+
102+
/* Default Box shadow */
103+
.box-shadow {
104+
-webkit-box-shadow: 0 0 2px #444444;
105+
-moz-box-shadow: 0 0 2px #444444;
106+
box-shadow: 0 0 2px #444444;
107+
}
108+
109+
/* Default border radius */
110+
.border-radius {
111+
-webkit-border-radius: 7px 7px 7px 7px;
112+
border-radius: 7px 7px 7px 7px;
113+
}
114+
115+
.border-radius-bottom {
116+
-webkit-border-radius: 0 0 7px 7px;
117+
border-radius: 0 0 7px 7px;
118+
}
119+
120+
.border-radius-top {
121+
-webkit-border-radius: 7px 7px 0 0;
122+
border-radius: 7px 7px 0 0;
123+
}
124+
125+
.border-solid1 {
126+
border: 1px solid #dddddd;
127+
}
128+
129+
.border-solid1-left {
130+
border-left: 1px solid #dddddd;
10131
}

‎withstyle.css‎

Lines changed: 1 addition & 114 deletions
Original file line numberDiff line numberDiff line change
@@ -69,64 +69,11 @@ body { padding-right: 0 !important }
6969
z-index: 5000;
7070
}
7171

72-
/* * * Tools * * */
73-
.display-none {
74-
display: none;
75-
}
76-
77-
.visibility-hidden {
78-
visibility: hidden;
79-
}
80-
81-
.overflow-hidden {
82-
overflow: hidden;
83-
}
84-
85-
.fullwidth {
86-
width: 100% !important;
87-
}
88-
89-
/* CURSOR HELPER */
90-
.cursor-pointer {
91-
cursor: pointer;
92-
}
93-
.cursor-move {cursor: move !important;}
94-
.cursor-move-arrows:before {content: "\f047"; font-family: "FontAwesome"; margin-right: 5px;}
95-
.cursor-move-arrows-after:after {content: "\f047"; font-family: "FontAwesome"; margin-left: 5px;}
9672

9773
.showhideBox {
9874
cursor: pointer;
9975
}
10076

101-
/* opacity 03 */
102-
.opacity03 {
103-
opacity: 0.3;
104-
}
105-
106-
/* Tables * /
107-
.thick-line {
108-
border-top: 2px solid;
109-
}
110-
/*
111-
.table-striped > thead > tr {
112-
background-color: #D196A4;
113-
}
114-
.table-striped > tbody > tr:nth-child(2n+1) > td, .table-striped > tbody > tr:nth-child(2n+1) > th {
115-
background-color: #F4D9DE;
116-
}
117-
.table-striped > tbody > tr:nth-child(2n) > td, .table-striped > tbody > tr:nth-child(2n) > th {
118-
background-color: #F2C4CE;
119-
}
120-
.table-striped > tfoot > tr {
121-
background-color: #D196A4;
122-
}
123-
/* end#Tables */
124-
125-
126-
/* max-width not work with little images and this make it wide */
127-
.img-full {
128-
width: 100%;
129-
}
13077

13178
/* * * Bootstrap btn * * * */
13279
/* circle */
@@ -151,10 +98,7 @@ body { padding-right: 0 !important }
15198
padding: 12px 22px;
15299
}
153100

154-
/* unstyle link */
155-
.link-unstyled, .link-unstyled:hover, .link-unstyled:active, .link-unstyled:focus {
156-
text-decoration: none;
157-
}
101+
158102

159103
/* fast positions and after style="inline top,bottommleft,right: ?px" */
160104
.relpos {
@@ -209,63 +153,6 @@ body { padding-right: 0 !important }
209153
.toppos-30 {top: 30px;}
210154
.bottompos-30 {bottom: 30px;}
211155

212-
/* BACKGROUNDS bg-[] */
213-
.bg-lgray {
214-
background-color: #f1f1f1;
215-
}
216-
217-
.bg-white {
218-
background: #FFFFFF;
219-
}
220-
221-
.bg-white-transparent {
222-
background: #FFFFFF;
223-
background-color: rgba(255, 255, 255, 0.78) !important;
224-
}
225-
226-
.bg-lgreen-transparent {
227-
background: none repeat scroll 0 0 rgba(200, 255, 200, 0.6);
228-
}
229-
230-
.bg-acqua {
231-
background: #DAFDFF;
232-
}
233-
234-
.bg-acqua-transparent {
235-
background: #DAFDFF;
236-
background-color: rgba(208, 253, 255, 0.78);
237-
}
238-
239-
/* Default Box shadow */
240-
.box-shadow {
241-
-webkit-box-shadow: 0 0 2px #444444;
242-
-moz-box-shadow: 0 0 2px #444444;
243-
box-shadow: 0 0 2px #444444;
244-
}
245-
246-
/* Default border radius */
247-
.border-radius {
248-
-webkit-border-radius: 7px 7px 7px 7px;
249-
border-radius: 7px 7px 7px 7px;
250-
}
251-
252-
.border-radius-bottom {
253-
-webkit-border-radius: 0 0 7px 7px;
254-
border-radius: 0 0 7px 7px;
255-
}
256-
257-
.border-radius-top {
258-
-webkit-border-radius: 7px 7px 0 0;
259-
border-radius: 7px 7px 0 0;
260-
}
261-
262-
.border-solid1 {
263-
border: 1px solid #dddddd;
264-
}
265-
266-
.border-solid1-left {
267-
border-left: 1px solid #dddddd;
268-
}
269156

270157
/* #animation: for on-target */
271158
.target { background-color: #00e095; }

0 commit comments

Comments
 (0)