Download as
Browse Code »

Commit 8599fd781cbb6d1dd1932d517440310a4322d571

Authored by Melissa Wen
1 parent 655776ff
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

Adding community internal pages definition

Showing 4 changed files with 241 additions and 79 deletions   Show diff stats
css/article-page.css
  Diff comments   View file @8599fd7
... ... @@ -17,12 +17,28 @@
17 17 font-family: Arial;
18 18 }
19 19  
  20 +#content .main-block .publishing-info a{
  21 + color: #2C66CE;
  22 + font-family: Arial;
  23 +}
  24 +
20 25 #content .main-block .article-body {
21 26 font-family: Arial ;
22 27 font-size: 15px;
23 28 line-height: 21px;
24 29 }
25 30  
  31 +/* Need a dev solution - blog internal pages*/
  32 +
  33 +#article-header .preview{
  34 + display: none;
  35 +}
  36 +
  37 +#article-hits {
  38 + display: none;
  39 +
  40 +}
  41 +
26 42 /* For software internal pages */
27 43  
28 44 #content .main-block .article-body h2 {
... ... @@ -43,7 +59,7 @@
43 59  
44 60 #content .main-block .article-body p{
45 61 margin-bottom: 22px;
46   - font-family: arial;
  62 + font-family: Arial;
47 63 }
48 64  
49 65 #content .main-block .article-body .zoomable-image,
... ...
css/community-pages.css 0 → 100644
  Diff comments   View file @8599fd7
... ... @@ -0,0 +1,151 @@
  1 +/*** Events ***/
  2 +
  3 +#content .event-card {
  4 + border-top: 1px dotted #D3D6D3;
  5 + background-repeat: no-repeat;
  6 + width: 494px;
  7 + height: 116px;
  8 + margin-bottom: 30px;
  9 +}
  10 +
  11 +#content .event-image {
  12 + border-right: 1px dotted #D3D6DE;
  13 +}
  14 +
  15 +#content .about-event > span {
  16 + font-family: Arial;
  17 + line-height: 13px;
  18 +}
  19 +
  20 +#content .about-event .event-date {
  21 + font-weight: bold;
  22 + letter-spacing: 0.49px;
  23 +}
  24 +
  25 +#content .about-event .event-address {
  26 + margin-top: 19px;
  27 +}
  28 +
  29 +#content .about-event .event-address span {
  30 + margin-top: 4.4px;
  31 + line-height: 14px;
  32 + letter-spacing: 0.5px;
  33 +}
  34 +
  35 +#content .event-link {
  36 + letter-spacing: 0.48px;
  37 +}
  38 +
  39 +#content .event-link a {
  40 + text-decoration: underline;
  41 +}
  42 +
  43 +#content .event-body .event-lead p {
  44 + font-size: 16px;
  45 + font-family: Arial;
  46 + font-weight: bold;
  47 + letter-spacing: -0.4px;
  48 + line-height: 21px;
  49 +}
  50 +
  51 +#content .event-body .event-content p {
  52 + font-size: 15px;
  53 + font-family: Arial;
  54 + line-height: 22px;
  55 +}
  56 +
  57 +/*** Profile page ***/
  58 +.action-profile-index #content .main-block h1 {
  59 + color: #172738;
  60 + border-bottom: none;
  61 + font-size: 2.3em;
  62 + font-weight: bold;
  63 + font-variant: normal;
  64 + font-family: Arial, open_sansbold, Helvetica, sans-serif;
  65 +}
  66 +
  67 +/* Search form */
  68 +
  69 +.action-profile-index .main-block #public-profile-search,
  70 +.action-profile-index .main-block #profile-search-results form,
  71 +.action-profile-index .main-block .profile-search-block form {
  72 + background-color: transparent;
  73 +}
  74 +
  75 +.action-profile-index .main-block #public-profile-search .search-field .formfield {
  76 + float: left;
  77 + margin-right: 0.5em;
  78 +}
  79 +
  80 +.action-profile-index .main-block #public-profile-search .search-field .formfield input {
  81 + margin-top: 0px;
  82 + margin-right: 0.5em;
  83 + padding: 6px;
  84 + height: 19px;
  85 + max-height: 19px;
  86 + border: 1px solid #ccc;
  87 + border-radius: 4px;
  88 +}
  89 +
  90 +.action-profile-index .main-block #public-profile-search .formfield input,
  91 +.action-profile-index .main-block #public-profile-search .formfield textarea{
  92 + width: 100%;
  93 + background: none #FFFFFF;
  94 + color: #585858;
  95 + border: 1px solid #DDDDDD;
  96 + font-size: 16px;
  97 + word-wrap: break-word;
  98 +}
  99 +
  100 +.action-profile-index .main-block #public-profile-search form input.button.submit {
  101 + height: 32px;
  102 + background: #2B51A8;
  103 + font-size: 14px;
  104 + margin-top: 8px;
  105 + color: #ffffff;
  106 + text-transform: uppercase;
  107 + border-radius: 4px;
  108 + border: 1px solid #2B51A8;
  109 + padding: 5px 15px;
  110 +}
  111 +
  112 +/* Profile tab */
  113 +
  114 +.action-profile-index .main-block .profile .ui-tabs{
  115 + border: none;
  116 +}
  117 +
  118 +.action-profile-index .main-block .profile .ui-tabs .ui-tabs-nav{
  119 + margin: 0 0 0 1em;
  120 + padding: 0;
  121 + background: none;
  122 + color: #172738;
  123 + border: 0px solid #aaaaaa;
  124 + border-radius: 4px;
  125 + font-weight: bold;
  126 +}
  127 +
  128 +.action-profile-index .main-block .profile .ui-widget-content .ui-state-default,
  129 +.action-profile-index .main-block .profile .ui-widget-header .ui-state-default{
  130 + background: #d5d5d5 none;
  131 + color: #555555;
  132 + font-weight: normal;
  133 +}
  134 +
  135 +.action-profile-index .main-block .profile .ui-widget-content .ui-state-active,
  136 +.action-profile-index .main-block .profile .ui-widget-header .ui-state-active{
  137 + background: #eeeff1;
  138 + color: #212121;
  139 + font-weight: normal;
  140 +}
  141 +
  142 +.action-profile-index .main-block .profile .ui-tabs .ui-tabs-panel{
  143 + display: block;
  144 + padding: 1em 1.4em;
  145 + background-color: #eeeff1;
  146 + color: #777;
  147 + border-width: 1px;
  148 + font-size: 13px;
  149 + text-decoration: none;
  150 +}
  151 +
