[Notice] Announcing the End of Demo Server [Read me]

hive design applied
@ec11bda9afb43c800e70cb8e4c8ff4ae44ac47b2
--- .gitignore
+++ .gitignore
... | ... | @@ -18,4 +18,5 @@ |
18 | 18 |
RUNNING_PID |
19 | 19 |
db |
20 | 20 |
*.db |
21 |
-.DS_Store(파일 끝에 줄바꿈 문자 없음) |
|
21 |
+.DS_Store |
|
22 |
+bin(파일 끝에 줄바꿈 문자 없음) |
--- app/assets/stylesheets/less/_common.less
+++ app/assets/stylesheets/less/_common.less
... | ... | @@ -3,6 +3,7 @@ |
3 | 3 |
} |
4 | 4 |
|
5 | 5 |
body { |
6 |
+ /* |
|
6 | 7 |
background-repeat: no-repeat; |
7 | 8 |
background-color: #8cc8ce; |
8 | 9 |
background-position: center bottom, center top; |
... | ... | @@ -11,18 +12,10 @@ |
11 | 12 |
background-color: #22262c; |
12 | 13 |
background-image: url("/images/bg_night.png"); |
13 | 14 |
} |
14 |
- |
|
15 |
+ */ |
|
16 |
+ font-family: @base-font-family; |
|
15 | 17 |
} |
16 |
- |
|
17 |
-code { |
|
18 |
- font-size: 12px; |
|
19 |
-} |
|
20 |
- |
|
21 |
-pre { |
|
22 |
- padding: 0px; |
|
23 |
- margin: 10px; |
|
24 |
- border: none; |
|
25 |
-} |
|
18 |
+input, button, select, textarea { font-family: @base-font-family !important; } |
|
26 | 19 |
|
27 | 20 |
a { |
28 | 21 |
color: inherit; |
... | ... | @@ -55,19 +48,17 @@ |
55 | 48 |
.n-alert { |
56 | 49 |
overflow: hidden; |
57 | 50 |
.n-inner { |
51 |
+ cursor:pointer; |
|
52 |
+ |
|
58 | 53 |
float: left; |
59 | 54 |
font-size: 11px; |
60 |
- border: 1px solid #93C0C8; |
|
61 |
- color: #4092A1; |
|
62 |
- background-color: #E8f6f9; |
|
55 |
+ border: 1px solid #FAC7AB; |
|
56 |
+ /*border: 1px solid #93C0C8;*/ |
|
57 |
+ color: @orange; /*#4092A1;*/ |
|
58 |
+ background-color: #FFF0E8; /*#E8f6f9;*/ |
|
63 | 59 |
padding: 0 7px; |
64 | 60 |
line-height: 25px; |
65 | 61 |
.border-radius(2px); |
66 |
- &.orange { |
|
67 |
- color: @orange; |
|
68 |
- background-color: #FFF0E8; |
|
69 |
- border: 1px solid #FAC7AB; |
|
70 |
- } |
|
71 | 62 |
} |
72 | 63 |
margin-bottom: 5px; |
73 | 64 |
} |
... | ... | @@ -104,7 +95,7 @@ |
104 | 95 |
font-size: 12px; |
105 | 96 |
color: #8E9094; |
106 | 97 |
.current { |
107 |
- color: #4489A4; |
|
98 |
+ color: @orange; /*#4489A4;*/ |
|
108 | 99 |
font-weight: bold; |
109 | 100 |
} |
110 | 101 |
&.ikon { |
... | ... | @@ -117,7 +108,7 @@ |
117 | 108 |
padding: 0 5px; |
118 | 109 |
span { |
119 | 110 |
font-size: 11px; |
120 |
- color: #4489A4; |
|
111 |
+ color: @orange; /*#4489A4;*/ |
|
121 | 112 |
&.off { |
122 | 113 |
color: #8E9094; |
123 | 114 |
} |
... | ... | @@ -127,26 +118,50 @@ |
127 | 118 |
} |
128 | 119 |
} |
129 | 120 |
.progress { |
130 |
- &.n4 { |
|
131 |
- height: 7px; |
|
132 |
- margin-bottom: 5px; |
|
133 |
- .orange { |
|
134 |
- background-color: #f28149; |
|
135 |
- background-image: -moz-linear-gradient(top, #f28149, #f28149); |
|
136 |
- background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#f28149), to(#f28149)); |
|
137 |
- background-image: -webkit-linear-gradient(top, #f281490, #f28149); |
|
138 |
- background-image: -o-linear-gradient(top, #f28149, #f28149); |
|
139 |
- background-image: linear-gradient(to bottom, #f28149, #f28149); |
|
140 |
- background-repeat: repeat-x; |
|
141 |
- filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff28149', endColorstr='#ff28149', GradientType=0); |
|
142 |
- .box-shadow(none); |
|
143 |
- } |
|
121 |
+ height: 7px; |
|
122 |
+ margin-bottom: 5px; |
|
123 |
+ background:#b1b1b1; |
|
124 |
+ .box-shadow(inset 0px 1px 1px rgba(0,0,0,0.25)); |
|
125 |
+ .bar { |
|
126 |
+ &.orange { background:@orange; .box-shadow(none); } // #f28149 |
|
127 |
+ &.blue { background:@blue; .box-shadow(none); } |
|
144 | 128 |
} |
145 | 129 |
} |
146 | 130 |
.img-rounded { |
147 | 131 |
.border-radius(3px) !important; |
148 | 132 |
border: 1px solid #CCC; |
149 | 133 |
} |
150 |
-.gray { |
|
151 |
- color: @gray-99 |
|
152 |
-}(파일 끝에 줄바꿈 문자 없음) |
|
134 |
+ |
|
135 |
+.orange-txt { |
|
136 |
+ color:@orange !important; |
|
137 |
+} |
|
138 |
+.center-txt { |
|
139 |
+ text-align:center; |
|
140 |
+} |
|
141 |
+ |
|
142 |
+.bgblack { |
|
143 |
+ background:#000; |
|
144 |
+} |
|
145 |
+.bgwhite { |
|
146 |
+ background:#fff; |
|
147 |
+} |
|
148 |
+.bgblue { |
|
149 |
+ background:@blue; /*#56B5D9;*/ |
|
150 |
+} |
|
151 |
+.bgorange { |
|
152 |
+ background:@orange; |
|
153 |
+} |
|
154 |
+.vmiddle { |
|
155 |
+ vertical-align:middle !important |
|
156 |
+} |
|
157 |
+ |
|
158 |
+.mandatory-text-wrap { |
|
159 |
+ overflow:hidden; position:relative; |
|
160 |
+} |
|
161 |
+.mandatory-text-flag { |
|
162 |
+ position:absolute; |
|
163 |
+ right:-7px; top:-7px; |
|
164 |
+ width:14px; height:14px; |
|
165 |
+ background:#f00; |
|
166 |
+ -webkit-transform:rotate(45deg); |
|
167 |
+} |
--- app/assets/stylesheets/less/_mixins.less
+++ app/assets/stylesheets/less/_mixins.less
... | ... | @@ -1,13 +1,3 @@ |
1 |
-/*! |
|
2 |
- * Bootstrap Responsive v2.0.4 |
|
3 |
- * |
|
4 |
- * Copyright 2012 Twitter, Inc |
|
5 |
- * Licensed under the Apache License v2.0 |
|
6 |
- * http://www.apache.org/licenses/LICENSE-2.0 |
|
7 |
- * |
|
8 |
- * Designed and built with all the love in the world @twitter by @mdo and @fat. |
|
9 |
- */ |
|
10 |
- |
|
11 | 1 |
// CSS3 PROPERTIES |
12 | 2 |
// -------------------------------------------------- |
13 | 3 |
|
... | ... | @@ -16,6 +6,15 @@ |
16 | 6 |
-webkit-border-radius: @radius; |
17 | 7 |
-moz-border-radius: @radius; |
18 | 8 |
border-radius: @radius; |
9 |
+} |
|
10 |
+.border-radius-bottom(@radius: 5px){ |
|
11 |
+ -webkit-border-bottom-left-radius:@radius; |
|
12 |
+ -moz-border-bottom-left-radius:@radius; |
|
13 |
+ border-bottom-left-radius:@radius; |
|
14 |
+ |
|
15 |
+ -webkit-border-bottom-right-radius:@radius; |
|
16 |
+ -moz-border-bottom-right-radius:@radius; |
|
17 |
+ border-bottom-right-radius:@radius; |
|
19 | 18 |
} |
20 | 19 |
|
21 | 20 |
// Drop shadows |
... | ... | @@ -80,6 +79,18 @@ |
80 | 79 |
opacity: @opacity / 100; |
81 | 80 |
} |
82 | 81 |
|
82 |
+// Gradient |
|
83 |
+.linear-gradient(@startColor:'#f9fcf7', @endColor:'#f5f9f0'){ |
|
84 |
+ background: @startColor; /* Old browsers */ |
|
85 |
+ background: -moz-linear-gradient(top, @startColor 0%, @endColor 100%); /* FF3.6+ */ |
|
86 |
+ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,@startColor), color-stop(100%,@endColor)); /* Chrome,Safari4+ */ |
|
87 |
+ background: -webkit-linear-gradient(top, @startColor 0%, @endColor 100%); /* Chrome10+,Safari5.1+ */ |
|
88 |
+ background: -o-linear-gradient(top, @startColor 0%, @endColor 100%); /* Opera 11.10+ */ |
|
89 |
+ background: -ms-linear-gradient(top, @startColor 0%, @endColor 100%); /* IE10+ */ |
|
90 |
+ background: linear-gradient(to bottom, @startColor 0%, @endColor 100%); /* W3C */ |
|
91 |
+ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='@{startColor}', endColorstr='@{endColor}',GradientType=0 ); /* IE6-9 */ |
|
92 |
+} |
|
93 |
+ |
|
83 | 94 |
// Text overflow |
84 | 95 |
// ------------------------- |
85 | 96 |
// Requires inline-block or block for proper styling |
... | ... | @@ -132,7 +143,7 @@ |
132 | 143 |
} |
133 | 144 |
|
134 | 145 |
.helvetic-light { |
135 |
- font-family: "나눔고딕","굴림","HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica"; |
|
146 |
+ font-family: "HelveticaNeueLight", "HelveticaNeue-Light", "Helvetica Neue Light", "HelveticaNeue", "Helvetica Neue", "Helvetica"; |
|
136 | 147 |
font-weight:200; |
137 | 148 |
font-stretch:normal; |
138 | 149 |
} |
--- app/assets/stylesheets/less/_page.less
+++ app/assets/stylesheets/less/_page.less
... | ... | @@ -1,34 +1,44 @@ |
1 | 1 |
//--- common |
2 | 2 |
.gnb-outer { |
3 | 3 |
width: 100%; |
4 |
+ border-bottom:1px solid #c7c9ca; |
|
5 |
+ background:url('@{base-image-path}/bg_head.jpg') repeat-x #f3f4f6; |
|
6 |
+ |
|
4 | 7 |
.gnb-inner { |
5 | 8 |
.center-block; |
6 | 9 |
width: @base-width; |
7 |
- height: 70px; |
|
10 |
+ height: 75px; |
|
8 | 11 |
position: relative; |
12 |
+ |
|
9 | 13 |
.gnb-knob { |
10 |
- position: absolute; |
|
11 |
- top: 0; |
|
12 |
- &.left { |
|
13 |
- left: -20px; |
|
14 |
- } |
|
15 |
- &.right { |
|
16 |
- right: -20px; |
|
17 |
- } |
|
18 |
- } //gnb-knob |
|
14 |
+ display:none; |
|
15 |
+ position: absolute; top: 0; |
|
16 |
+ &.left { left: -20px; } |
|
17 |
+ &.right { right: -20px; } |
|
18 |
+ } //gnb-knob: deprecated |
|
19 |
+ |
|
19 | 20 |
.gnb-menu-wrap { |
20 |
- background-color: @gnb-color; |
|
21 |
+ /*background-color:@gnb-color;*/ |
|
21 | 22 |
overflow: hidden; |
23 |
+ |
|
22 | 24 |
.logo { |
23 | 25 |
float: left; |
24 |
- width: 150px; |
|
25 |
- height: 70px; |
|
26 |
+ width: 123px; |
|
27 |
+ height: 55px; |
|
28 |
+ line-height:55px; |
|
29 |
+ /* |
|
30 |
+ background-size:123px 55px; |
|
26 | 31 |
background-image: url("@{base-image-path}/logo.png"); |
32 |
+ */ |
|
33 |
+ text-align:center; font-size:2em; |
|
34 |
+ color:#fff; background-color: @orange; |
|
27 | 35 |
} |
36 |
+ |
|
28 | 37 |
.gnb-menus { |
29 | 38 |
float: left; |
30 | 39 |
overflow: hidden; |
31 |
- margin: 24px 10px 22px 0; |
|
40 |
+ margin: 23px 10px 22px 34px; |
|
41 |
+ |
|
32 | 42 |
.menu { |
33 | 43 |
float: left; |
34 | 44 |
height: 24px; |
... | ... | @@ -37,10 +47,13 @@ |
37 | 47 |
color: @gnb-link-color; |
38 | 48 |
a { |
39 | 49 |
font-size: 13px; |
40 |
- font-family: Din, Tahoma, Arial,sans-serif; |
|
50 |
+ /*font-family: "Myriad Pro", Din, Tahoma, Arial,sans-serif;*/ |
|
41 | 51 |
&:hover, &.selected { |
42 | 52 |
color: @gnb-link-hover-color; |
43 | 53 |
} |
54 |
+ } |
|
55 |
+ &.highlight { |
|
56 |
+ a { color:@orange; } |
|
44 | 57 |
} |
45 | 58 |
} |
46 | 59 |
&.right { |
... | ... | @@ -59,24 +72,34 @@ |
59 | 72 |
.user-thumb { |
60 | 73 |
vertical-align: top; |
61 | 74 |
margin-right: 5px; |
62 |
- width: 22px; |
|
63 |
- height: 22px; |
|
64 | 75 |
} |
65 | 76 |
.signout { |
66 | 77 |
color: #868D96; |
67 | 78 |
} |
68 | 79 |
.sp-line { |
69 | 80 |
padding: 0; |
70 |
- color: #506D73; |
|
81 |
+ color: #fafafa; /*#506D73;*/ |
|
71 | 82 |
font-size: 18px; |
83 |
+ opacity:0.5; |
|
72 | 84 |
} |
85 |
+ .d-link-wrap { |
|
86 |
+ padding-top:2px; |
|
87 |
+ padding-right:1px; |
|
88 |
+ |
|
89 |
+ &.d-link-l { padding-right:6px !important; } |
|
90 |
+ &.d-link-r { padding-left:6px !important; } |
|
91 |
+ } |
|
92 |
+ |
|
73 | 93 |
.search-bar { |
74 | 94 |
margin: 3px 0 0 5px; |
75 | 95 |
padding: 0 6px; |
76 |
- width: 148px; |
|
77 |
- height: 21px; |
|
96 |
+ width: 146px; |
|
97 |
+ height: 19px; |
|
78 | 98 |
background-color: @search-bar-bg-color; |
79 |
- .border-radius(5px); |
|
99 |
+ border:1px solid #aaabac; |
|
100 |
+ .border-radius(2px); |
|
101 |
+ .box-shadow(inset 0px 2px 3px rgba(0,0,0,0.12)); |
|
102 |
+ |
|
80 | 103 |
form { |
81 | 104 |
margin: 0; |
82 | 105 |
line-height: 0; |
... | ... | @@ -84,14 +107,15 @@ |
84 | 107 |
.query { |
85 | 108 |
border: 0 none; |
86 | 109 |
margin: 0; |
87 |
- width: 120px; |
|
110 |
+ width: 117px; |
|
88 | 111 |
.box-shadow(none); |
89 |
- color: @white; |
|
112 |
+ color: #898989; /*@white;*/ |
|
90 | 113 |
font-size: 11px; |
91 | 114 |
height: 13px; |
92 |
- background-color: @search-bar-bg-color; |
|
115 |
+ background-color: transparent;/*@orange-search-bar-bg-color;*/ |
|
93 | 116 |
} |
94 | 117 |
.ico-search-14 { |
118 |
+ margin-top: -1px; |
|
95 | 119 |
margin-right: 10px; |
96 | 120 |
} |
97 | 121 |
} /*.search-bar */ |
... | ... | @@ -104,12 +128,12 @@ |
104 | 128 |
height: 5px; |
105 | 129 |
background-color: @gray-d4; |
106 | 130 |
.center-block; |
131 |
+ display:none; |
|
107 | 132 |
} |
108 | 133 |
.sub-menu-wrap { |
109 | 134 |
height: 44px; |
110 | 135 |
background-color: @gray-ec; |
111 | 136 |
border-bottom: 1px solid @gray-f7; |
112 |
- .outshadow-right; |
|
113 | 137 |
.sub-menus { |
114 | 138 |
margin: 0; |
115 | 139 |
list-style: none; |
... | ... | @@ -122,7 +146,7 @@ |
122 | 146 |
float: left; |
123 | 147 |
text-align: center; |
124 | 148 |
width: 150px; |
125 |
- font-size: 12px; |
|
149 |
+ font-size: 11px; |
|
126 | 150 |
border-left: 1px solid @gray-d4; |
127 | 151 |
border-right: 1px solid @white; |
128 | 152 |
&:first-child { |
... | ... | @@ -139,67 +163,79 @@ |
139 | 163 |
} |
140 | 164 |
} |
141 | 165 |
} |
142 |
- |
|
143 |
-.user-picture{ |
|
144 |
- width: 32px; |
|
145 |
- height: 32px; |
|
166 |
+.d-link { |
|
167 |
+ color:#111; |
|
168 |
+ &:hover { color:@orange; } |
|
169 |
+ |
|
170 |
+ &.signin { |
|
171 |
+ i { |
|
172 |
+ margin: 0; padding: 0; |
|
173 |
+ border:1px solid #868686; |
|
174 |
+ width:22px; height:22px; border-radius:2px; |
|
175 |
+ margin-right:5px; .inline-block; |
|
176 |
+ vertical-align: top; |
|
177 |
+ |
|
178 |
+ img { vertical-align: top; } |
|
179 |
+ } |
|
180 |
+ } |
|
181 |
+ &.signin:hover { |
|
182 |
+ .icon { |
|
183 |
+ background-position: -150px -2px; |
|
184 |
+ } |
|
185 |
+ } |
|
186 |
+ &.signup { |
|
187 |
+ padding-right:2px; |
|
188 |
+ } |
|
146 | 189 |
} |
147 | 190 |
|
148 |
- |
|
149 |
-.orange { |
|
191 |
+// project-setting, project-home ... |
|
192 |
+.prj { |
|
150 | 193 |
.gnb-outer { |
151 |
- width: 100%; |
|
152 |
- .gnb-inner { |
|
153 |
- .gnb-menu-wrap { |
|
154 |
- .logo { |
|
155 |
- background-image: url("@{base-image-path}/logo-orange.png"); |
|
156 |
- } |
|
157 |
- background-color: @orange-gnb-color !important; |
|
158 |
- .gnb-menus { |
|
159 |
- .menu { |
|
160 |
- a:hover, .selected { |
|
161 |
- color: @orange-gnb-link-hover-color; |
|
162 |
- } |
|
163 |
- } |
|
164 |
- &.right { |
|
165 |
- .sp-line { |
|
166 |
- color: #2A2723; |
|
167 |
- } |
|
168 |
- .search-bar { |
|
169 |
- background-color: @orange-search-bar-bg-color; |
|
170 |
- .query { |
|
171 |
- background-color: @orange-search-bar-bg-color; |
|
172 |
- color: @gray-cc; |
|
173 |
- } |
|
174 |
- } |
|
175 |
- }//.right |
|
176 |
- } // gnb-menus |
|
177 |
- } // gnb-menu-wrap |
|
178 |
- }// gnb-inner |
|
179 |
- } //gnb-outer |
|
180 |
- .d-link { |
|
181 |
- color: @orange; |
|
182 |
- &.signin:hover { |
|
183 |
- color: #FFCC99; |
|
184 |
- .icon { |
|
185 |
- background-position: -150px -2px; |
|
194 |
+ background:none; |
|
195 |
+ border:none; |
|
196 |
+ } |
|
197 |
+ .gnb-inner { |
|
198 |
+ height:56px; line-height:56px; |
|
199 |
+ border-top: 1px solid #6e6e6e; |
|
200 |
+ border-bottom: 1px solid #6e6e6e; |
|
201 |
+ .linear-gradient(#5c5c5c, #464646); |
|
202 |
+ |
|
203 |
+ .gnb-menu-wrap { |
|
204 |
+ .logo { |
|
205 |
+ background:transparent !important; |
|
206 |
+ color:@orange !important; |
|
207 |
+ width:64px; margin-left:30px; |
|
186 | 208 |
} |
187 |
- } |
|
188 |
- &.signup { |
|
189 |
- color: #868D96; |
|
190 |
- &:hover { |
|
191 |
- color: #FFF; |
|
209 |
+ |
|
210 |
+ .page-title { |
|
211 |
+ float:left; overflow:hidden; margin:0; |
|
212 |
+ line-height:56px; color:#fff; font-weight:normal; |
|
213 |
+ } |
|
214 |
+ |
|
215 |
+ .gnb-menus { |
|
216 |
+ margin: 15px 10px 17px 34px; |
|
217 |
+ &.right { |
|
218 |
+ .sp-line { |
|
219 |
+ color:#626262 !important; |
|
220 |
+ opacity:1 !important; |
|
221 |
+ } |
|
222 |
+ } |
|
192 | 223 |
} |
193 | 224 |
} |
194 | 225 |
} |
195 |
-} // orange |
|
226 |
+ |
|
227 |
+ .d-link { |
|
228 |
+ color:#fff; |
|
229 |
+ &:hover { color:@orange; } |
|
230 |
+ } |
|
231 |
+ |
|
232 |
+ .page { padding:40px 39px; } |
|
233 |
+} |
|
196 | 234 |
|
197 | 235 |
.page-wrap { |
198 | 236 |
width: @base-width; |
199 | 237 |
.center-block; |
200 | 238 |
background-color: @white; |
201 |
- border-bottom: 1px solid @gray-ea; |
|
202 |
- .outshadow-right; |
|
203 | 239 |
} |
204 | 240 |
|
205 | 241 |
.intro-wrap { |
... | ... | @@ -219,11 +255,10 @@ |
219 | 255 |
} |
220 | 256 |
} |
221 | 257 |
|
222 |
- |
|
223 |
- |
|
224 | 258 |
.page-footer-outer { |
225 | 259 |
width: @base-width - 40; |
226 | 260 |
.center-block; |
261 |
+ /* |
|
227 | 262 |
background-color: @gray-f7; |
228 | 263 |
border-top: 1px solid @white; |
229 | 264 |
-webkit-border-bottom-right-radius: 10px; |
... | ... | @@ -232,11 +267,11 @@ |
232 | 267 |
-moz-border-radius-bottomleft: 10px; |
233 | 268 |
border-bottom-right-radius: 10px; |
234 | 269 |
border-bottom-left-radius: 10px; |
270 |
+ */ |
|
235 | 271 |
padding: 10px 20px; |
236 | 272 |
text-align: center; |
237 | 273 |
position: relative; |
238 |
- margin-bottom: 100px; |
|
239 |
- .outshadow-rbl; |
|
274 |
+ margin-bottom: 30px; |
|
240 | 275 |
.page-footer { |
241 | 276 |
line-height: 34px; |
242 | 277 |
} |
... | ... | @@ -247,24 +282,25 @@ |
247 | 282 |
} |
248 | 283 |
} |
249 | 284 |
|
250 |
-.outshadow-right { |
|
251 |
- box-shadow: 1px 0px 0px @gray-cc; |
|
252 |
-} |
|
253 |
- |
|
254 |
-.outshadow-rbl { |
|
255 |
- box-shadow: 1px 1px 3px @gray-cc; |
|
256 |
-} |
|
257 |
- |
|
258 | 285 |
.page { |
259 |
- padding: 0 40px; |
|
260 |
- .outshadow-right; |
|
286 |
+ padding: 0 20px; |
|
287 |
+ padding-top:6px; |
|
288 |
+ |
|
289 |
+ /*margin-bottom: 40px;*/ |
|
290 |
+ border: 1px solid @gray-ea; |
|
291 |
+ border-top:none; |
|
292 |
+ |
|
293 |
+ .border-radius-bottom(20px); |
|
294 |
+ |
|
261 | 295 |
&.full { |
262 | 296 |
padding: 0; |
263 | 297 |
} |
264 |
- margin-bottom: 40px; |
|
265 |
- &.code-browse { |
|
298 |
+ &.code-browse, |
|
299 |
+ &.plugin-setting { |
|
266 | 300 |
padding: 0 20px; |
267 | 301 |
} |
302 |
+ |
|
303 |
+ label { cursor:pointer; .inline-block; } |
|
268 | 304 |
} |
269 | 305 |
|
270 | 306 |
.user-thumb-wrap { |
... | ... | @@ -273,12 +309,15 @@ |
273 | 309 |
.inline-block; |
274 | 310 |
} |
275 | 311 |
|
312 |
+/* |
|
276 | 313 |
.checkbox { |
277 | 314 |
.opacity(0); |
278 | 315 |
position: absolute; |
279 | 316 |
} |
280 | 317 |
.checkbox + .bg-checkbox { |
281 | 318 |
display: inline-block; |
319 |
+ min-height: 16px; |
|
320 |
+ min-width: 16px; |
|
282 | 321 |
color: #999; |
283 | 322 |
padding-left: 21px; |
284 | 323 |
background-repeat: no-repeat; |
... | ... | @@ -293,7 +332,15 @@ |
293 | 332 |
.checkbox:checked + .bg-checkbox { |
294 | 333 |
background-image: url('@{base-image-path}/assets/bg-checkbox-checked.png'); |
295 | 334 |
} |
335 |
+*/ |
|
336 |
+/* checkbox, radio-btn 웹브라우저 기본 컨트롤을 사용하도록 변경 2013-02-15*/ |
|
337 |
+.checkbox { |
|
338 |
+ .inline-block; |
|
339 |
+ vertical-align:top; |
|
340 |
+ margin:2px !important; |
|
341 |
+} |
|
296 | 342 |
|
343 |
+/* |
|
297 | 344 |
.radio-btn { |
298 | 345 |
.opacity(0); |
299 | 346 |
position: absolute; |
... | ... | @@ -314,6 +361,16 @@ |
314 | 361 |
.radio-btn:checked + .bg-radiobtn { |
315 | 362 |
background-image: url('@{base-image-path}/assets/bg-radiobutton-checked.png'); |
316 | 363 |
} |
364 |
+*/ |
|
365 |
+.radio-btn { |
|
366 |
+ .inline-block; |
|
367 |
+ vertical-align:top; |
|
368 |
+ margin:2px !important; |
|
369 |
+} |
|
370 |
+.label-public, .label-private, .label-agreement { |
|
371 |
+ margin:0px 5px; |
|
372 |
+} |
|
373 |
+ |
|
317 | 374 |
|
318 | 375 |
//----------- index page. |
319 | 376 |
.center-wrap { |
... | ... | @@ -322,37 +379,51 @@ |
322 | 379 |
|
323 | 380 |
.page { |
324 | 381 |
.tag-line-wrap { |
382 |
+ text-align:center; |
|
383 |
+ margin-top:7px; |
|
384 |
+ margin-bottom: 26px; |
|
385 |
+ |
|
325 | 386 |
&.signup { |
326 |
- margin-top: 40px; |
|
387 |
+ padding-top: 40px; |
|
388 |
+ margin-top : 0px; |
|
327 | 389 |
.tag-line { |
328 | 390 |
color: #7C7C7C; |
329 |
- letter-spacing: -1px; |
|
330 | 391 |
font-size: 14px; |
331 |
- font-family: "DIN Medium"; |
|
392 |
+ /*font-family: "DIN Medium";*/ |
|
393 |
+ /*letter-spacing: -1px;*/ |
|
332 | 394 |
span { |
333 | 395 |
color: #535353; |
334 | 396 |
} |
335 | 397 |
} |
336 | 398 |
} |
337 | 399 |
&.login { |
338 |
- margin-top: 25px; |
|
400 |
+ /*margin-top: 25px;*/ |
|
401 |
+ padding-top:40px; |
|
402 |
+ margin-top:0px; |
|
339 | 403 |
} |
340 |
- margin-bottom: 20px; |
|
341 | 404 |
.title { |
342 |
- font-size: 32px; |
|
343 |
- line-height: 1.3; |
|
405 |
+ font-size: 3.3em; /*52px;*/ |
|
406 |
+ line-height:42px; /*line-height: 1.3;*/ |
|
407 |
+ font-weight: normal; |
|
344 | 408 |
.inline-block; |
345 |
- .helvetic-light; |
|
409 |
+ /*.helvetic-light;*/ |
|
346 | 410 |
.high-light { |
347 | 411 |
color: @orange; |
348 | 412 |
font-weight:300; |
349 | 413 |
} |
350 |
- font-weight: bold; |
|
414 |
+ font-family:'Myriad Pro Light', 'Droid Sans', Tahoma, sans-serif; |
|
351 | 415 |
} |
352 | 416 |
.tag-line { |
353 |
- font-size: 16px; |
|
354 |
- color: @gray-52; |
|
417 |
+ font-size: 1.2em; /*16px;*/ |
|
418 |
+ color: #7c7c7c; /*@gray-52;*/ |
|
419 |
+ /*font-family:"Myriad Pro";*/ |
|
420 |
+ |
|
421 |
+ span { color:@gray-52; } |
|
355 | 422 |
} |
423 |
+ } |
|
424 |
+ .tag-line-wrap-index { |
|
425 |
+ margin-top:25px !important; |
|
426 |
+ margin-bottom:33px !important; |
|
356 | 427 |
} |
357 | 428 |
} |
358 | 429 |
.side-menu-wrap { |
... | ... | @@ -361,52 +432,135 @@ |
361 | 432 |
.center-block; |
362 | 433 |
.side-menus { |
363 | 434 |
position: absolute; |
364 |
- right: -27px; |
|
365 |
- top: 20px; |
|
366 |
- width: 20px !important; |
|
367 |
- height: 46px !important; |
|
368 |
- padding:15px 3px 15px 4px; |
|
435 |
+ right: -27px; /*-27px;*/ |
|
436 |
+ top: 23px; |
|
437 |
+ width: 18px !important; |
|
438 |
+ height: 40px !important; |
|
439 |
+ padding:16px 3px 16px 3px; |
|
369 | 440 |
.side-menu { |
370 | 441 |
&:first-child { |
371 | 442 |
margin-bottom: 10px; |
372 | 443 |
} |
373 | 444 |
} |
374 | 445 |
} |
446 |
+ |
|
447 |
+ .bg { |
|
448 |
+ width:24px; |
|
449 |
+ background:#898989; |
|
450 |
+ border-top-right-radius:9px; |
|
451 |
+ border-bottom-right-radius:9px; |
|
452 |
+ box-shadow:-1px 2px #898989; |
|
453 |
+ border-top:none; |
|
454 |
+ border-bottom:1px solid #a1a1a1; |
|
455 |
+ border-right:1px solid #a1a1a1; |
|
456 |
+ border-left:1px solid #7c7c7c; |
|
457 |
+ } |
|
458 |
+ .bg:before { |
|
459 |
+ position:absolute; content:''; |
|
460 |
+ width:10px; height:4px; |
|
461 |
+ background:#898989; border-left:2px solid #7c7c7c; |
|
462 |
+ top:0px; left:-2px; |
|
463 |
+ } |
|
464 |
+} |
|
465 |
+ |
|
466 |
+.front { |
|
467 |
+ display:block; height:238px; |
|
468 |
+ background:url('@{base-image-path}/img_front.jpg') no-repeat; |
|
469 |
+ position:relative; |
|
470 |
+ /*margin-left:84px; margin-top:22px;*/ |
|
471 |
+ line-height:350px; |
|
472 |
+ |
|
473 |
+ /* Button */ |
|
474 |
+ .btn-wrap { |
|
475 |
+ /*margin-left:230px;*/ |
|
476 |
+ /*width:252px; margin:0 auto;*/ |
|
477 |
+ text-align:center; |
|
478 |
+ a { |
|
479 |
+ font-size:18px; text-align:center; |
|
480 |
+ /*width:252px;*/ height:56px; |
|
481 |
+ padding:0 30px; |
|
482 |
+ background-color:@orange; |
|
483 |
+ color:#fff; line-height:56px; |
|
484 |
+ border-bottom:1px solid #ae5f54; |
|
485 |
+ .border-radius(10px); |
|
486 |
+ .inline-block; |
|
487 |
+ |
|
488 |
+ i { vertical-align:middle; margin-bottom:4px; } |
|
489 |
+ } |
|
490 |
+ } |
|
375 | 491 |
} |
376 | 492 |
|
377 | 493 |
//---------- home page. |
378 | 494 |
.fn-intro-wrap { |
379 |
- margin: 0 0 25px -40px; |
|
495 |
+ margin: 0 0 0px -20px; |
|
380 | 496 |
text-align: center; |
381 | 497 |
width: @base-width; |
382 | 498 |
.intros { |
383 |
- background-color: @gray-f2; |
|
499 |
+ /*background-color: @gray-f2;*/ |
|
384 | 500 |
padding: 16px 10px; |
501 |
+ padding-bottom:15px; |
|
502 |
+ |
|
385 | 503 |
margin: 0; |
386 | 504 |
font-size: 0; |
387 |
- .intro { |
|
388 |
- width: 200px; |
|
389 |
- padding: 0 15px; |
|
505 |
+ border-bottom:2px solid @gray-f2; |
|
506 |
+ |
|
507 |
+ li { |
|
508 |
+ width: 196px; |
|
509 |
+ height:178px; |
|
510 |
+ /*padding: 0 15px;*/ |
|
511 |
+ margin-right:29px; |
|
512 |
+ background-image: url('@{base-image-path}/sprite2.png'); |
|
513 |
+ border:1px solid #e3e3e3; |
|
390 | 514 |
.inline-block; |
391 | 515 |
} |
516 |
+ li:last-of-type { margin:0; } |
|
517 |
+ |
|
518 |
+ .project { background-position:0px 0; } |
|
519 |
+ .repository { background-position:-200px 0; } |
|
520 |
+ .tasks { background-position:0px -180px; } |
|
521 |
+ .tracker { background-position:-200px -180px; } |
|
522 |
+ |
|
392 | 523 |
&.closed { |
393 | 524 |
height: 0; |
394 | 525 |
overflow: hidden; |
395 | 526 |
padding: 5px 0 0; |
396 | 527 |
} |
397 | 528 |
} |
529 |
+ .index { |
|
530 |
+ border:none !important; |
|
531 |
+ } |
|
398 | 532 |
} |
533 |
+ |
|
534 |
+.on-fold-intro { |
|
535 |
+ .page { padding-top:0; } |
|
536 |
+ .tag-line-wrap { display:none; } |
|
537 |
+ .intros { display:none; } |
|
538 |
+ |
|
539 |
+ .btn-open-close { |
|
540 |
+ width: 54px; height: 12px; vertical-align: top; |
|
541 |
+ background-position: -59px -129px !important; |
|
542 |
+ &:hover { |
|
543 |
+ background-position: -3px -129px !important; |
|
544 |
+ } |
|
545 |
+ } |
|
546 |
+} |
|
547 |
+ |
|
399 | 548 |
.content-container { |
400 | 549 |
overflow: hidden; |
550 |
+ padding:8px 0px 19px 20px; |
|
551 |
+ |
|
401 | 552 |
.main-stream { |
402 | 553 |
width: 660px; |
403 |
- margin-right: 10px; |
|
554 |
+ /*margin-right: 10px;*/ |
|
404 | 555 |
float: left; |
405 | 556 |
.activity-streams { |
406 | 557 |
margin: 0; |
407 | 558 |
.activity-stream { |
408 |
- padding: 25px 0; |
|
559 |
+ padding: 15px 0; |
|
409 | 560 |
border-bottom: 1px solid @activity-separate-border-color; |
561 |
+ &:first-of-type { |
|
562 |
+ padding-top:10px; |
|
563 |
+ } |
|
410 | 564 |
&:last-child { |
411 | 565 |
border-bottom: 0 none; |
412 | 566 |
} |
... | ... | @@ -418,27 +572,27 @@ |
418 | 572 |
overflow: hidden; |
419 | 573 |
.header-text { |
420 | 574 |
margin-top: 0; |
421 |
- .gulim; |
|
575 |
+ /*.gulim;*/ |
|
422 | 576 |
font-size: 12px; |
423 | 577 |
line-height: 100%; |
424 | 578 |
font-weight: bold; |
425 | 579 |
color: #666; |
426 | 580 |
.actor { |
427 |
- color: #D06930; |
|
428 |
- font-weight: normal; |
|
429 |
- .thoma; |
|
581 |
+ color: @orange;/*#D06930;*/ |
|
582 |
+ font-weight: bold;/*normal;*/ |
|
583 |
+ /*.thoma;*/ |
|
430 | 584 |
|
431 | 585 |
} |
432 | 586 |
.whereis { |
433 | 587 |
font-size: 11px; |
434 |
- color: #4092A1; |
|
435 |
- .thoma; |
|
588 |
+ color: #000; /*#4092A1;*/ |
|
589 |
+ /*.thoma;*/ |
|
436 | 590 |
} |
437 | 591 |
} |
438 | 592 |
.desc { |
439 | 593 |
color: #888; |
440 |
- .dotum; |
|
441 |
- font-size: 12px; |
|
594 |
+ /*.dotum;*/ |
|
595 |
+ font-size: 11px; |
|
442 | 596 |
margin-bottom: 10px; |
443 | 597 |
.commit-logs { |
444 | 598 |
.commit-log { |
... | ... | @@ -462,11 +616,12 @@ |
462 | 616 |
font-size: 11px; |
463 | 617 |
margin-left: 30px; |
464 | 618 |
.commit-id { |
465 |
- color: #D06930; |
|
619 |
+ color: @orange;/*#D06930;*/ |
|
620 |
+ font-weight:bold; |
|
466 | 621 |
} |
467 | 622 |
.commit-msg { |
468 | 623 |
color: #808080; |
469 |
- .dotum; |
|
624 |
+ /*.dotum;*/ |
|
470 | 625 |
} |
471 | 626 |
} |
472 | 627 |
} |
... | ... | @@ -474,9 +629,11 @@ |
474 | 629 |
} |
475 | 630 |
.others { |
476 | 631 |
line-height: 16px; |
632 |
+ padding-left: 3px; |
|
477 | 633 |
.num { |
634 |
+ /*.thoma;*/ |
|
478 | 635 |
font-size: 12px; |
479 |
- color: #4489A4; |
|
636 |
+ color: #5dbbe0;/*#4489A4;*/ |
|
480 | 637 |
margin-left: 3px; |
481 | 638 |
} |
482 | 639 |
.date { |
... | ... | @@ -497,87 +654,109 @@ |
497 | 654 |
} |
498 | 655 |
} |
499 | 656 |
.right-aside { |
500 |
- width: 210px; |
|
657 |
+ width: 230px; |
|
658 |
+ /*padding-top:10px;*/ |
|
501 | 659 |
overflow: hidden; |
660 |
+ margin-top:11px; |
|
661 |
+ |
|
502 | 662 |
.gray-bubble-wrap { |
503 |
- width: 180px; |
|
663 |
+ width: 200px; |
|
504 | 664 |
margin-left: 10px; |
505 | 665 |
padding: 20px 10px 0; |
506 |
- background-color: @gray-f2; |
|
666 |
+ padding-top:0px; |
|
667 |
+ /*background-color: @gray-f2;*/ |
|
507 | 668 |
.border-radius(5px); |
508 |
- .bg-bubble-top { |
|
509 |
- position: relative; |
|
510 |
- left: -18px; |
|
511 |
- margin-bottom: 5px; |
|
512 |
- .project-count-wrap { |
|
513 |
- padding-left: 18px; |
|
514 |
- font-size: 11px; |
|
515 |
- color: @white; |
|
516 |
- line-height: 30px; |
|
517 |
- .ico { |
|
518 |
- vertical-align: middle; |
|
519 |
- margin: 0 3px; |
|
520 |
- } |
|
521 |
- .p-num{ |
|
522 |
- .inline-block; |
|
523 |
- text-align: center; |
|
524 |
- height: 12px; |
|
525 |
- min-width: 10px; |
|
526 |
- line-height: 12px; |
|
527 |
- padding: 2px 5px; |
|
528 |
- .border-radius(5px); |
|
529 |
- background-color: #1F6F7E; |
|
530 |
- .box-shadow( inset 0 1px 1px rgba(0, 0, 0, .5)); |
|
531 |
- } |
|
669 |
+ |
|
670 |
+ .project-count-wrap { |
|
671 |
+ background:#f8f8f8; |
|
672 |
+ border:1px solid #e6e6e6; |
|
673 |
+ padding:10px 18px 9px 18px; |
|
674 |
+ border-bottom-color:#c9c9c9; |
|
675 |
+ |
|
676 |
+ /*padding-left: 18px;*/ |
|
677 |
+ color:#4C4C4C; |
|
678 |
+ font-size: 11px; |
|
679 |
+ font-weight:bold; |
|
680 |
+ line-height: 30px; |
|
681 |
+ i { |
|
682 |
+ vertical-align:middle; |
|
683 |
+ margin:0 3px; |
|
684 |
+ margin-right:5px; |
|
685 |
+ color:#c9c9c9; |
|
532 | 686 |
} |
533 |
- .project-list-sort{ |
|
534 |
- height: 20px; |
|
535 |
- line-height: 30px; |
|
536 |
- text-align: right; |
|
537 |
- margin-right: 15px; |
|
538 |
- .ordertype-date { |
|
539 |
- display: inline-block; |
|
540 |
- } |
|
541 |
- .ordertype-name { |
|
542 |
- display: inline-block; |
|
543 |
- } |
|
544 |
- .delimeter { |
|
545 |
- color: @gray-cc; |
|
546 |
- } |
|
687 |
+ /* |
|
688 |
+ .ico { |
|
689 |
+ vertical-align: middle; |
|
690 |
+ margin: 0 3px; |
|
691 |
+ } |
|
692 |
+ */ |
|
693 |
+ .p-num{ |
|
694 |
+ .inline-block; |
|
695 |
+ text-align: center; |
|
696 |
+ height: 12px; |
|
697 |
+ min-width: 10px; |
|
698 |
+ line-height: 12px; |
|
699 |
+ padding: 2px 5px; |
|
700 |
+ .border-radius(5px); |
|
701 |
+ background-color: #000;/*1F6F7E;*/ |
|
702 |
+ color:#fff; |
|
703 |
+ .box-shadow( inset 0 1px 1px rgba(0, 0, 0, .5)); |
|
547 | 704 |
} |
548 | 705 |
} |
706 |
+ |
|
549 | 707 |
.my-projects { |
550 |
- margin-top: 15px; |
|
708 |
+ padding:9px; |
|
709 |
+ border:1px solid @gray-ea; |
|
710 |
+ border-top-color:#f6f6f6; |
|
711 |
+ |
|
551 | 712 |
.my-project { |
552 |
- background-color: @white; |
|
713 |
+ position:relative; |
|
553 | 714 |
font-size: 12px; |
554 | 715 |
color: #999; |
555 |
- margin-bottom: 5px; |
|
556 |
- .border-radius(5px); |
|
557 |
- padding: 10px; |
|
558 |
- .box-shadow(0 1px 2px rgba(0,0,0, .3)); |
|
716 |
+ /*margin-bottom: 5px;*/ |
|
717 |
+ /*.border-radius(5px);*/ |
|
718 |
+ padding: 7px 10px; |
|
719 |
+ padding-bottom:3px; |
|
720 |
+ border-bottom:1px solid #e8e8e8; |
|
721 |
+ /*.box-shadow(0 1px 2px rgba(0,0,0, .3));*/ |
|
722 |
+ |
|
559 | 723 |
.project-header { |
560 | 724 |
font-size: 0; |
561 | 725 |
.name-wrap { |
562 | 726 |
font-size: 12px; |
563 | 727 |
.inline-block; |
564 | 728 |
line-height: 20px; |
565 |
- width: 140px; |
|
729 |
+ width: 150px; |
|
730 |
+ i { margin-left:3px; } |
|
731 |
+ a { margin-top:4px; .inline-block; } |
|
566 | 732 |
} |
567 | 733 |
.ico-wrap { |
568 |
- vertical-align: top; |
|
569 |
- padding-top: 5px; |
|
570 |
- width: 20px; |
|
734 |
+ /**/ |
|
735 |
+ vertical-align:top; |
|
736 |
+ /*padding-top: 5px;*/ |
|
737 |
+ margin-top:9px; |
|
738 |
+ width: 5px; |
|
571 | 739 |
text-align: right; |
572 | 740 |
.inline-block; |
741 |
+ /* |
|
742 |
+ position:absolute; |
|
743 |
+ top: 17px; right:9px; |
|
744 |
+ /**/ |
|
573 | 745 |
} |
574 | 746 |
} |
747 |
+ &.on-desc { |
|
748 |
+ .ico-wrap { margin-top:20px; } |
|
749 |
+ } |
|
750 |
+ } |
|
751 |
+ .my-project:first-of-type { |
|
752 |
+ padding-top:1px; |
|
753 |
+ /*.ico-wrap { top:12px }*/ |
|
754 |
+ /*padding-bottom:7px;*/ |
|
575 | 755 |
} |
576 | 756 |
|
577 | 757 |
} |
578 | 758 |
.contributors { |
579 | 759 |
overflow: hidden; |
580 |
- font-size: 12px; |
|
581 | 760 |
.contributor { |
582 | 761 |
float: left; |
583 | 762 |
width: 32px; |
... | ... | @@ -586,9 +765,6 @@ |
586 | 765 |
margin: 0 8px 10px 0; |
587 | 766 |
&:nth-child(4n) { |
588 | 767 |
margin-right: 0; |
589 |
- } |
|
590 |
- > a { |
|
591 |
- .inline-block; |
|
592 | 768 |
} |
593 | 769 |
} |
594 | 770 |
} |
... | ... | @@ -600,11 +776,32 @@ |
600 | 776 |
} |
601 | 777 |
.btn-wrap { |
602 | 778 |
margin-top: 20px; |
779 |
+ margin-bottom:41px; |
|
603 | 780 |
text-align: center; |
781 |
+ |
|
604 | 782 |
a { |
783 |
+ font-size:15px; /*font-family:"Myriad Pro";*/ |
|
784 |
+ width:180px; height:35px; |
|
785 |
+ background-color:@orange; |
|
786 |
+ color:#fff; line-height:35px; |
|
787 |
+ border-bottom:1px solid #ae5f54; |
|
788 |
+ .border-radius(5px); |
|
605 | 789 |
.inline-block; |
790 |
+ |
|
791 |
+ i { vertical-align:middle; margin-bottom:4px; } |
|
606 | 792 |
} |
607 | 793 |
} |
794 |
+ |
|
795 |
+ /** Create new project button **/ |
|
796 |
+ .getstarted { |
|
797 |
+ width:180px; |
|
798 |
+ padding-top:11px; |
|
799 |
+ |
|
800 |
+ button { |
|
801 |
+ cursor:pointer; |
|
802 |
+ } |
|
803 |
+ } |
|
804 |
+ |
|
608 | 805 |
} |
609 | 806 |
} |
610 | 807 |
} |
... | ... | @@ -624,7 +821,6 @@ |
624 | 821 |
outline: none; |
625 | 822 |
} |
626 | 823 |
&.password { |
627 |
- width: 386px; |
|
628 | 824 |
margin-bottom: 15px; |
629 | 825 |
} |
630 | 826 |
} |
... | ... | @@ -635,10 +831,15 @@ |
635 | 831 |
.center-block; |
636 | 832 |
.act-row { |
637 | 833 |
margin-bottom: 45px; |
834 |
+ line-height:22px; |
|
638 | 835 |
} |
639 | 836 |
.forgot-password { |
640 | 837 |
vertical-align: top; |
641 | 838 |
color: #5C5C5C; |
839 |
+ margin-left: 5px; |
|
840 |
+ padding-left: 5px; |
|
841 |
+ border-left: 1px solid #eee; |
|
842 |
+ |
|
642 | 843 |
&:hover { |
643 | 844 |
color: #010101; |
644 | 845 |
} |
... | ... | @@ -672,14 +873,12 @@ |
672 | 873 |
.inline-block; |
673 | 874 |
} |
674 | 875 |
.text { |
675 |
- &.loginId{ |
|
676 |
- width: 386px; |
|
876 |
+ &.email{ |
|
877 |
+ width: 181px; |
|
878 |
+ margin-right: 10px; |
|
677 | 879 |
} |
678 | 880 |
&.uname { |
679 |
- width: 386px; |
|
680 |
- } |
|
681 |
- &.email { |
|
682 |
- width: 386px; |
|
881 |
+ width: 181px; |
|
683 | 882 |
} |
684 | 883 |
} |
685 | 884 |
.act-row { |
... | ... | @@ -707,11 +906,12 @@ |
707 | 906 |
//-- new project |
708 | 907 |
.form-wrap { |
709 | 908 |
&.new-project { |
710 |
- margin-top: 30px; |
|
909 |
+ margin: 30px 19px; |
|
910 |
+ |
|
711 | 911 |
.text { |
712 | 912 |
width: 866px; |
713 | 913 |
&.textarea { |
714 |
- background-color: #F3F3F3; |
|
914 |
+ /*background-color: #F3F3F3;*/ |
|
715 | 915 |
height: 78px; |
716 | 916 |
resize: none; |
717 | 917 |
} |
... | ... | @@ -721,14 +921,18 @@ |
721 | 921 |
.border-radius(10px); |
722 | 922 |
margin-bottom: 20px; |
723 | 923 |
.option { |
724 |
- padding: 20px; |
|
924 |
+ padding: 15px 20px; |
|
725 | 925 |
border-bottom: 1px solid #E9E9E9; |
926 |
+ &:first-child { |
|
927 |
+ padding-top:24px; |
|
928 |
+ } |
|
726 | 929 |
&:last-child { |
727 | 930 |
border-bottom: 0 none; |
728 | 931 |
} |
729 | 932 |
.option-label { |
730 | 933 |
float: left; |
731 | 934 |
width: 125px; |
935 |
+ line-height:29px; |
|
732 | 936 |
} |
733 | 937 |
.option-desc { |
734 | 938 |
margin-left: 125px; |
... | ... | @@ -739,9 +943,13 @@ |
739 | 943 |
.note { |
740 | 944 |
margin-left: 10px; |
741 | 945 |
color: #BDBDBD; |
742 |
- font-size: 11px; |
|
946 |
+ font-size: 12px; |
|
743 | 947 |
} |
744 | 948 |
} |
949 |
+ } |
|
950 |
+ |
|
951 |
+ .d-label, .dropdown-menu { |
|
952 |
+ width:182px; |
|
745 | 953 |
} |
746 | 954 |
} |
747 | 955 |
.actions { |
... | ... | @@ -762,9 +970,9 @@ |
762 | 970 |
font-weight: normal; |
763 | 971 |
font-size: 26px; |
764 | 972 |
float: left; |
765 |
- &.orange { |
|
973 |
+ /*&.orange {*/ |
|
766 | 974 |
color: @orange; |
767 |
- } |
|
975 |
+ /*}*/ |
|
768 | 976 |
} |
769 | 977 |
.bread-crumb { |
770 | 978 |
float: right; |
... | ... | @@ -786,7 +994,7 @@ |
786 | 994 |
padding: 10px 20px; |
787 | 995 |
.border-radius(5px); |
788 | 996 |
height: 31px; |
789 |
- width: 240px; |
|
997 |
+ width: 252px; /*240px;*/ |
|
790 | 998 |
margin-right: 10px; |
791 | 999 |
float: left; |
792 | 1000 |
&:last-child { |
... | ... | @@ -802,13 +1010,14 @@ |
802 | 1010 |
&.all { |
803 | 1011 |
color: @orange; |
804 | 1012 |
} |
805 |
- &.all:hover{ |
|
806 |
- color: #51AACC; |
|
807 |
- } |
|
808 | 1013 |
&.open { |
809 |
- color: #51AACC; |
|
1014 |
+ color: #5DBBE0; |
|
1015 |
+ /*color: #51AACC;*/ |
|
810 | 1016 |
} |
811 | 1017 |
} |
1018 |
+ } |
|
1019 |
+ .stat-issue { |
|
1020 |
+ width:240px; |
|
812 | 1021 |
} |
813 | 1022 |
} |
814 | 1023 |
.search-wrap { |
... | ... | @@ -839,8 +1048,10 @@ |
839 | 1048 |
} |
840 | 1049 |
&.help { |
841 | 1050 |
.inner { |
1051 |
+ form { width:565px; } |
|
842 | 1052 |
padding-left: 30px; |
843 | 1053 |
.labels { |
1054 |
+ line-height:29px; margin-right:20px; |
|
844 | 1055 |
vertical-align: middle; |
845 | 1056 |
font-size: 18px; |
846 | 1057 |
&.sub { |
... | ... | @@ -865,43 +1076,121 @@ |
865 | 1076 |
margin: 0; |
866 | 1077 |
} |
867 | 1078 |
.inner { |
1079 |
+ /* |
|
868 | 1080 |
background-image: url('@{base-image-path}/assets/bg-search-man.png'); |
869 | 1081 |
background-position: 785px bottom; |
870 | 1082 |
background-repeat: no-repeat; |
871 |
- background-color: #FFF; |
|
872 |
- padding: 10px 20px 10px 40px; |
|
873 |
- .border-radius(5px); |
|
874 |
- height: 37px; |
|
875 |
- input { |
|
876 |
- } |
|
1083 |
+ */ |
|
1084 |
+ /* |
|
1085 |
+ * height: 37px; |
|
1086 |
+ -webkit-transition-duration:0.5s; |
|
1087 |
+ * */ |
|
1088 |
+ background-color: #fff; |
|
1089 |
+ padding: 20px 10px; /*10px 20px 10px 40px;*/ |
|
1090 |
+ .border-radius(10px); |
|
1091 |
+ |
|
1092 |
+ input { } |
|
1093 |
+ form { margin:0 auto; text-align:center; } |
|
1094 |
+ |
|
877 | 1095 |
.text { |
878 |
- width: 568px; |
|
1096 |
+ width: 360px; |
|
879 | 1097 |
margin: 5px 0 0; |
880 |
- background-color: #F3F3F3; |
|
1098 |
+ background-color: #fff; /*F3F3F3;*/ |
|
881 | 1099 |
border: 1px solid #CCC; |
882 | 1100 |
border-right: 0 none; |
883 | 1101 |
.box-shadow(none); |
884 |
- .border-radius(4px 0 0 4px); |
|
1102 |
+ .border-radius(2px 0 0 2px); |
|
885 | 1103 |
&:focus { |
886 | 1104 |
.box-shadow(none); |
887 | 1105 |
} |
888 | 1106 |
} |
889 | 1107 |
.search-btn { |
890 | 1108 |
margin: 5px 0 0; |
891 |
- border: 1px solid #CFCFCF; |
|
892 |
- width: 140px; |
|
1109 |
+ border: 1px solid #a9a9a9; |
|
1110 |
+ width: 88px; |
|
893 | 1111 |
text-align: center; |
894 | 1112 |
padding: 4px 0; |
895 | 1113 |
font-weight: bold; |
896 | 1114 |
font-size: 10px; |
897 |
- color: #666; |
|
898 |
- background-color: @white; |
|
1115 |
+ |
|
1116 |
+ color:#000; |
|
1117 |
+ .border-radius(0 2px 2px 0); |
|
1118 |
+ .linear-gradient(#fff, #f2f2f3); |
|
1119 |
+ |
|
1120 |
+ /* |
|
899 | 1121 |
.opacity(50); |
900 | 1122 |
&:hover { |
901 | 1123 |
.opacity(100); |
902 | 1124 |
} |
1125 |
+ */ |
|
903 | 1126 |
} |
904 |
- } |
|
1127 |
+ .btn-advanced { |
|
1128 |
+ color:#707070; |
|
1129 |
+ font-weight:bold; |
|
1130 |
+ padding-left:18px; |
|
1131 |
+ margin:5px 0 0; |
|
1132 |
+ vertical-align:middle; |
|
1133 |
+ .inline-block; |
|
1134 |
+ i { |
|
1135 |
+ vertical-align:middle; margin-right:3px; |
|
1136 |
+ .ico-arrow-down-blue; |
|
1137 |
+ } |
|
1138 |
+ } |
|
1139 |
+ .srch-advanced { |
|
1140 |
+ display:none; |
|
1141 |
+ } |
|
1142 |
+ |
|
1143 |
+ &.advanced { |
|
1144 |
+ /*height:210px;*/ |
|
1145 |
+ border-bottom: 1px solid #D6D6D6; |
|
1146 |
+ |
|
1147 |
+ .srch-advanced { |
|
1148 |
+ margin-top:14px; |
|
1149 |
+ display:block; |
|
1150 |
+ /*width:600px;*/ |
|
1151 |
+ /*padding:5px;*/ |
|
1152 |
+ border-top: 1px solid #D6D6D6; |
|
1153 |
+ background: #F6F6F6; |
|
1154 |
+ /*box-shadow: inset 0px 1px #fff;*/ |
|
1155 |
+ |
|
1156 |
+ .issue-label { |
|
1157 |
+ border:none; |
|
1158 |
+ } |
|
1159 |
+ |
|
1160 |
+ .labels { background:#D7D7D7; } |
|
1161 |
+ |
|
1162 |
+ .custom-label-category:before { |
|
1163 |
+ content:'|'; margin-right:5px; |
|
1164 |
+ color:#c1c1c1; |
|
1165 |
+ } |
|
1166 |
+ } |
|
1167 |
+ .btn-advanced { |
|
1168 |
+ i { .ico-arrow-up-blue; } |
|
1169 |
+ } |
|
1170 |
+ |
|
1171 |
+ // bootstrap |
|
1172 |
+ .form-horizontal { |
|
1173 |
+ .control-group { |
|
1174 |
+ margin: 0; padding: 6px 10px; |
|
1175 |
+ border-bottom: 1px solid #e3e3e3; |
|
1176 |
+ border-top: 1px solid #fdfdfd; |
|
1177 |
+ |
|
1178 |
+ } |
|
1179 |
+ .control-label { |
|
1180 |
+ text-align:left; width:60px; |
|
1181 |
+ font-size:12px; font-weight:bold; |
|
1182 |
+ color:#666; |
|
1183 |
+ } |
|
1184 |
+ .controls { margin-left:100px; padding-left:10px; } |
|
1185 |
+ .controls:before { |
|
1186 |
+ content:'|'; margin-right:5px; |
|
1187 |
+ color:#cccccc; |
|
1188 |
+ text-shadow:-1px 0px #fff; |
|
1189 |
+ } |
|
1190 |
+ } |
|
1191 |
+ // -- end of bootstrap overrides |
|
1192 |
+ } |
|
1193 |
+ } // -- end of .inner // |
|
905 | 1194 |
} |
906 | 1195 |
} |
907 | 1196 |
|
... | ... | @@ -956,7 +1245,6 @@ |
956 | 1245 |
} |
957 | 1246 |
.user-thumb-wrap { |
958 | 1247 |
margin-left: 38px; |
959 |
- width: 48px; |
|
960 | 1248 |
} |
961 | 1249 |
} |
962 | 1250 |
} |
... | ... | @@ -970,16 +1258,23 @@ |
970 | 1258 |
padding: 0; |
971 | 1259 |
.qa { |
972 | 1260 |
margin-bottom: 14px; |
973 |
- border-bottom: 1px solid #CDCDCD; |
|
1261 |
+ border-bottom: 1px solid #DCDCDC; |
|
1262 |
+ &:last-of-type { |
|
1263 |
+ border-bottom:none; |
|
1264 |
+ } |
|
974 | 1265 |
.question-wrap { |
975 | 1266 |
line-height: 1.2; |
976 | 1267 |
display: table; |
977 |
- padding: 0 10px; |
|
1268 |
+ padding: 0 15px; /*10px;*/ |
|
978 | 1269 |
margin-bottom: 14px; |
979 |
- .ico { |
|
980 |
- margin-right: 10px; |
|
1270 |
+ width:100%; |
|
1271 |
+ .ico { margin-right: 10px; } |
|
1272 |
+ .icor { |
|
1273 |
+ margin:17px !important; |
|
1274 |
+ .ico-qa-plus; |
|
981 | 1275 |
} |
982 | 1276 |
.question { |
1277 |
+ width:85%; |
|
983 | 1278 |
vertical-align: middle; |
984 | 1279 |
display: table-cell; |
985 | 1280 |
font-size: 14px; |
... | ... | @@ -990,9 +1285,9 @@ |
990 | 1285 |
} |
991 | 1286 |
.answer-wrap { |
992 | 1287 |
display: none; |
993 |
- padding: 19px 20px; |
|
994 |
- border-top: 1px solid #CDCDCD; |
|
995 |
- background-color: #EBEBEB; |
|
1288 |
+ padding: 15px; /*19px 20px;*/ |
|
1289 |
+ border-top: 1px solid #DCDCDC; |
|
1290 |
+ background-color: #F3F3F3; |
|
996 | 1291 |
.ico { |
997 | 1292 |
margin-right: 20px; |
998 | 1293 |
} |
... | ... | @@ -1000,11 +1295,21 @@ |
1000 | 1295 |
vertical-align: top; |
1001 | 1296 |
display: table-cell; |
1002 | 1297 |
line-height: 16px; |
1298 |
+ |
|
1299 |
+ text-align: justify; |
|
1300 |
+ word-break: break-all; |
|
1301 |
+ line-height: 180%; |
|
1302 |
+ padding-right:9% |
|
1003 | 1303 |
} |
1004 | 1304 |
} |
1005 | 1305 |
&.open { |
1006 | 1306 |
.question-wrap { |
1007 | 1307 |
margin-bottom: 16px; |
1308 |
+ width:100%; |
|
1309 |
+ |
|
1310 |
+ .icor { |
|
1311 |
+ .ico-qa-minus; |
|
1312 |
+ } |
|
1008 | 1313 |
.question { |
1009 | 1314 |
font-size: 20px; |
1010 | 1315 |
.opacity(100); |
... | ... | @@ -1038,6 +1343,9 @@ |
1038 | 1343 |
} |
1039 | 1344 |
&.dark-gray { |
1040 | 1345 |
background-color: #ECECEC; |
1346 |
+ hr { |
|
1347 |
+ border-top:1px solid #d4d4d4; |
|
1348 |
+ } |
|
1041 | 1349 |
} |
1042 | 1350 |
&.wp { |
1043 | 1351 |
padding: 20px 20px 10px; |
... | ... | @@ -1069,6 +1377,7 @@ |
1069 | 1377 |
.inline-block; |
1070 | 1378 |
width: 234px; |
1071 | 1379 |
margin-right: 20px; |
1380 |
+ img { .border-radius(2px); } |
|
1072 | 1381 |
} |
1073 | 1382 |
.logo-desc { |
1074 | 1383 |
width: 140px; |
... | ... | @@ -1091,6 +1400,7 @@ |
1091 | 1400 |
.textarea { |
1092 | 1401 |
height: 111px; |
1093 | 1402 |
margin-bottom: 0; |
1403 |
+ resize:vertical; |
|
1094 | 1404 |
} |
1095 | 1405 |
} |
1096 | 1406 |
} |
... | ... | @@ -1113,14 +1423,13 @@ |
1113 | 1423 |
padding-right: 45px; |
1114 | 1424 |
.inline-block; |
1115 | 1425 |
vertical-align: top; |
1116 |
- color: @gray-66; |
|
1117 | 1426 |
} |
1118 | 1427 |
|
1119 | 1428 |
.cu-desc { |
1120 | 1429 |
.inline-block; |
1121 | 1430 |
.note { |
1122 | 1431 |
color: #999; |
1123 |
- font-size: 11px; |
|
1432 |
+ font-size: 12px; |
|
1124 | 1433 |
} |
1125 | 1434 |
.notice { |
1126 | 1435 |
color: #777; |
... | ... | @@ -1130,6 +1439,56 @@ |
1130 | 1439 |
.n-alert.project-del { |
1131 | 1440 |
margin-left: 125px; |
1132 | 1441 |
} |
1442 |
+.btn-project-delete { |
|
1443 |
+ margin-left:10px; |
|
1444 |
+} |
|
1445 |
+ |
|
1446 |
+.project-menu { |
|
1447 |
+ border:1px solid #e7e7e7; |
|
1448 |
+ margin-bottom:30px; |
|
1449 |
+ |
|
1450 |
+ ul { margin:0 !important; } |
|
1451 |
+ li { line-height:40px; padding:0; .inline-block; } |
|
1452 |
+ |
|
1453 |
+ .project-menu-wrap { padding:0px 0px; position:relative; height:40px; } |
|
1454 |
+ .main { |
|
1455 |
+ background:#f9f9f9; text-align:center; |
|
1456 |
+ a { font-weight:bold; color:#777; padding:0 45px; position:relative; } |
|
1457 |
+ .highlight a { |
|
1458 |
+ color:@orange !important; |
|
1459 |
+ &:after { |
|
1460 |
+ content:''; |
|
1461 |
+ position:absolute; z-index:199; |
|
1462 |
+ width:6px; height:6px; left:48%; top:22px; |
|
1463 |
+ .ico; .ico-arrow-up-gray; |
|
1464 |
+ } |
|
1465 |
+ } |
|
1466 |
+ } |
|
1467 |
+ .sub { |
|
1468 |
+ border-top:1px solid #d4d5d7; z-index:100; |
|
1469 |
+ background:#fff; |
|
1470 |
+ ul { |
|
1471 |
+ position:absolute; |
|
1472 |
+ &.on-home { left:70px; } |
|
1473 |
+ &.on-board { left:170px; } |
|
1474 |
+ &.on-code { left:270px; } |
|
1475 |
+ &.on-issue { right:70px; } |
|
1476 |
+ &.on-task { right:50px; } |
|
1477 |
+ &.on-admin { right:50px; } |
|
1478 |
+ } |
|
1479 |
+ |
|
1480 |
+ a { font-weight:bold; color:#959595; padding:0 25px; font-size:11px; } |
|
1481 |
+ .highlight a { color:#000 !important; } |
|
1482 |
+ } |
|
1483 |
+ .sp-line { |
|
1484 |
+ width:1px; color:#d7d8d9; |
|
1485 |
+ padding:0; margin:0; |
|
1486 |
+ } |
|
1487 |
+} |
|
1488 |
+.main-menu-only { |
|
1489 |
+ border-bottom:1px solid #d4d5d7; |
|
1490 |
+} |
|
1491 |
+ |
|
1133 | 1492 |
|
1134 | 1493 |
//--- member |
1135 | 1494 |
.inner-bubble { |
... | ... | @@ -1141,7 +1500,13 @@ |
1141 | 1500 |
&.uname { |
1142 | 1501 |
width: 384px; |
1143 | 1502 |
margin: 0; |
1503 |
+ .border-radius(2px); |
|
1144 | 1504 |
} |
1505 |
+ } |
|
1506 |
+ .ns-btn { |
|
1507 |
+ .border-radius(2px); |
|
1508 |
+ padding:2px 20px; |
|
1509 |
+ margin-left:3px; |
|
1145 | 1510 |
} |
1146 | 1511 |
} |
1147 | 1512 |
|
... | ... | @@ -1171,7 +1536,7 @@ |
1171 | 1536 |
border-right: 1px solid @gray-d4; |
1172 | 1537 |
} |
1173 | 1538 |
.d-label { |
1174 |
- width: 147px; |
|
1539 |
+ width: 128px; /*147px;*/ |
|
1175 | 1540 |
} |
1176 | 1541 |
.btns { |
1177 | 1542 |
margin-top: 6px; |
... | ... | @@ -1209,15 +1574,31 @@ |
1209 | 1574 |
margin-bottom: 15px; |
1210 | 1575 |
overflow: hidden; |
1211 | 1576 |
.filters { |
1577 |
+ color:#666; |
|
1212 | 1578 |
float: right; |
1213 | 1579 |
.filter:first-child { |
1214 | 1580 |
margin-right: 5px; |
1215 | 1581 |
} |
1216 | 1582 |
} |
1583 |
+ .legend { |
|
1584 |
+ float:right; |
|
1585 |
+ color:#999; |
|
1586 |
+ i { |
|
1587 |
+ .inline-block; |
|
1588 |
+ .border-radius(2px); |
|
1589 |
+ width:7px; height:7px; |
|
1590 |
+ margin:0 3px; |
|
1591 |
+ &.orange { background:@orange; } |
|
1592 |
+ &.blue { background:@blue; } |
|
1593 |
+ &.gray { background:#B1B1B1; } |
|
1594 |
+ } |
|
1595 |
+ margin-right:10px; |
|
1596 |
+ } |
|
1217 | 1597 |
} |
1218 | 1598 |
.milestones { |
1219 | 1599 |
list-style: none; |
1220 | 1600 |
margin: 0; |
1601 |
+ |
|
1221 | 1602 |
.milestone { |
1222 | 1603 |
border-bottom: 1px solid @gray-d4; |
1223 | 1604 |
padding: 15px 30px; |
... | ... | @@ -1232,15 +1613,21 @@ |
1232 | 1613 |
.contributor { |
1233 | 1614 |
float: left; |
1234 | 1615 |
margin: 0 5px 5px 0; |
1616 |
+ |
|
1617 |
+ .img-rounded { |
|
1618 |
+ width:34px; height:34px; |
|
1619 |
+ display:block; |
|
1620 |
+ } |
|
1235 | 1621 |
} |
1236 | 1622 |
} |
1237 | 1623 |
.meta-info { |
1238 | 1624 |
margin:5px 0 10px; |
1239 | 1625 |
.sp { |
1240 |
- margin: 0 10px; |
|
1626 |
+ margin: 0 5px; |
|
1627 |
+ color:#E4E4E4; |
|
1241 | 1628 |
} |
1242 | 1629 |
.due-date { |
1243 |
- color: #999; |
|
1630 |
+ color: #666; /*999;*/ |
|
1244 | 1631 |
} |
1245 | 1632 |
} |
1246 | 1633 |
.progress-wrap { |
... | ... | @@ -1252,16 +1639,17 @@ |
1252 | 1639 |
font-size: 11px; |
1253 | 1640 |
margin-top: 15px; |
1254 | 1641 |
padding: 15px; |
1255 |
- .border-radius(5px); |
|
1642 |
+ .border-radius(2px); |
|
1256 | 1643 |
background-color: #EBEBEB; |
1644 |
+ border-top:1px solid #D3D3D3; |
|
1257 | 1645 |
} |
1258 | 1646 |
} |
1259 | 1647 |
.completion-rate { |
1260 |
- margin-left: 660px; |
|
1648 |
+ margin-left: 700px;/*660px;*/ |
|
1261 | 1649 |
text-align: center; |
1262 | 1650 |
font-size: 56px; |
1263 |
- .helvetic-light; |
|
1264 |
- line-height: 1.3; |
|
1651 |
+ /*.helvetic-light;*/ |
|
1652 |
+ line-height: 2.8; /*1.3;*/ |
|
1265 | 1653 |
letter-spacing: -5px; |
1266 | 1654 |
&.done { |
1267 | 1655 |
color: @orange; |
... | ... | @@ -1269,6 +1657,15 @@ |
1269 | 1657 |
} |
1270 | 1658 |
} |
1271 | 1659 |
} |
1660 |
+.milestone-tabs { |
|
1661 |
+ li a { |
|
1662 |
+ padding-left:34px; padding-right:34px; |
|
1663 |
+ background:#ececec; |
|
1664 |
+ border:1px solid #D3D3D3; |
|
1665 |
+ box-shadow:inset 0px 1px 1px #fff; |
|
1666 |
+ } |
|
1667 |
+} |
|
1668 |
+ |
|
1272 | 1669 |
|
1273 | 1670 |
//-- new milestone |
1274 | 1671 |
.form-wrap { |
... | ... | @@ -1306,7 +1703,7 @@ |
1306 | 1703 |
} |
1307 | 1704 |
} |
1308 | 1705 |
|
1309 |
-//-- project hoem |
|
1706 |
+//-- project home |
|
1310 | 1707 |
.project-home { |
1311 | 1708 |
padding: 10px; |
1312 | 1709 |
font-size: 0; |
... | ... | @@ -1336,8 +1733,8 @@ |
1336 | 1733 |
margin: 0; |
1337 | 1734 |
padding: 10px; |
1338 | 1735 |
.info { |
1339 |
- padding: 5px 10px; |
|
1340 |
- border-bottom: 1px solid @gray-d4; |
|
1736 |
+ padding: 6px; /*5px 10px;*/ |
|
1737 |
+ border-bottom: 1px solid #ededed;//@gray-d4; |
|
1341 | 1738 |
color: #777; |
1342 | 1739 |
&:first-child { |
1343 | 1740 |
padding-top: 0; |
... | ... | @@ -1351,7 +1748,7 @@ |
1351 | 1748 |
} |
1352 | 1749 |
.member-wrap { |
1353 | 1750 |
height: 130px; |
1354 |
- overflow-y: auto; |
|
1751 |
+ overflow-y: scroll; |
|
1355 | 1752 |
} |
1356 | 1753 |
.project-members { |
1357 | 1754 |
list-style: none; |
... | ... | @@ -1371,16 +1768,14 @@ |
1371 | 1768 |
.user-thumb { |
1372 | 1769 |
.inline-block; |
1373 | 1770 |
width: 20px; |
1374 |
- height: 20px; |
|
1375 |
- .img-rounded; |
|
1376 | 1771 |
} |
1377 | 1772 |
} |
1378 | 1773 |
} |
1379 | 1774 |
header { |
1380 | 1775 |
background-color: #F8F8F8; |
1381 |
- padding: 10px 20px; |
|
1776 |
+ padding: 10px 15px; /*10px 20px;*/ |
|
1382 | 1777 |
h3 { |
1383 |
- font-size: 16px; |
|
1778 |
+ font-size: 12px;/* 16px;*/ |
|
1384 | 1779 |
color: #4C4C4C; |
1385 | 1780 |
margin: 0; |
1386 | 1781 |
.inline-block; |
... | ... | @@ -1453,11 +1848,11 @@ |
1453 | 1848 |
padding-right: 90px; |
1454 | 1849 |
.title { |
1455 | 1850 |
margin-bottom: 5px; |
1456 |
- font-size: 13px; |
|
1851 |
+ text-align:justify; |
|
1457 | 1852 |
} |
1458 | 1853 |
.infos { |
1459 | 1854 |
line-height: 14px; |
1460 |
- font-size: 12px; |
|
1855 |
+ font-size: 11px; |
|
1461 | 1856 |
color: #999; |
1462 | 1857 |
.author { |
1463 | 1858 |
color: #696969; |
... | ... | @@ -1484,6 +1879,10 @@ |
1484 | 1879 |
.write-btn-wrap { |
1485 | 1880 |
margin: 20px 0; |
1486 | 1881 |
text-align: right; |
1882 |
+} |
|
1883 |
+.btn-save-xls { |
|
1884 |
+ float:left; |
|
1885 |
+ color:#707070 !important; |
|
1487 | 1886 |
} |
1488 | 1887 |
|
1489 | 1888 |
.board-view { |
... | ... | @@ -1541,8 +1940,9 @@ |
1541 | 1940 |
} |
1542 | 1941 |
} |
1543 | 1942 |
.content { |
1544 |
- width: @fileViewContentWidth; |
|
1545 |
- margin-bottom: 20px; |
|
1943 |
+ /*width: 700px;*/ |
|
1944 |
+ text-align:justify; |
|
1945 |
+ margin-bottom: 20px; |
|
1546 | 1946 |
} |
1547 | 1947 |
} |
1548 | 1948 |
|
... | ... | @@ -1554,6 +1954,8 @@ |
1554 | 1954 |
color: #222; |
1555 | 1955 |
font-size: 14px; |
1556 | 1956 |
line-height: 40px; |
1957 |
+ border-bottom: 1px solid @white; |
|
1958 |
+ .box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15)); |
|
1557 | 1959 |
} |
1558 | 1960 |
.comments { |
1559 | 1961 |
margin: 0; |
... | ... | @@ -1561,6 +1963,8 @@ |
1561 | 1963 |
list-style: none; |
1562 | 1964 |
.comment { |
1563 | 1965 |
padding: 20px; |
1966 |
+ border-bottom: 1px solid @white; |
|
1967 |
+ .box-shadow(inset 0 -1px 0 rgba(0, 0, 0, 0.15)); |
|
1564 | 1968 |
.media-body { |
1565 | 1969 |
padding-left: 17px; |
1566 | 1970 |
.commenter { |
... | ... | @@ -1604,13 +2008,14 @@ |
1604 | 2008 |
border: 1px solid @gray-cc; |
1605 | 2009 |
border-left: 0 none; |
1606 | 2010 |
.border-radius(0 4px 4px 0); |
1607 |
- width: 100px; |
|
2011 |
+ width: 110px; |
|
1608 | 2012 |
height: 90px; |
1609 | 2013 |
} |
1610 | 2014 |
.comment { |
1611 | 2015 |
width: 715px; |
1612 | 2016 |
height: 80px; |
1613 | 2017 |
margin: 0; |
2018 |
+ resize:vertical; |
|
1614 | 2019 |
.border-radius(4px 0 0 4px); |
1615 | 2020 |
.box-shadow(none); |
1616 | 2021 |
&:focus { |
... | ... | @@ -1712,6 +2117,7 @@ |
1712 | 2117 |
.content-wrap { |
1713 | 2118 |
.text { |
1714 | 2119 |
width: 866px; |
2120 |
+ resize:vertical; |
|
1715 | 2121 |
} |
1716 | 2122 |
.title { |
1717 | 2123 |
margin-bottom: 15px; |
... | ... | @@ -1736,30 +2142,145 @@ |
1736 | 2142 |
.border-radius(5px); |
1737 | 2143 |
} |
1738 | 2144 |
|
2145 |
+.issue-list { |
|
2146 |
+ margin: 0; |
|
2147 |
+ padding: 0; |
|
2148 |
+ list-style: none; |
|
2149 |
+ .issue { |
|
2150 |
+ border-bottom: 1px solid @gray-d4; |
|
2151 |
+ padding: 15px 20px; |
|
2152 |
+ > div { |
|
2153 |
+ display: table-cell; |
|
2154 |
+ vertical-align: top; |
|
2155 |
+ } |
|
2156 |
+ .num { |
|
2157 |
+ width: 35px; |
|
2158 |
+ color: #B2B2B2; |
|
2159 |
+ } |
|
2160 |
+ .attach-wrap { |
|
2161 |
+ width: 35px; |
|
2162 |
+ text-align: center; |
|
2163 |
+ .ico { |
|
2164 |
+ margin-top: 5px; |
|
2165 |
+ } |
|
2166 |
+ } |
|
2167 |
+ .contents { |
|
2168 |
+ width: 590px; |
|
2169 |
+ padding-right: 40px; |
|
2170 |
+ .title { |
|
2171 |
+ margin-bottom: 5px; |
|
2172 |
+ text-align:justify; |
|
2173 |
+ a { |
|
2174 |
+ display:block; |
|
2175 |
+ display:-webkit-box; |
|
2176 |
+ overflow:hidden; |
|
2177 |
+ text-overflow:clip; /*ellipsis;*/ |
|
2178 |
+ -webkit-line-clamp:4; |
|
2179 |
+ -webkit-box-orient:vertical; |
|
2180 |
+ } |
|
2181 |
+ } |
|
2182 |
+ .infos { |
|
2183 |
+ line-height: 14px; |
|
2184 |
+ font-size: 11px; |
|
2185 |
+ color: #999; |
|
2186 |
+ .author { |
|
2187 |
+ color: #696969; |
|
2188 |
+ margin-right:5px; |
|
2189 |
+ } |
|
2190 |
+ } |
|
2191 |
+ } |
|
2192 |
+ .right-panel { |
|
2193 |
+ width: 150px; |
|
2194 |
+ .state { |
|
2195 |
+ float:left; |
|
2196 |
+ margin-top:7px; |
|
2197 |
+ margin-right:13px; |
|
2198 |
+ font-weight:bold; |
|
2199 |
+ font-size:11px; |
|
2200 |
+ color:#bbb; width:38px; |
|
2201 |
+ &.open { |
|
2202 |
+ color:@blue; |
|
2203 |
+ } |
|
2204 |
+ } |
|
2205 |
+ .comment-wrap { |
|
2206 |
+ float: left; |
|
2207 |
+ margin-top: 7px; |
|
2208 |
+ margin-right:15px; |
|
2209 |
+ |
|
2210 |
+ .ico { |
|
2211 |
+ vertical-align: bottom; |
|
2212 |
+ margin-right: 5px; |
|
2213 |
+ } |
|
2214 |
+ .num { |
|
2215 |
+ color: #4489A4; |
|
2216 |
+ } |
|
2217 |
+ } |
|
2218 |
+ .img-rounded { |
|
2219 |
+ .inline-block; |
|
2220 |
+ width:32px; height:32px; |
|
2221 |
+ } |
|
2222 |
+ } |
|
2223 |
+ } |
|
2224 |
+} |
|
1739 | 2225 |
|
1740 | 2226 |
//---- code browse |
1741 | 2227 |
.code-browse { |
1742 | 2228 |
.bubble-wrap { |
1743 | 2229 |
padding: 10px; |
1744 | 2230 |
.inner-bubble { |
1745 |
- padding: 20px 15px 20px 20px; |
|
2231 |
+ padding: 20px; /*20px 15px 20px 20px;*/ |
|
1746 | 2232 |
margin-bottom: 15px; |
2233 |
+ border-bottom:1px solid #cfcfcf; |
|
1747 | 2234 |
} |
1748 | 2235 |
} |
1749 | 2236 |
} |
1750 |
-.code-tab { |
|
2237 |
+.code-tab, |
|
2238 |
+.plugin-tab { |
|
1751 | 2239 |
margin: 15px 0 20px; |
1752 | 2240 |
} |
1753 | 2241 |
|
2242 |
+.code-tab { |
|
2243 |
+ li a { |
|
2244 |
+ padding-left:64px; padding-right:64px; |
|
2245 |
+ background:#ececec; |
|
2246 |
+ border:1px solid #D3D3D3; |
|
2247 |
+ box-shadow:inset 0px 1px 1px #fff; |
|
2248 |
+ } |
|
2249 |
+} |
|
2250 |
+.plugin-tab { |
|
2251 |
+ li a { |
|
2252 |
+ padding-left:14px; padding-right:14px; |
|
2253 |
+ background:#ececec; |
|
2254 |
+ border:1px solid #D3D3D3; |
|
2255 |
+ box-shadow:inset 0px 1px 1px #fff; |
|
2256 |
+ } |
|
2257 |
+} |
|
2258 |
+ |
|
2259 |
+.repo-wrap { |
|
2260 |
+ padding:10px; |
|
2261 |
+} |
|
1754 | 2262 |
.repo-info { |
2263 |
+ padding:19px 20px; |
|
2264 |
+ |
|
1755 | 2265 |
.clone-label { |
1756 | 2266 |
color: #4D4D4D; |
1757 | 2267 |
margin-right: 10px; |
2268 |
+ font-weight:bold; |
|
2269 |
+ |
|
2270 |
+ strong { |
|
2271 |
+ color:#fff; .border-radius(3px); |
|
2272 |
+ font-size: 11px; padding: 4px; |
|
2273 |
+ text-shadow: -1px -1px rgba(0,0,0,0.3); |
|
2274 |
+ margin-right: 5px; |
|
2275 |
+ |
|
2276 |
+ &.svn { .bgblue; } |
|
2277 |
+ &.git { .bgorange; padding: 4px 27px; } |
|
2278 |
+ } |
|
1758 | 2279 |
} |
1759 | 2280 |
.repo-url { |
1760 | 2281 |
cursor: text; |
1761 | 2282 |
margin: 0; |
1762 |
- width: 359px; |
|
2283 |
+ width: 350px; /*357px;*/ |
|
1763 | 2284 |
.box-shadow(none); |
1764 | 2285 |
.border-radius(4px 0 0 4px); |
1765 | 2286 |
&:focus { |
... | ... | @@ -1769,7 +2290,7 @@ |
1769 | 2290 |
} |
1770 | 2291 |
.copy-btn { |
1771 | 2292 |
font-size: 10px; |
1772 |
- color: #B2B2B2; |
|
2293 |
+ /*color: #B2B2B2;*/ |
|
1773 | 2294 |
border: 1px solid #CCC; |
1774 | 2295 |
border-left: 0 none; |
1775 | 2296 |
line-height: 26px; |
... | ... | @@ -1777,7 +2298,7 @@ |
1777 | 2298 |
vertical-align: top; |
1778 | 2299 |
text-decoration: none; |
1779 | 2300 |
.border-radius(0 4px 4px 0); |
1780 |
- padding: 0 9px; |
|
2301 |
+ padding: 0 19px; |
|
1781 | 2302 |
margin-right: 10px; |
1782 | 2303 |
font-weight: bold; |
1783 | 2304 |
&:hover { |
... | ... | @@ -1786,26 +2307,24 @@ |
1786 | 2307 |
} |
1787 | 2308 |
.btn-group { |
1788 | 2309 |
.d-label { |
1789 |
- width: 155px; |
|
2310 |
+ width: 115px; /*155px;*/ |
|
1790 | 2311 |
} |
1791 | 2312 |
} |
1792 | 2313 |
} |
1793 | 2314 |
|
1794 | 2315 |
.double-sp { |
1795 |
- margin: 5px 0 5px; |
|
2316 |
+ margin: 15px 0 17px; |
|
1796 | 2317 |
} |
1797 | 2318 |
|
1798 |
-@fileViewContentWidth: 710px; |
|
1799 |
- |
|
1800 | 2319 |
.code-browse-wrap { |
1801 |
- .border-radius(5px); |
|
2320 |
+ .border-radius(10px); |
|
1802 | 2321 |
.box-shadow(0 1px 0 rgba(0,0,0, .15)); |
1803 | 2322 |
overflow: hidden; |
1804 | 2323 |
.code-browse-header { |
1805 | 2324 |
color: @white; |
1806 | 2325 |
background-color: #4D4D4D; |
1807 | 2326 |
line-height: 34px; |
1808 |
- font-size: 12px; |
|
2327 |
+ font-size: 11px; |
|
1809 | 2328 |
padding: 0 20px; |
1810 | 2329 |
} |
1811 | 2330 |
.commit-wrap { |
... | ... | @@ -1820,15 +2339,19 @@ |
1820 | 2339 |
min-width: 196px; |
1821 | 2340 |
max-width: 196px; |
1822 | 2341 |
overflow: auto; |
1823 |
- border-right: 1px solid #f1f1f1; |
|
1824 | 2342 |
} |
1825 | 2343 |
&.sp-wrap { |
1826 | 2344 |
border-left: 4px solid #E6E6E6; |
1827 | 2345 |
} |
1828 | 2346 |
&.file-wrap { |
1829 |
- width: @fileViewContentWidth; |
|
1830 |
- min-width: @fileViewContentWidth; |
|
1831 |
- max-width: @fileViewContentWidth; |
|
2347 |
+ /* |
|
2348 |
+ width: 700px; |
|
2349 |
+ min-width: 700px; |
|
2350 |
+ max-width: 700px; |
|
2351 |
+ */ |
|
2352 |
+ width:660px; |
|
2353 |
+ min-width:660px; |
|
2354 |
+ max-width:660px; |
|
1832 | 2355 |
overflow-x: auto; |
1833 | 2356 |
} |
1834 | 2357 |
} |
... | ... | @@ -1836,14 +2359,13 @@ |
1836 | 2359 |
line-height: 34px; |
1837 | 2360 |
background-color: #9C9C9C; |
1838 | 2361 |
color: @white; |
1839 |
- font-size: 12px; |
|
1840 |
- padding-left: 16px; |
|
2362 |
+ font-size: 10px; |
|
2363 |
+ padding-left: 20px; |
|
1841 | 2364 |
position: absolute; |
1842 | 2365 |
width: 180px; |
1843 | 2366 |
} |
1844 | 2367 |
.directories { |
1845 |
- margin: 10px; |
|
1846 |
- border-right: 2px sold #808080; |
|
2368 |
+ margin: 0; |
|
1847 | 2369 |
margin-top: 34px; |
1848 | 2370 |
padding: 0; |
1849 | 2371 |
overflow: auto; |
... | ... | @@ -1867,7 +2389,7 @@ |
1867 | 2389 |
.code-table { |
1868 | 2390 |
width: 100%; |
1869 | 2391 |
&.sources { |
1870 |
- width: @fileViewContentWidth; |
|
2392 |
+ /*width: 650px; /*700px;*/ |
|
1871 | 2393 |
} |
1872 | 2394 |
td { |
1873 | 2395 |
padding: 0 15px 0 5px; |
... | ... | @@ -1875,14 +2397,14 @@ |
1875 | 2397 |
.thead { |
1876 | 2398 |
background-color: #9C9C9C; |
1877 | 2399 |
line-height: 34px; |
1878 |
- font-size: 11px; |
|
2400 |
+ font-size: 10px; |
|
1879 | 2401 |
color: @white; |
1880 | 2402 |
.author { |
1881 | 2403 |
text-align: left; |
1882 | 2404 |
} |
1883 | 2405 |