Project

General

Profile

Feature #23980 » replace_images_with_fa_icons_v2.patch

Marius BĂLTEANU, 2016-11-29 02:40

View differences:

public/stylesheets/application.css
1
@font-face {
2
  font-family: 'FontAwesome';
3
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0');
4
  src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'),
5
       url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'),
6
       url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'),
7
       url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'),
8
       url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg');
9
  font-weight: normal;
10
  font-style: normal;
11
}
12
@font-face {
13
  font-family: "FontMfizz";
14
  src: url("../fonts/font-mfizz/font-mfizz.eot");
15
  src: url("../fonts/font-mfizz/font-mfizz.eot?#iefix") format("embedded-opentype"),
16
       url("../fonts/font-mfizz/font-mfizz.woff") format("woff"),
17
       url("../fonts/font-mfizz/font-mfizz.ttf") format("truetype"),
18
       url("../fonts/font-mfizz/font-mfizz.svg#font-mfizz") format("svg");
19
  font-weight: normal;
20
  font-style: normal;
21
}
1 22
html {overflow-y:scroll;}
2 23
body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; }
3 24

  
......
305 326
tr.version td.name { padding-left: 20px; }
306 327
tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; }
307 328

  
308
tr.member td.icon-user {background:transparent;}
329
tr.member td.icon-user:before { content: ""}
309 330

  
310 331
tr.user td {width:13%;white-space: nowrap;}
311 332
td.username, td.firstname, td.lastname, td.email {text-align:left !important;}
......
1177 1198
.version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;}
1178 1199

  
1179 1200
/***** Icons *****/
1180
.icon {
1181
  background-position: 0% 50%;
1182
  background-repeat: no-repeat;
1183
  padding-left: 20px;
1201
.icon:before {
1202
  display: inline-block;
1203
  font: normal normal normal 14px/1 FontAwesome;
1204
  text-rendering: auto;
1205
  -webkit-font-smoothing: antialiased;
1206
  -moz-osx-font-smoothing: grayscale;
1207
  padding-right: 3px;
1184 1208
}
1185 1209
.icon-only {
1186
  background-position: 0% 50%;
1187
  background-repeat: no-repeat;
1188 1210
  padding-left: 16px;
1189 1211
  display: inline-block;
1190 1212
  width: 0;
......
1195 1217
  font-size: 8px;
1196 1218
  vertical-align: middle;
1197 1219
}
1198
.icon-only::after {
1199
  content: " ";
1200
}
1201

  
1202
.icon-add { background-image: url(../images/add.png); }
1203
.icon-edit { background-image: url(../images/edit.png); }
1204
.icon-copy { background-image: url(../images/copy.png); }
1205
.icon-duplicate { background-image: url(../images/duplicate.png); }
1206
.icon-del { background-image: url(../images/delete.png); }
1207
.icon-move { background-image: url(../images/move.png); }
1208
.icon-save { background-image: url(../images/save.png); }
1209
.icon-cancel { background-image: url(../images/cancel.png); }
1210
.icon-multiple { background-image: url(../images/table_multiple.png); }
1211
.icon-folder { background-image: url(../images/folder.png); }
1212
.open .icon-folder { background-image: url(../images/folder_open.png); }
1213
.icon-package { background-image: url(../images/package.png); }
1214
.icon-user { background-image: url(../images/user.png); }
1215
.icon-project, .icon-projects { background-image: url(../images/projects.png); }
1216
.icon-help { background-image: url(../images/help.png); }
1217
.icon-attachment  { background-image: url(../images/attachment.png); }
1218
.icon-history  { background-image: url(../images/history.png); }
1219
.icon-time-entry, .icon-time  { background-image: url(../images/time.png); }
1220
.icon-time-add  { background-image: url(../images/time_add.png); }
1221
.icon-stats  { background-image: url(../images/stats.png); }
1222
.icon-warning  { background-image: url(../images/warning.png); }
1223
.icon-error { background-image: url(../images/exclamation.png); }
1224
.icon-fav  { background-image: url(../images/fav.png); }
1225
.icon-fav-off  { background-image: url(../images/fav_off.png); }
1226
.icon-reload  { background-image: url(../images/reload.png); }
1227
.icon-lock, .icon-locked  { background-image: url(../images/locked.png); }
1228
.icon-unlock  { background-image: url(../images/unlock.png); }
1229
.icon-checked  { background-image: url(../images/toggle_check.png); }
1230
.icon-details  { background-image: url(../images/zoom_in.png); }
1231
.icon-report  { background-image: url(../images/report.png); }
1232
.icon-comment, .icon-comments  { background-image: url(../images/comment.png); }
1233
.icon-summary  { background-image: url(../images/lightning.png); }
1234
.icon-server-authentication { background-image: url(../images/server_key.png); }
1235
.icon-issue { background-image: url(../images/ticket.png); }
1236
.icon-zoom-in { background-image: url(../images/zoom_in.png); }
1237
.icon-zoom-out { background-image: url(../images/zoom_out.png); }
1238
.icon-magnifier { background-image: url(../images/magnifier.png); }
1239
.icon-passwd { background-image: url(../images/textfield_key.png); }
1240
.icon-arrow-right, .icon-test, .icon-sticky { background-image: url(../images/bullet_go.png); }
1241
.icon-email { background-image: url(../images/email.png); }
1242
.icon-email-disabled { background-image: url(../images/email_disabled.png); }
1243
.icon-email-add { background-image: url(../images/email_add.png); }
1244
.icon-move-up { background-image: url(../images/1uparrow.png); }
1245
.icon-move-top { background-image: url(../images/2uparrow.png); }
1246
.icon-move-down { background-image: url(../images/1downarrow.png); }
1247
.icon-move-bottom { background-image: url(../images/2downarrow.png); }
1248
.icon-ok { background-image: url(../images/true.png); }
1249
.icon-not-ok { background-image: url(../images/false.png); }
1250
.icon-link-break { background-image: url(../images/link_break.png); }
1251
.icon-list { background-image: url(../images/text_list_bullets.png); }
1252
.icon-close { background-image: url(../images/close.png); }
1253
.icon-close:hover { background-image: url(../images/close_hl.png); }
1254
.icon-settings { background-image: url(../images/changeset.png); }
1255
.icon-group, .icon-groupnonmember, .icon-groupanonymous { background-image: url(../images/group.png); }
1256
.icon-roles { background-image: url(../images/database_key.png); }
1257
.icon-issue-edit { background-image: url(../images/ticket_edit.png); }
1258
.icon-workflows { background-image: url(../images/ticket_go.png); }
1259
.icon-custom-fields { background-image: url(../images/textfield.png); }
1260
.icon-plugins { background-image: url(../images/plugin.png); }
1261
.icon-news { background-image: url(../images/news.png); }
1262
.icon-issue-closed { background-image: url(../images/ticket_checked.png); }
1263
.icon-issue-note { background-image: url(../images/ticket_note.png); }
1264
.icon-changeset { background-image: url(../images/changeset.png); }
1265
.icon-message { background-image: url(../images/message.png); }
1266
.icon-reply { background-image: url(../images/comments.png); }
1267
.icon-wiki-page { background-image: url(../images/wiki_edit.png); }
1268
.icon-document { background-image: url(../images/document.png); }
1269
.icon-project { background-image: url(../images/projects.png); }
1270
.icon-add-bullet { background-image: url(../images/bullet_add.png); }
1271
.icon-shared { background-image: url(../images/link.png) };
1272

  
1273
.icon-file { background-image: url(../images/files/default.png); }
1274
.icon-file.text-plain { background-image: url(../images/files/text.png); }
1275
.icon-file.text-x-c { background-image: url(../images/files/c.png); }
1276
.icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); }
1277
.icon-file.text-x-java { background-image: url(../images/files/java.png); }
1278
.icon-file.text-x-javascript { background-image: url(../images/files/js.png); }
1279
.icon-file.text-x-php { background-image: url(../images/files/php.png); }
1280
.icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); }
1281
.icon-file.text-xml { background-image: url(../images/files/xml.png); }
1282
.icon-file.text-css { background-image: url(../images/files/css.png); }
1283
.icon-file.text-html { background-image: url(../images/files/html.png); }
1284
.icon-file.image-gif { background-image: url(../images/files/image.png); }
1285
.icon-file.image-jpeg { background-image: url(../images/files/image.png); }
1286
.icon-file.image-png { background-image: url(../images/files/image.png); }
1287
.icon-file.image-tiff { background-image: url(../images/files/image.png); }
1288
.icon-file.application-pdf { background-image: url(../images/files/pdf.png); }
1289
.icon-file.application-zip { background-image: url(../images/files/zip.png); }
1290
.icon-file.application-x-gzip { background-image: url(../images/files/zip.png); }
1220
.icon-only:before {
1221
  display: inline-block;
1222
  font: normal normal normal 14px/1 FontAwesome;
1223
  font-size: 14px;
1224
  text-rendering: auto;
1225
  -webkit-font-smoothing: antialiased;
1226
  -moz-osx-font-smoothing: grayscale;
1227
  margin-left: -14px;
1228
  margin-right: 2px;
1229
}
1230
.icon-only:after {
1231
   content: " ";
1232
}
1233

  
1234
.icon-add:before { /* fa-plus-circle */ content: "\f055"; }
1235
.icon-edit:before { /* fa-pencil */ content: "\f040"; }
1236
.icon-copy:before { /* fa-clone */ content: "\f24d"; }
1237
.icon-duplicate:before { /* fa-files-o */ content: "\f0c5"; }
1238
.icon-del:before { /* fa-trash */ content: "\f1f8"; }
1239
.icon-move:before { /* fa-share-square-o */ content: "\f045"; }
1240
.icon-save:before { /* fa-floppy-o */ content: "\f0c7"; }
1241
.icon-cancel:before { /* fa-reply */ content: "\f112"; }
1242
.icon-multiple:before { /* fa-upload */ content: "\f093"; }
1243
.icon-folder:before { /* fa-folder */ content: "\f07b"; }
1244
.open .icon-folder:before { /* fa-folder-o */ content: "\f07c" }
1245
.icon-package:before { /* fa-cube */ content: "\f1b2"; }
1246
.icon-project:before, .icon-projects:before { /* fa-cubes */ content: "\f1b3"; }
1247
.icon-help:before { /* fa-question-circle */ content: "\f059"; }
1248
.icon-attachment:before  { /* fa-paperclip */ content: "\f0c6"; }
1249
.icon-history:before  { /* fa-history */ content: "\f1da"; }
1250
.icon-time-entry:before, .icon-time:before { /* fa-clock-o */ content: "\f017"; }
1251
.icon-time-add:before  { /* fa-clock-o */ content: "\f017"; }
1252
.icon-stats:before  {  /* fa-bar-chart-o */ content: "\f080" }
1253
.icon-warning:before { /* fa-warning */  content: "\f071"; color: #A6750C; }
1254
.icon-error:before { /* fa-warning */ content: "\f071"; color: #EC0B19; }
1255
.icon-fav:before  { /* fa-star */ content: "\f005"; }
1256
.icon-fav-off:before  {  /* fa-star-o */ content: "\f006"; }
1257
.icon-reload:before  { /* fa-refresh */ content: "\f021"; }
1258
.icon-lock:before, .icon-locked:before  { /* fa-lock */ content: "\f023"; }
1259
.icon-unlock:before  { /* fa-unlock-alt */ content: "\f13e"; }
1260
.icon-checked:before  { /* fa-check */ content: "\f00c";  }
1261
.icon-details:before  { /* fa-search-plus */ content: "\f00e"; }
1262
.icon-report:before  { /* fa-table */ content: "\f0ce"; }
1263
.icon-comment:before, .icon-comments:before  { /* fa-comment-o */ content: "\f0e5"; }
1264
.icon-summary:before  { /* fa-table */ content: "\f0ce"; }
1265
.icon-server-authentication:before {  /* fa-key */ content: "\f084"; }
1266
.icon-issue:before { /* fa-sticky-note */ content: "\f24a"; }
1267
.icon-zoom-in:before { /* fa-search-plus */ content: "\f00e"; }
1268
.icon-zoom-out:before { /* fa-search-minus */ content: "\f010"; }
1269
.icon-magnifier:before { /* fa-search */ content: "\f002"; }
1270
.icon-passwd:before { /* fa-key */ content: "\f084"; }
1271
.icon-arrow-right:before, .icon-test:before, .icon-sticky:before { /* fa-arrow-right */ content: "\f061"; }
1272
.icon-email-disabled:before { /* fa-envelope-o */ content: "\f003"; }
1273
.icon-email:before, .icon-email-add:before { /* fa-envelope */ content: "\f0e0"; }
1274
.icon-move-up:before { /* fa-angle-up */ content: "\f106" }
1275
.icon-move-top:before { /* fa-angle-double-up */ content: "\f102"; }
1276
.icon-move-down:before { /* fa-angle-down */ content: "\f107"; }
1277
.icon-move-bottom:before { /* fa-angle-double-down */ content: "\f103"; }
1278
.icon-ok:before { /* fa-check */ content: "\f00c"; color: #55AC4F; }
1279
.icon-not-ok:before { /* fa-close */ content: "\f00d"; color: #EC0B19; }
1280
.icon-link-break:before { /* fa-chain-broken */ content: "\f127"; }
1281
.icon-list:before { /* fa-list-ul */ content: "\f0ca"; }
1282
.icon-close:before { /* fa-close */ content: "\f00d"; }
1283
.icon-settings:before { /* fa-cog */ content: "\f013"; }
1284
.icon-user:before { /* fa-user */ content: "\f2c0"; }
1285
.icon-group:before, .icon-groupnonmember:before, .icon-groupanonymous:before { /* fa-users */ content: "\f0c0"; }
1286
.icon-roles:before { /* fa-eye */ content: "\f06e"; }
1287
.icon-issue-edit:before { /* fa-pencil-square-o */ content: "\f044"; }
1288
.icon-workflows:before { /* fa-cogs */ content: "\f085"; }
1289
.icon-custom-fields:before { /* fa-file-text-o */ content: "\f0f6"; }
1290
.icon-plugins:before { /* fa-puzzle-piece */ content: "\f12e"; }
1291
.icon-news:before { /* fa-newspaper-o */ content: "\f1ea"; }
1292
.icon-issue-closed:before { /* fa-check-square-o */ content: "\f046"; }
1293
.icon-issue-note:before {/* fa-comment-o */ content: "\f0e5"; }
1294
.icon-settings:before { /* fa-cog */ content: "\f013"; }
1295
.icon-message:before {/* fa-comment-o */ content: "\f0e5"; }
1296
.icon-reply:before { /* fa-comment-o */ content: "\f0e5"; }
1297
.icon-wiki-page:before { /* fa-pencil-square-o */ content: "\f044"; }
1298
.icon-document:before { /* fa-file-o  */ content: "\f044"; }
1299
.icon-project:before {/* fa-caret-right */ content: "\f016" };
1300
.icon-add-bullet:before {  /* fa-plus-circle */ content: "\f055"; }
1301
.icon-shared:before { /* fa-link */ content: "\f0c1"; }
1302

  
1303
.icon-file:before { /* fa-file-o  */ content: "\f016"; }
1304
.icon-file.text-plain:before { /* fa-file-text-o */ content: "\f0f6"; }
1305
.icon-file.text-xml:before { /*fa-file-code-o */ content: "\f1c9"; }
1306
// mfizz font icons
1307
.icon-file.text-x-c:before { font: normal normal normal 14px/1 FontMfizz; content: "\f108"; }
1308
.icon-file.text-x-csharp:before { font: normal normal normal 14px/1 FontMfizz; content: "\f10e"; }
1309
.icon-file.text-x-java:before { font: normal normal normal 14px/1 FontMfizz; content: "\f12d"; }
1310
.icon-file.application-javascript:before,
1311
.icon-file.text-x-javascript:before { font: normal normal normal 14px/1 FontMfizz; content: "\f130"; }
1312
.icon-file.text-x-php:before {   font: normal normal normal 14px/1 FontMfizz; content: "\f14f"; }
1313
.icon-file.text-x-ruby:before { font: normal normal normal 14px/1 FontMfizz; content: "\f15a" }
1314
.icon-file.text-css:before { font: normal normal normal 14px/1 FontMfizz; content: "\f10f"; }
1315
.icon-file.text-html:before { font: normal normal normal 14px/1 FontMfizz; content: "\f12b"; }
1316
// end of mfizz font icons
1317
.icon-file.image-gif:before,
1318
.icon-file.image-jpeg:before,
1319
.icon-file.image-png:before,
1320
.icon-file.image-tiff:before { /* fa-file-image-o */ content: "\f1c5"; }
1321
.icon-file.application-pdf:before { /* fa-file-pdf-o */ content: "\f1c1"; }
1322
.icon-file.application-zip:before,
1323
.icon-file.application-x-gzip:before { /* fa-file-archive-o */ content: "\f1c6"; }
1291 1324

  
1292 1325
.sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; }
1293 1326
.sort-handle.ajax-loading { background-image: url(../images/loading.gif); }
public/stylesheets/responsive.css
544 544
  html.flyout-is-active {
545 545
    overflow: hidden;
546 546
  }
547
 
547

  
548 548
  .flyout-is-active #wrapper, .flyout-is-active #header {
549 549
    right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */
550 550
  }
......
615 615
    background-position-x: 4px;
616 616
  }
617 617

  
618
  #content>.contextual a.icon,
619
  p.buttons a.icon {
620
    padding-left: 25px;
621
  }
622

  
623 618
  .flyout-menu .contextual {
624 619
    float: none;
625 620
  }
(15-15/54)