Download as
Browse Code »

Commit f10861131bf544f41d04026688122bfe60aa6d5e

Authored by Melissa Wen
1 parent 3b0e9f00
Exists in master and in 9 other branches bootstrap_modal, bug_fix_40, code_block, design_41_backup, event_block, master_with_pkg_fixes, pkg_fixes, r4, r5_design

Style of edit blog and article and adjusts on compatibility of search page style definition

Showing 2 changed files with 183 additions and 35 deletions   Show diff stats
css/edition-pages.css
  Diff comments   View file @f108611
... ... @@ -2,7 +2,7 @@
2 2  
3 3 /*** Edit Blog and Articles ***/
4 4  
5   -.controller-cms #content .main-block h1{
  5 +.controller-cms #content .main-content h1{
6 6 margin: 0 0 10px 0;
7 7 padding: 0;
8 8 color: #172738;
... ... @@ -13,19 +13,19 @@
13 13 font-variant: normal;
14 14 }
15 15  
16   -.controller-cms #content .main-block form{
  16 +.controller-cms #content .main-content form{
17 17 font-size: 14px;
18 18 font-family: Arial;
19 19 }
20 20  
21   -.controller-cms #content .main-block form .required-field .pseudoformlabel,
22   -.controller-cms #content .main-block form .required-field label.formlabel:after {
  21 +.controller-cms #content .main-content form .required-field .pseudoformlabel,
  22 +.controller-cms #content .main-content form .required-field label.formlabel:after {
23 23 color: #FF0366;
24 24 font-size: 14px;
25 25 font-weight: 500;
26 26 }
27 27  
28   -.controller-cms #content .main-block .formlabel{
  28 +.controller-cms #content .main-content .formlabel{
29 29 display: inline-block;
30 30 max-width: 100%;
31 31 margin-bottom: 5px;
... ... @@ -34,7 +34,7 @@
34 34 font-size: 14px;
35 35 }
36 36  
37   -.controller-cms #content .main-block .formfieldline .formfield code{
  37 +.controller-cms #content .main-content .formfieldline .formfield code{
38 38 display: block;
39 39 width: auto;
40 40 height: 30px;
... ... @@ -45,21 +45,21 @@
45 45 font-family: Arial, helvetica;
46 46 }
47 47  
48   -.controller-cms #content .main-block .formfieldline .formfield code *{
  48 +.controller-cms #content .main-content .formfieldline .formfield code *{
49 49 display: inline;
50 50 }
51 51  
52   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]{
  52 +.controller-cms #content .main-content .formfieldline .formfield input[type="text"]{
53 53 padding: 6px;
54 54 color: #585858;
55   - background: none;
  55 + background: #FFF;
56 56 border: 1px solid #ccc;
57 57 border-radius: 4px;
58 58 font-size: 15px;
59 59 font-family: Arial, helvetica;
60 60 }
61 61  
62   -.controller-cms #content .main-block .formfieldline textarea{
  62 +.controller-cms #content .main-content .formfieldline textarea{
63 63 padding: 6px;
64 64 color: #585858;
65 65 background: none;
... ... @@ -69,18 +69,18 @@
69 69 font-size: 15px;
70 70 }
71 71  
72   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:hover,
73   -.controller-cms #content .main-block .formfieldline .formfield code input[type="text"]:focus,
74   -.controller-cms #content .main-block .formfieldline textarea:hover,
75   -.controller-cms #content .main-block .formfieldline textarea:focus{
  72 +.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:hover,
  73 +.controller-cms #content .main-content .formfieldline .formfield code input[type="text"]:focus,
  74 +.controller-cms #content .main-content .formfieldline textarea:hover,
  75 +.controller-cms #content .main-content .formfieldline textarea:focus{
76 76 border: 1px solid #172738;
77 77 }
78 78  
79   -.controller-cms #content .main-block .formfieldline .type-file .type-file .formlabel{
  79 +.controller-cms #content .main-content .formfieldline .type-file .type-file .formlabel{
80 80 display: none;
81 81 }
82 82  
83   -.controller-cms #content .main-block .formfieldline .type-file .type-file .type-text .formlabel{
  83 +.controller-cms #content .main-content .formfieldline .type-file .type-file .type-text .formlabel{
84 84 display: block;
85 85 }
86 86  
... ... @@ -136,25 +136,27 @@
136 136 margin-bottom: 15px;
137 137 }
138 138  
139   -.controller-cms #content .main-block form .button-bar input{
140   - min-width: 100px;
  139 +.controller-cms #content .main-content form .button-bar input{
  140 + height: 30px;
  141 + padding: 2px 15px;
