Commit 8599fd781cbb6d1dd1932d517440310a4322d571

Authored by Melissa Wen
1 parent 655776ff

Adding community internal pages definition

css/article-page.css
@@ -17,12 +17,28 @@ @@ -17,12 +17,28 @@
17 font-family: Arial; 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 #content .main-block .article-body { 25 #content .main-block .article-body {
21 font-family: Arial ; 26 font-family: Arial ;
22 font-size: 15px; 27 font-size: 15px;
23 line-height: 21px; 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 /* For software internal pages */ 42 /* For software internal pages */
27 43
28 #content .main-block .article-body h2 { 44 #content .main-block .article-body h2 {
@@ -43,7 +59,7 @@ @@ -43,7 +59,7 @@
43 59
44 #content .main-block .article-body p{ 60 #content .main-block .article-body p{
45 margin-bottom: 22px; 61 margin-bottom: 22px;
46 - font-family: arial; 62 + font-family: Arial;
47 } 63 }
48 64
49 #content .main-block .article-body .zoomable-image, 65 #content .main-block .article-body .zoomable-image,
css/community-pages.css 0 → 100644
@@ -0,0 +1,151 @@ @@ -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
1 /************overwriting themes/base/style.css****************/ 1 /************overwriting themes/base/style.css****************/
2 #wrap-1, #theme-footer { 2 #wrap-1, #theme-footer {
3 - margin: auto;  
4 - width: 100%; 3 + margin: auto;
  4 + width: 100%;
5 } 5 }
6 6
7 #wrap-2 { 7 #wrap-2 {
@@ -12,11 +12,11 @@ @@ -12,11 +12,11 @@
12 } 12 }
13 13
14 #main { 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 #wrapper { 22 #wrapper {
@@ -54,67 +54,65 @@ @@ -54,67 +54,65 @@
54 #content .main-block h2, 54 #content .main-block h2,
55 #content .main-block h3, 55 #content .main-block h3,
56 #content .main-block h4 { 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 #content .main-block h1, 60 #content .main-block h1,
61 #not-found h1, 61 #not-found h1,
62 #access-denied h1, 62 #access-denied h1,
63 #content .no-boxes h1 { 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 #content .title { 74 #content .title {
75 - font-weight: normal;  
76 - padding-right: 70px; 75 + font-weight: normal;
  76 + padding-right: 70px;
77 } 77 }
78 78
79 #content .main-block h3 { 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 /*recent documents - everywhere on site*/ 86 /*recent documents - everywhere on site*/
87 #content .recent-documents-block ul { 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 #content .recent-documents-block li { 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 #content .recent-documents-block li a { 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 #content .recent-documents-block li a:hover{ 106 #content .recent-documents-block li a:hover{
108 - color: #000; 107 + color: #000;
109 } 108 }
110 109
111 #content .recent-documents-block .block-title { 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 #site-title { 116 #site-title {
119 position: absolute; 117 position: absolute;
120 left: 8px; 118 left: 8px;
@@ -125,82 +123,80 @@ @@ -125,82 +123,80 @@
125 } 123 }
126 124
127 #content { 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 input.button.with-text { 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 #content a.button.with-text, 141 #content a.button.with-text,
144 #content a.button.with-text { 142 #content a.button.with-text {
145 - height: 28px;  
146 - max-height: 28px; 143 + height: 28px;
  144 + max-height: 28px;
147 } 145 }
148 -  
149 #content input.button, #content a.button { 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 #content #article-actions input.button, 155 #content #article-actions input.button,
159 #content #article-actions a.button, 156 #content #article-actions a.button,
160 #content a.button, 157 #content a.button,
161 #content input.button { 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 #content a.button.with-text { 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 #content form input.button.submit { 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 #content #article-actions input.button:hover, 175 #content #article-actions input.button:hover,
179 #content #article-actions a.button:hover { 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 #content a.button:hover { 182 #content a.button:hover {
187 - border: 1px solid #CCCCCC; 183 + border: 1px solid #CCCCCC;
188 } 184 }
189 185
190 /*label of search's radio buttons*/ 186 /*label of search's radio buttons*/
191 #content .search-field label { 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 #public-profile-search .formfield, #public-profile-search .submit { 194 #public-profile-search .formfield, #public-profile-search .submit {
199 - margin-bottom: 5px; 195 + margin-bottom: 5px;
200 } 196 }
201 197
202 #content .profile ul{ 198 #content .profile ul{
203 - margin-left: 1em; 199 + margin-left: 1em;
204 } 200 }
205 201
206 /*********************end of overwritting themes/base/style.css*********************************/ 202 /*********************end of overwritting themes/base/style.css*********************************/
@@ -11,10 +11,9 @@ @@ -11,10 +11,9 @@
11 @import url(css/main-content.css); 11 @import url(css/main-content.css);
12 @import url(css/article-page.css); 12 @import url(css/article-page.css);
13 @import url(css/news-page.css); 13 @import url(css/news-page.css);
14 -/*  
15 @import url(css/community-pages.css); 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 @import url(css/use-report.css); 17 @import url(css/use-report.css);
19 @import url(css/tooltips.css); 18 @import url(css/tooltips.css);
20 */ 19 */