... ...
css/overwriting-base-theme.css
  Diff comments   View file @8599fd7
1 1 /************overwriting themes/base/style.css****************/
2 2 #wrap-1, #theme-footer {
3   - margin: auto;
4   - width: 100%;
  3 + margin: auto;
  4 + width: 100%;
5 5 }
6 6  
7 7 #wrap-2 {
... ... @@ -12,11 +12,11 @@
12 12 }
13 13  
14 14 #main {
15   - background: #fff;
16   - font-size: 1.3em;
17   - padding: 1em 0;
18   - max-width: 960px;
19   - margin: 0 auto;
  15 + background: #fff;
  16 + font-size: 1.3em;
  17 + padding: 1em 0;
  18 + max-width: 960px;
  19 + margin: 0 auto;
20 20 }
21 21  
22 22 #wrapper {
... ... @@ -54,67 +54,65 @@
54 54 #content .main-block h2,
55 55 #content .main-block h3,
56 56 #content .main-block h4 {
57   - font-family: 'Open Sans', Arial, Helvetica, sans-serif;
  57 + font-family: 'Open Sans', Arial, Helvetica, sans-serif;
58 58 }
59 59  
60 60 #content .main-block h1,
61 61 #not-found h1,
62 62 #access-denied h1,
63 63 #content .no-boxes h1 {
64   - color: #444;
65   - font-size: 1.7em;
66   - padding: 7px 0;
67   - margin-left: 0;
68   - padding-left: 0.3em;
69   - border-bottom: 1px solid #CCCCCC;
70   - border-top: 0px solid #172838;
71   - font-weight: bold;
  64 + color: #444;
  65 + font-size: 1.7em;
  66 + padding: 7px 0;
  67 + margin-left: 0;
  68 + padding-left: 0.3em;
  69 + border-bottom: 1px solid #CCCCCC;
  70 + border-top: 0px solid #172838;
  71 + font-weight: bold;
72 72 }
73 73  
74 74 #content .title {
75   - font-weight: normal;
76   - padding-right: 70px;
  75 + font-weight: normal;
  76 + padding-right: 70px;
77 77 }
78 78  
79 79 #content .main-block h3 {
80   - font-size: 1.5em;
81   - min-height: 48px;
  80 + font-size: 1.5em;
  81 + min-height: 48px;
82 82 }
83 83  
84 84 /****************************************/
85 85  
86 86 /*recent documents - everywhere on site*/
87 87 #content .recent-documents-block ul {
88   - margin-left: 0;
89   - padding: 0;
  88 + margin-left: 0;
  89 + padding: 0;
90 90 }
91 91  
92 92 #content .recent-documents-block li {
93   - background: none repeat scroll 0 0 #eeeff2;
94   - border-bottom: 1px solid #c0c1c1;
95   - display: block;
96   - margin: 0;
97   - min-height: 1em;
98   - padding: 20px;
99   - text-align: left;
  93 + background: none repeat scroll 0 0 #eeeff2;
  94 + border-bottom: 1px solid #c0c1c1;
  95 + display: block;
  96 + margin: 0;
  97 + min-height: 1em;
  98 + padding: 20px;
  99 + text-align: left;