141 142 margin-right: 10px;
142   - padding: 2px 5px;
143 143 color: #FFF;
144 144 background: #3E67B1;
145 145 font-size: 15px;
146   - border: none;
147 146 }
148 147  
149   -.controller-cms #content .main-block form .button-bar input:hover{
  148 +.controller-cms #content .main-content form .button-bar input:hover{
150 149 background: #5E82C6;
151 150 border: none;
152 151 }
153 152  
154   -.controller-cms #content .main-block form .button-bar a.button{
155   - height: 29px;
156   - min-width: 100px;
157   - padding: 1px 0 0 0;
  153 +.controller-cms #content .main-content form .button-bar input.button.with-text{
  154 + height: 36px;
  155 +}
  156 +
  157 +.controller-cms #content .main-content form .button-bar a.button{
  158 + height: 30px;
  159 + padding: 2px 15px;
158 160 color: #3E67B1;
159 161 background: #FFF;
160 162 border: 1px solid #3E67B1;
... ... @@ -162,48 +164,48 @@
162 164 text-align: center;
163 165 }
164 166  
165   -.controller-cms #content .main-block form .button-bar a.button:hover{
  167 +.controller-cms #content .main-content form .button-bar a.button:hover{
166 168 background: none;
167 169 color: #3E67B1;
168 170 border-color: #3E67B1;
169 171 }
170 172  
171   -.controller-cms #content .main-block form .box-title{
  173 +.controller-cms #content .main-content form .box-title{
172 174 font-size: 15px;
173 175 font-family: Arial, helvetica;
174 176 }
175 177  
176   -.controller-cms #content .main-block #category-ajax-selector{
  178 +.controller-cms #content .main-content #category-ajax-selector{
177 179 border-style: dotted;
178 180 }
179 181  
180   -.controller-cms #content .main-block #category-ajax-selector label{
  182 +.controller-cms #content .main-content #category-ajax-selector label{
181 183 font-size: 14px;
182 184 }
183 185  
184   -.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link{
  186 +.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link{
185 187 background: #FFF;
186 188 border: 1px solid #2C66CE;
187 189 color: #2C66CE;
188 190 padding: 3px;
189 191 }
190 192  
191   -.controller-cms #content .main-block #category-ajax-selector .select-subcategory-link:hover{
  193 +.controller-cms #content .main-content #category-ajax-selector .select-subcategory-link:hover{
192 194 background: #2C66CE;
193 195 color: #FFF;
194 196 }
195 197  
196   -.controller-cms #content .main-block .inputosaurus-required{
  198 +.controller-cms #content .main-content .inputosaurus-required{
197 199 background: none;
198 200 border: 1px solid #ccc;
199 201 }
200 202  
201   -.controller-cms #content .main-block .inputosaurus-required:hover,
202   -.controller-cms #content .main-block .inputosaurus-required:focus{
  203 +.controller-cms #content .main-content .inputosaurus-required:hover,
  204 +.controller-cms #content .main-content .inputosaurus-required:focus{
203 205 border: 1px solid #172738;
204 206 }
205 207  
206   -.controller-cms #content .main-block .inputosaurus-required input:hover{
  208 +.controller-cms #content .main-content .inputosaurus-required input:hover{
207 209 background: none;
208 210 }
209 211  
... ... @@ -216,3 +218,34 @@
216 218 margin-top: 13px;
217 219 margin-bottom: 13px;
218 220 }
  221 +
  222 +/*** Article's edition page ***/
  223 +
  224 +#content .text-editor-sidebar .header{
  225 + padding: 13px 10px;
  226 + color: #172738;
  227 + background: #D3D6DE;
  228 + border-radius: 4px;
  229 + font-size: 14px;
  230 + font-weight: 300;
  231 + font-family: Arial;
  232 +}
  233 +
  234 +#content .text-editor-sidebar .header a.button.icon-vertical-toggle{
  235 + padding: 0 15px;
  236 + background: #3E67B1;
  237 + color: #FFF;
  238 + font-size: 14px;
  239 + font-weight: 300;
  240 + font-family: Arial;
  241 +}
  242 +
  243 +#content .text-editor-sidebar .header a.button.icon-vertical-toggle:hover{
  244 + background: #5E82C6;
  245 +}
  246 +
  247 +#content .text-editor-sidebar-box{
  248 + background: #ECEDF1;
  249 + border-radius: 4px;
  250 + border: 1px solid #D3D6DE;
  251 +}
