comparison MoinMoin/themes/basic/static/custom-less/theme.less @ 2727:32ab08637a4e

Replaced important hex color values with variables in basic theme's theme.less
author Ajitesh Gupta <ajgupta93@gmail.com>
date Fri, 15 Aug 2014 21:53:42 +0530
parents 48df5adceec7
children 3cf58438633e
comparison
equal deleted inserted replaced
2726:48df5adceec7 2727:32ab08637a4e
85 float: right; 85 float: right;
86 } 86 }
87 87
88 .list-group-item { 88 .list-group-item {
89 padding: 5px 15px; 89 padding: 5px 15px;
90 background-color: #c8ddf1; 90 background-color: @search_option_bar_text_color;
91 border: 1px solid #c8ddf1; 91 border: 1px solid @search_option_bar_text_color;
92 > a { 92 > a {
93 color: #c8ddf1; 93 color: @search_option_bar_text_color;
94 } 94 }
95 } 95 }
96 96
97 .moin-list-heading { 97 .moin-list-heading {
98 background-color: @navbar-bg; 98 background-color: @navbar-bg;
99 border: 1px solid @navbar-bg; 99 border: 1px solid @navbar-bg;
100 font-variant: small-caps; 100 font-variant: small-caps;
101 color: #c8ddf1; 101 color: @search_option_bar_text_color;
102 } 102 }
103 103
104 .moin-diff-added { 104 .moin-diff-added {
105 background-color: @moin-diff-added; 105 background-color: @moin-diff-added;
106 } 106 }
173 } 173 }
174 174
175 .moin-quicklink { 175 .moin-quicklink {
176 position: relative; 176 position: relative;
177 padding: 5px 15px 5px 15px; 177 padding: 5px 15px 5px 15px;
178 background-color: #c8ddf1; 178 background-color: @search_option_bar_text_color;
179 border: 1px solid #c8ddf1; 179 border: 1px solid @search_option_bar_text_color;
180 margin-bottom: -1px; 180 margin-bottom: -1px;
181 181
182 > a { 182 > a {
183 color: #1b436d; 183 color: @search_option_bar_color;
184 } 184 }
185 185
186 &:last-child { 186 &:last-child {
187 margin-bottom: 0; 187 margin-bottom: 0;
188 .border-bottom-radius(@border-radius-base); 188 .border-bottom-radius(@border-radius-base);
281 .moin-toggle-comments-button, .moin-transclusions-button{ 281 .moin-toggle-comments-button, .moin-transclusions-button{
282 font-weight: normal; 282 font-weight: normal;
283 } 283 }
284 284
285 a.wikilink{ 285 a.wikilink{
286 color: #1b436d; 286 color: @search_option_bar_color;
287 } 287 }
288 .moin-bcs-subitems{ 288 .moin-bcs-subitems{
289 z-index: 500; 289 z-index: 500;
290 } 290 }
291 ul.moin-breadcrumb ul.moin-bcs-subitems{ 291 ul.moin-breadcrumb ul.moin-bcs-subitems{
292 background-color: #1b436d; 292 background-color: @search_option_bar_color;
293 } 293 }
294 ul.moin-breadcrumb,ul.moin-breadcrumb ul.moin-bcs-subitems{ 294 ul.moin-breadcrumb,ul.moin-breadcrumb ul.moin-bcs-subitems{
295 padding: 0; 295 padding: 0;
296 margin: 0; 296 margin: 0;
297 display: inline-block; 297 display: inline-block;
301 display: block; 301 display: block;
302 } 302 }
303 ul.moin-breadcrumb li ul.moin-bcs-subitems li a{ 303 ul.moin-breadcrumb li ul.moin-bcs-subitems li a{
304 padding: 10px; 304 padding: 10px;
305 display: inline-block; 305 display: inline-block;
306 color: #ffffff; 306 color: @white;
307 } 307 }
308 ul.moin-breadcrumb li { 308 ul.moin-breadcrumb li {
309 position: relative; 309 position: relative;
310 } 310 }
311 ul.moin-breadcrumb li ul.moin-bcs-subitems{ 311 ul.moin-breadcrumb li ul.moin-bcs-subitems{
321 html, body { 321 html, body {
322 height: 100%; 322 height: 100%;
323 } 323 }
324 // CSS definitions for Index UI borrowed from foobar and modernized theme 324 // CSS definitions for Index UI borrowed from foobar and modernized theme
325 #filter-btn { 325 #filter-btn {
326 background-color: #428bca; 326 background-color: @bootstrap_default_blue;
327 border-radius: 3px; 327 border-radius: 3px;
328 display: inline; 328 display: inline;
329 padding: 10px; 329 padding: 10px;
330 color: #ffffff; 330 color: @white;
331 margin-bottom: 10px; 331 margin-bottom: 10px;
332 } 332 }
333 .moin-contenttypes-wrapper { 333 .moin-contenttypes-wrapper {
334 334
335 div { 335 div {
409 display: none; 409 display: none;
410 410
411 span { 411 span {
412 padding: 4px; 412 padding: 4px;
413 background-color: #007cef; 413 background-color: #007cef;
414 color: #ffffff; 414 color: @white;
415 border: 1px solid #ccc; 415 border: 1px solid #ccc;
416 border-radius: 5px; 416 border-radius: 5px;
417 } 417 }
418 } 418 }
419 .moin-index-path { 419 .moin-index-path {
448 border-top: 1px dashed #ccc; 448 border-top: 1px dashed #ccc;
449 display: none; 449 display: none;
450 } 450 }
451 .popup-container { 451 .popup-container {
452 margin: 0; 452 margin: 0;
453 border: 5px solid #428bca; 453 border: 5px solid @bootstrap_default_blue;
454 border-radius: 6px 6px 0 0; 454 border-radius: 6px 6px 0 0;
455 } 455 }
456 .popup-header { 456 .popup-header {
457 background-color: #428bca; 457 background-color: @bootstrap_default_blue;
458 color: #ffffff; 458 color: @white;
459 padding: 10px; 459 padding: 10px;
460 margin: 0; 460 margin: 0;
461 } 461 }
462 input { 462 input {
463 463
527 display: inline-block; 527 display: inline-block;
528 margin: 0; 528 margin: 0;
529 padding: 4px 5px; 529 padding: 4px 5px;
530 530
531 &:hover,&.selected { 531 &:hover,&.selected {
532 background: #428bca; 532 background: @bootstrap_default_blue;
533 border-radius: 5px; 533 border-radius: 5px;
534 color: #ffffff; 534 color: @white;
535 text-decoration: none 535 text-decoration: none
536 } 536 }
537 } 537 }
538 } 538 }
539 #popup { 539 #popup {
687 } 687 }
688 #ticket-list tr td:first-child a { 688 #ticket-list tr td:first-child a {
689 font-family: monospace; 689 font-family: monospace;
690 } 690 }
691 .ticket-query-button { 691 .ticket-query-button {
692 background: #ffffff; 692 background: @white;
693 padding: 1px 7px; 693 padding: 1px 7px;
694 text-shadow: 0 1px 0 #fff; 694 text-shadow: 0 1px 0 #fff;
695 border: 1px solid transparent; 695 border: 1px solid transparent;
696 } 696 }
697 .ticket-query-button.active, .ticket-query-button:hover { 697 .ticket-query-button.active, .ticket-query-button:hover {
803 } 803 }
804 } 804 }
805 .tickets-sort-button .dropdown-menu li form button { 805 .tickets-sort-button .dropdown-menu li form button {
806 display: block; 806 display: block;
807 border: none; 807 border: none;
808 background-color: #ffffff; 808 background-color: @white;
809 padding: 3px 20px; 809 padding: 3px 20px;
810 clear: both; 810 clear: both;
811 font-weight: normal; 811 font-weight: normal;
812 white-space: nowrap; 812 white-space: nowrap;
813 } 813 }