100 100 }
101 101  
102 102 #content .recent-documents-block li a {
103   - color: #464A55;
104   - line-height: 1.2em;
  103 + color: #464A55;
  104 + line-height: 1.2em;
105 105 }
106   -
107 106 #content .recent-documents-block li a:hover{
108   - color: #000;
  107 + color: #000;
109 108 }
110 109  
111 110 #content .recent-documents-block .block-title {
112   - border-bottom: 1px solid #757575;
113   - margin-bottom: 0;
  111 + border-bottom: 1px solid #757575;
  112 + margin-bottom: 0;
114 113 }
115 114  
116 115  
117   -
118 116 #site-title {
119 117 position: absolute;
120 118 left: 8px;
... ... @@ -125,82 +123,80 @@
125 123 }
126 124  
127 125 #content {
128   - left: -480px;
129   - margin-left: 50%;
130   - margin-top: 38px;
131   - position: relative;
132   - width: 960px;
  126 + left: -480px;
  127 + margin-left: 50%;
  128 + margin-top: 38px;
  129 + position: relative;
  130 + width: 960px;
133 131 }
134 132  
135 133  
136 134 input.button.with-text {
137   - background-position: 3px 50%;
138   - font-size: 12px;
139   - padding: 0 2px 2px 20px;
140   - max-height: 28px;
  135 + background-position: 3px 50%;
  136 + font-size: 12px;
  137 + padding: 0 2px 2px 20px;
  138 + max-height: 28px;
141 139 }
142 140  
143 141 #content a.button.with-text,
144 142 #content a.button.with-text {
145   - height: 28px;
146   - max-height: 28px;
  143 + height: 28px;
  144 + max-height: 28px;
147 145 }
148   -
149 146 #content input.button, #content a.button {
150   - background-color: #EEEEEE;
151   - background-repeat: no-repeat;
152   - border: 0px solid #CCCCCC;
153   - color: #555555;
154   - line-height: 16px;
155   - text-decoration: none;
  147 + background-color: #EEEEEE;
  148 + background-repeat: no-repeat;
  149 + border: 0px solid #CCCCCC;
  150 + color: #555555;
  151 + line-height: 16px;
  152 + text-decoration: none;
156 153 }
157 154  
158 155 #content #article-actions input.button,
159 156 #content #article-actions a.button,
160 157 #content a.button,
161 158 #content input.button {
162   - background-color: transparent;
163   - border: 1px solid #CCCCCC;
164   - vertical-align: middle;
  159 + background-color: transparent;
  160 + border: 1px solid #CCCCCC;
  161 + vertical-align: middle;
165 162 }
166 163  
167 164 #content a.button.with-text {
168   - line-height: 28px;
169   - height: 30px;
170   - max-height: 30px;
  165 + line-height: 28px;
  166 + height: 30px;
  167 + max-height: 30px;
171 168 }
  169 +
172 170 #content form input.button.submit {
173   - height: 32px;
174   - max-height: 32px;
175   - margin-right: 5px;
  171 + height: 32px;
  172 + max-height: 32px;
  173 + margin-right: 5px;
176 174 }
177   -
178 175 #content #article-actions input.button:hover,
179 176 #content #article-actions a.button:hover {
180   - background-color: #ccc;
181   - border: 1px solid #CCCCCC;
182   - color: white;
  177 + background-color: #ccc;
  178 + border: 1px solid #CCCCCC;
  179 + color: white;
183 180 }
184 181  
185   -
186 182 #content a.button:hover {
187   - border: 1px solid #CCCCCC;
  183 + border: 1px solid #CCCCCC;
188 184 }
189 185  
190 186 /*label of search's radio buttons*/
191 187 #content .search-field label {
192   - display: inline-block;
193   - font-size: 12px;
194   - vertical-align: middle;
195   - margin-left: 5px;
  188 + display: inline-block;
  189 + font-size: 12px;
  190 + vertical-align: middle;
  191 + margin-left: 5px;
196 192 }
197 193  
198 194 #public-profile-search .formfield, #public-profile-search .submit {
199   - margin-bottom: 5px;
  195 + margin-bottom: 5px;
200 196 }
201 197  
202 198 #content .profile ul{
203   - margin-left: 1em;
  199 + margin-left: 1em;
204 200 }
205 201  
206 202 /*********************end of overwritting themes/base/style.css*********************************/
... ...
style.css
  Diff comments   View file @8599fd7
... ... @@ -11,10 +11,9 @@
11 11 @import url(css/main-content.css);
12 12 @import url(css/article-page.css);
13 13 @import url(css/news-page.css);
14   -/*
15 14 @import url(css/community-pages.css);
16   -@import url(css/software-pages.css);
17   -@import url(css/software-catalog-page.css);
  15 +@import url(css/edition-pages.css);
  16 +/*
18 17 @import url(css/use-report.css);
19 18 @import url(css/tooltips.css);
20 19 */
... ...