... ...
css/search-pages.css 0 → 100644
  Diff comments   View file @f108611
... ... @@ -0,0 +1,115 @@
  1 +/*** Search Community ***/
  2 +
  3 +.action-search-index #content form #search-header,
  4 +.action-search-people #content form #search-header,
  5 +.action-search-communities #content form #search-header{
  6 + margin-top: 5px;
  7 + float: right;
  8 + border: none;
  9 +}
  10 +
  11 +.action-search-people #content form #search-header #search-filters .sod_select,
  12 +.action-search-communities #content form #search-header #search-filters .sod_select{
  13 + color: #3E67B1;
  14 + border: 1px solid #3E67B1;
  15 + border-radius: 4px;
  16 + font-family: Arial;
  17 + font-variant: normal;
  18 + font-weight: 300;
  19 + box-shadow: none;
  20 +}
  21 +
  22 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list,
  23 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list{
  24 + margin: -2px 0 0 -1px;
  25 + color: #3E67B1;
  26 + border: 1px solid #3E67B1;
  27 + border-top: none;
  28 + border-radius: 0px 0px 4px 4px;
  29 + font-family: Arial;
  30 + font-variant: normal;
  31 + font-weight: 300;
  32 +}
  33 +
  34 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list .active,
  35 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .active{
  36 + border-radius: 0px 0px 4px 4px;
  37 +}
  38 +
  39 +.action-search-people #content form #search-header #search-filters .sod_select .sod_list .selected,
  40 +.action-search-communities #content form #search-header #search-filters .sod_select .sod_list .selected{
  41 + padding-right: 21px;
  42 +}
  43 +
  44 +.action-search-people #content form #search-subheader .sod_select,
  45 +.action-search-communities #content form #search-subheader .sod_select{
  46 + line-height: 15px;
  47 +}
  48 +
  49 +.action-search-index #content form .search-field,
  50 +.action-search-people #content form .search-field,
  51 +.action-search-communities #content form .search-field{
  52 + margin-bottom: 30px;
  53 +}
  54 +
  55 +.action-search-index #content form .search-field .formfield,
  56 +.action-search-people #content form .search-field .formfield,
  57 +.action-search-communities #content form .search-field .formfield{
  58 + float: left;
  59 + width: 99%;
  60 +}
  61 +.action-search-index #content form .search-field .formfield input,
  62 +.action-search-people #content form .search-field .formfield input,
  63 +.action-search-communities #content form .search-field .formfield input{
  64 + margin-top: 0px;
  65 + padding: 6px;
  66 + height: 19px;
  67 + max-height: 19px;
  68 + max-width: 98%;
  69 + background: none;
  70 + border: 1px solid #ccc;
  71 + border-radius: 4px;
  72 +}
  73 +
  74 +.action-search-index #content form input.button.submit,
  75 +.action-search-people #content form input.button.submit,
  76 +.action-search-communities #content form input.button.submit{
  77 + height: 32px;
  78 + margin-top: 8px;
  79 + padding: 5px 15px;
  80 + background: #3E67B1 none;
  81 + color: #FFF;
  82 + border-radius: 4px;
  83 + border: 1px solid #3E67B1;
  84 + font-size: 14px;
  85 + line-height: 14px;
  86 + text-transform: uppercase;
  87 +}
  88 +
  89 +.action-search-index #content form input.button.submit:hover,
  90 +.action-search-people #content form input.button.submit:hover,
  91 +.action-search-communities #content form input.button.submit:hover{
  92 + background: #5E82C6;
  93 +}
  94 +
  95 +.action-search-people #search-results .search-results-type-people,
  96 +.action-search-communities #search-results .search-results-type-community{
  97 + background: none;
  98 + border: 1px solid #ccc;
  99 + border-radius: 10px;
  100 +}
  101 +
  102 +.action-search-index #search-results h3{
  103 + margin: 20px 0 10px 0;
  104 + color: #172738;
  105 + font-size:18px;
  106 + line-height: 21px;
  107 + font-family: Arial;
  108 + font-weight: 700;
  109 + font-variant: normal;
  110 +}
  111 +
  112 +.action-search-index #search-results .search-results-innerbox{
  113 + background: none;
  114 + border: 1px solid #ccc;
  115 +}
... ...