Project

General

Profile

« Previous | Next » 

Revision 56015

[Connect|Trunk]

Community Page:
update layout according to mocks

View differences:

connect-custom.css
18 18
    --connect-portal-lower-tone: #b48536;
19 19
    --develop-portal-lower-tone: #9f4e7e;
20 20

  
21
    --community_main_color: #4C9CD5;
22
    --community_secondary_color:#24857F;
23
    --community_main_dark_color:#2276B9;
24

  
21 25
}
22 26

  
23 27

  
......
103 107
  height:100%;
104 108
  border:0;
105 109
}
110

  
111

  
112
/* Community Page
113
community_main_color
114
community_secondary_color
115
community_main_dark_color
116

  
117
*/
118

  
119
.communityPanelBackground /*, div:not(.connect_App).uk-section-primary*/{
120
    background-image: linear-gradient(to right, var(--community_main_color) ,  var(--community_secondary_color));
121
    color:white;
122
}
123
div:not(.connect_App) bottom .uk-totop{
124
    background-color: transparent !important;
125
}
126
/*div:not(.connectApp).uk-section-primary{
127
    background-image: linear-gradient(to right, var(--community_main_color) ,  var(--community_secondary_color)) !important;
128
    color:white !important;
129
 }*/
130

  
131
.communityPanelBackground .uk-h5, .communityPanelBackground .uk-link, .communityPanelBackground a:not(.uk-button){
132
    color:white;
133
}
134

  
135
.communityPanelBackground .uk-card, .communityPanelBackground  .uk-label{
136
    background-color:rgb(255,255,255,0.5);
137
    border-color:rgb(255,255,255,0.5);
138
}
139
 .communityPanelBackground .uk-link, .communityPanelBackground a:not(.uk-button){
140
    color:white;
141
    text-decoration: underline;
142
}
143
.communityPanelBackground  .uk-label{
144
    border-radius: 20px;
145
    padding: 12px 22px;
146
}
147
.communityPanelBackground .lowOpacityColor{
148
    color:rgb(255,255,255,0.5);
149
}
150

  
151
/*div:not(.connect_App) .uk-link, div:not(.connect_App) a {
152

  
153
    color:var(--community_main_dark_color);
154
}
155
div:not(.connect_App) .uk-link:hover, div:not(.connect_App) a:hover {
156
    color:var(--community_main_color);
157
}
158

  
159
div:not(.connect_App) .search-results > li:nth-child(2) {
160

  
161
    border-top-color:var(--community_main_color) !important;
162

  
163
}
164
div:not(.connect_App) .portal-button {
165

  
166
    background-color: var(--community-main-color) !important;
167
}*/

Also available in: Unified diff