Projekt

Allgemein

Profil

« Zurück | Weiter » 

Revision 6cb1c463

Von Cem Aydin vor etwa 4 Jahren hinzugefügt

  • ID 6cb1c463a1e220b191d1f506a7bf510464a66043
  • Vorgänger 7824720d
  • Nachfolger 077df834

Neues Design Anpassung: #388 Sichtbarkeit der Links verbessert

- Farbspezifikation für Links hinzugefügt
- Links entsprechend angepasst, Schrift fett und unterstrichen
- CSS für Menüs entsprechend angepasst
- less/css neu kompiliert

Unterschiede anzeigen:

css/less/jquery-ui_overrides.less
126 126
        font-weight:   normal;
127 127

  
128 128
        a,
129
        a:link { color: @tabs-default-color; }
129
        a:link {
130
          color:       @tabs-default-color;
131
          font-weight: normal;
132
        }
130 133
      }
131 134

  
132 135
      &.ui-state-hover{
......
420 423
//    background-image: url(ui-lightness/images/ui-icons_777777_256x240.png) !important;
421 424
//  }
422 425
//}
423

  
424

  
425

  
426

  
427

  
428

  
css/less/main.less
201 201

  
202 202
a {
203 203
  text-decoration: @link-decoration;
204

  
204
  font-weight:     @link-weight;
205 205
  &:link,
206 206
  &:visited,
207 207
  &:active {
css/less/menu.less
81 81
      color:           @menu_link;
82 82
      text-decoration: none;
83 83
      padding:         0.45em 0.6em 0.58em 1.3em ;
84
      font-weight:     normal;
84 85
      //padding-right: 0.6em;
85 86
    }
86 87

  
......
344 345
    a {
345 346
      display:     block;
346 347
      word-wrap:   break-word;
348
      text-decoration: none;
349
      font-weight: normal;
347 350
    }
348 351
    &:first-child {
349 352
      border-top: 2px @menu_border_color solid ; // PENDENT: 2px ??? sonst @menu_border verwenden
css/less/tables.less
469 469
    th {
470 470
      color: @t-cell-th-text-color ;
471 471
      //vertical-align: top ;
472
      & > a {
473
        &:link,
474
        &:visited {
475
          text-decoration:   none ;
476
          color:             @t-cell-label-text-accent ;
477
        }
478
        &:hover,
479
        &:active {
480
          text-decoration:   underline ;
481
        }
482
      }
483 472
      h4{
484 473
        margin: 0 ;
485 474
        padding: 0 ;
......
681 670
            &:link,
682 671
            &:visited {
683 672
              color:              @t-cell-head-text-accent ;
684
              text-decoration:    none ;
673
              text-decoration:    underline ;
685 674
            }
686 675
            &:hover {
687 676
              color:              @t-cell-head-text-accent ;
......
725 714

  
726 715
      td, th {
727 716
        color:              @table-list-zebra-text-color ;
728
        a,
729
        a:link,
730
        a:visited { color:  @table-list-zebra-link-color ;
731
        }
732 717
      }
733 718
    } // /tbody
734 719

  
css/less/variables.less
185 185
// LINKS
186 186
// --------------------------------------
187 187
@link-color:            @base-link-color;
188
@link-hover-color:      darken(@link-color, 15%);
189
@link-decoration:       none;
188
@link-hover-color:      lighten(@base-link-color, 10%);
189
@link-decoration:       underline;
190 190
@link-hover-decoration: underline;
191
@link-weight:           bold;
191 192

  
192 193

  
193 194

  
css/less/variables_color_style.less
15 15
// - BASE COLORS
16 16
//   - Grey Shades
17 17
//   - BASE COLORS
18
// - COLOR SPECIFICATIONS FOR LINKS
19
// - COLOR SPECIFICATIONS FOR MESSAGES
18 20
// - MAIN PROPERTIES (STANDARD TEXT COLORS)
19 21
// - SCAFFOLDING (PAGE)
20 22
// - FRAME HEADER
......
224 226

  
225 227

  
226 228

  
229
// --------------------------------------
230
// COLOR SPECIFICATIONS FOR LINKS
231
// --------------------------------------
232
// should have a high contrast on background
233
@links-color:           #2962ce;
234

  
235

  
227 236

  
228 237
// --------------------------------------
229
// COLOR SPECICATIONS FOR MESSAGES
238
// COLOR SPECIFICATIONS FOR MESSAGES
230 239
// --------------------------------------
231 240
// strong is for text and borders
232 241
// light  is for background-colors
......
265 274
@base-text-color:          @gray-dark ; //
266 275
@base-text-color-accent:   @base-standard ; //
267 276

  
268
@base-link-color:          @base-dark ; //
269
@base-link-color-hover:    @base-darker ; //
277
@base-link-color:          @links-color; //
278
@base-link-color-hover:    @links-color; //
270 279

  
271 280
@base-table-text-color:    @base-superdark ; //
272 281

  
css/style.css
424 424
  color: #1b1b0e;
425 425
  text-decoration: none;
426 426
  padding: 0.45em 0.6em 0.58em 1.3em;
427
  font-weight: normal;
427 428
}
428 429
#menuv3 > ul {
429 430
  list-style: none;
......
587 588
#layout-split-left #html-menu .mi a {
588 589
  display: block;
589 590
  word-wrap: break-word;
591
  text-decoration: none;
592
  font-weight: normal;
590 593
}
591 594
#layout-split-left #html-menu .mi:first-child {
592 595
  border-top: 2px #666633 solid;
......
2729 2732
table.tbl-horizontal th {
2730 2733
  color: #292914;
2731 2734
}
2732
table.tbl-horizontal th > a:link,
2733
table.tbl-horizontal th > a:visited {
2734
  text-decoration: none ;
2735
  color: #000000;
2736
}
2737
table.tbl-horizontal th > a:hover,
2738
table.tbl-horizontal th > a:active {
2739
  text-decoration: underline ;
2740
}
2741 2735
table.tbl-horizontal th h4 {
2742 2736
  margin: 0 ;
2743 2737
  padding: 0 ;
......
2913 2907
table.tbl-list thead tr th > a:link,
2914 2908
table.tbl-list thead tr th > a:visited {
2915 2909
  color: #e0e0d6;
2916
  text-decoration: none ;
2910
  text-decoration: underline ;
2917 2911
}
2918 2912
table.tbl-list thead tr th > a:hover {
2919 2913
  color: #e0e0d6;
......
2956 2950
table.tbl-list tbody th {
2957 2951
  color: #292914;
2958 2952
}
2959
table.tbl-list tbody td a,
2960
table.tbl-list tbody th a,
2961
table.tbl-list tbody td a:link,
2962
table.tbl-list tbody th a:link,
2963
table.tbl-list tbody td a:visited,
2964
table.tbl-list tbody th a:visited {
2965
  color: #666633;
2966
}
2967 2953
table.tbl-list tfoot {
2968 2954
  display: table-footer-group;
2969 2955
}
......
4279 4265
  margin-top: 0.2em !important;
4280 4266
}
4281 4267
a {
4282
  text-decoration: none;
4268
  text-decoration: underline;
4269
  font-weight: bold;
4283 4270
}
4284 4271
a:link,
4285 4272
a:visited,
4286 4273
a:active {
4287
  color: #292914;
4274
  color: #2962ce;
4288 4275
}
4289 4276
a:hover {
4290
  color: #000000;
4277
  color: #4e7fdc;
4291 4278
  text-decoration: underline;
4292 4279
}
4293 4280
a.selected:hover {
......
7301 7288
.tabwidget > ul li.ui-state-default a,
7302 7289
.tabwidget > ul li.ui-state-default a:link {
7303 7290
  color: #1b1b0e;
7291
  font-weight: normal;
7304 7292
}
7305 7293
.tabwidget > ul li.ui-state-hover {
7306 7294
  color: #1b1b0e;

Auch abrufbar als: Unified diff