diff --git a/public/stylesheets/application.css b/public/stylesheets/application.css old mode 100644 new mode 100755 index 29620f3..acfdf1b --- a/public/stylesheets/application.css +++ b/public/stylesheets/application.css @@ -1,3 +1,24 @@ +@font-face { + font-family: 'FontAwesome'; + src: url('../fonts/font-awesome/fontawesome-webfont.eot?v=4.7.0'); + src: url('../fonts/font-awesome/fontawesome-webfont.eot?#iefix&v=4.7.0') format('embedded-opentype'), + url('../fonts/font-awesome/fontawesome-webfont.woff2?v=4.7.0') format('woff2'), + url('../fonts/font-awesome/fontawesome-webfont.woff?v=4.7.0') format('woff'), + url('../fonts/font-awesome/fontawesome-webfont.ttf?v=4.7.0') format('truetype'), + url('../fonts/font-awesome/fontawesome-webfont.svg?v=4.7.0#fontawesomeregular') format('svg'); + font-weight: normal; + font-style: normal; +} +@font-face { + font-family: "FontMfizz"; + src: url("../fonts/font-mfizz/font-mfizz.eot"); + src: url("../fonts/font-mfizz/font-mfizz.eot?#iefix") format("embedded-opentype"), + url("../fonts/font-mfizz/font-mfizz.woff") format("woff"), + url("../fonts/font-mfizz/font-mfizz.ttf") format("truetype"), + url("../fonts/font-mfizz/font-mfizz.svg#font-mfizz") format("svg"); + font-weight: normal; + font-style: normal; +} html {overflow-y:scroll;} body { font-family: Verdana, sans-serif; font-size: 12px; color:#333; margin: 0; padding: 0; min-width: 900px; } @@ -305,7 +326,7 @@ tr.version.closed, tr.version.closed a { color: #999; } tr.version td.name { padding-left: 20px; } tr.version td.date, tr.version td.status, tr.version td.sharing { text-align: center; white-space:nowrap; } -tr.member td.icon-user {background:transparent;} +tr.member td.icon-user:before { content: ""} tr.user td {width:13%;white-space: nowrap;} td.username, td.firstname, td.lastname, td.email {text-align:left !important;} @@ -1177,14 +1198,15 @@ div.wiki img {vertical-align:middle; max-width:100%;} .version-overdue a, .issue-overdue a, .project-overdue a {color: #f00;} /***** Icons *****/ -.icon { - background-position: 0% 50%; - background-repeat: no-repeat; - padding-left: 20px; +.icon:before { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + padding-right: 3px; } .icon-only { - background-position: 0% 50%; - background-repeat: no-repeat; padding-left: 16px; display: inline-block; width: 0; @@ -1195,99 +1217,110 @@ div.wiki img {vertical-align:middle; max-width:100%;} font-size: 8px; vertical-align: middle; } -.icon-only::after { - content: " "; -} - -.icon-add { background-image: url(../images/add.png); } -.icon-edit { background-image: url(../images/edit.png); } -.icon-copy { background-image: url(../images/copy.png); } -.icon-duplicate { background-image: url(../images/duplicate.png); } -.icon-del { background-image: url(../images/delete.png); } -.icon-move { background-image: url(../images/move.png); } -.icon-save { background-image: url(../images/save.png); } -.icon-cancel { background-image: url(../images/cancel.png); } -.icon-multiple { background-image: url(../images/table_multiple.png); } -.icon-folder { background-image: url(../images/folder.png); } -.open .icon-folder { background-image: url(../images/folder_open.png); } -.icon-package { background-image: url(../images/package.png); } -.icon-user { background-image: url(../images/user.png); } -.icon-project, .icon-projects { background-image: url(../images/projects.png); } -.icon-help { background-image: url(../images/help.png); } -.icon-attachment { background-image: url(../images/attachment.png); } -.icon-history { background-image: url(../images/history.png); } -.icon-time-entry, .icon-time { background-image: url(../images/time.png); } -.icon-time-add { background-image: url(../images/time_add.png); } -.icon-stats { background-image: url(../images/stats.png); } -.icon-warning { background-image: url(../images/warning.png); } -.icon-error { background-image: url(../images/exclamation.png); } -.icon-fav { background-image: url(../images/fav.png); } -.icon-fav-off { background-image: url(../images/fav_off.png); } -.icon-reload { background-image: url(../images/reload.png); } -.icon-lock, .icon-locked { background-image: url(../images/locked.png); } -.icon-unlock { background-image: url(../images/unlock.png); } -.icon-checked { background-image: url(../images/toggle_check.png); } -.icon-details { background-image: url(../images/zoom_in.png); } -.icon-report { background-image: url(../images/report.png); } -.icon-comment, .icon-comments { background-image: url(../images/comment.png); } -.icon-summary { background-image: url(../images/lightning.png); } -.icon-server-authentication { background-image: url(../images/server_key.png); } -.icon-issue { background-image: url(../images/ticket.png); } -.icon-zoom-in { background-image: url(../images/zoom_in.png); } -.icon-zoom-out { background-image: url(../images/zoom_out.png); } -.icon-magnifier { background-image: url(../images/magnifier.png); } -.icon-passwd { background-image: url(../images/textfield_key.png); } -.icon-arrow-right, .icon-test, .icon-sticky { background-image: url(../images/bullet_go.png); } -.icon-email { background-image: url(../images/email.png); } -.icon-email-disabled { background-image: url(../images/email_disabled.png); } -.icon-email-add { background-image: url(../images/email_add.png); } -.icon-move-up { background-image: url(../images/1uparrow.png); } -.icon-move-top { background-image: url(../images/2uparrow.png); } -.icon-move-down { background-image: url(../images/1downarrow.png); } -.icon-move-bottom { background-image: url(../images/2downarrow.png); } -.icon-ok { background-image: url(../images/true.png); } -.icon-not-ok { background-image: url(../images/false.png); } -.icon-link-break { background-image: url(../images/link_break.png); } -.icon-list { background-image: url(../images/text_list_bullets.png); } -.icon-close { background-image: url(../images/close.png); } -.icon-close:hover { background-image: url(../images/close_hl.png); } -.icon-settings { background-image: url(../images/changeset.png); } -.icon-group, .icon-groupnonmember, .icon-groupanonymous { background-image: url(../images/group.png); } -.icon-roles { background-image: url(../images/database_key.png); } -.icon-issue-edit { background-image: url(../images/ticket_edit.png); } -.icon-workflows { background-image: url(../images/ticket_go.png); } -.icon-custom-fields { background-image: url(../images/textfield.png); } -.icon-plugins { background-image: url(../images/plugin.png); } -.icon-news { background-image: url(../images/news.png); } -.icon-issue-closed { background-image: url(../images/ticket_checked.png); } -.icon-issue-note { background-image: url(../images/ticket_note.png); } -.icon-changeset { background-image: url(../images/changeset.png); } -.icon-message { background-image: url(../images/message.png); } -.icon-reply { background-image: url(../images/comments.png); } -.icon-wiki-page { background-image: url(../images/wiki_edit.png); } -.icon-document { background-image: url(../images/document.png); } -.icon-project { background-image: url(../images/projects.png); } -.icon-add-bullet { background-image: url(../images/bullet_add.png); } -.icon-shared { background-image: url(../images/link.png) }; - -.icon-file { background-image: url(../images/files/default.png); } -.icon-file.text-plain { background-image: url(../images/files/text.png); } -.icon-file.text-x-c { background-image: url(../images/files/c.png); } -.icon-file.text-x-csharp { background-image: url(../images/files/csharp.png); } -.icon-file.text-x-java { background-image: url(../images/files/java.png); } -.icon-file.text-x-javascript { background-image: url(../images/files/js.png); } -.icon-file.text-x-php { background-image: url(../images/files/php.png); } -.icon-file.text-x-ruby { background-image: url(../images/files/ruby.png); } -.icon-file.text-xml { background-image: url(../images/files/xml.png); } -.icon-file.text-css { background-image: url(../images/files/css.png); } -.icon-file.text-html { background-image: url(../images/files/html.png); } -.icon-file.image-gif { background-image: url(../images/files/image.png); } -.icon-file.image-jpeg { background-image: url(../images/files/image.png); } -.icon-file.image-png { background-image: url(../images/files/image.png); } -.icon-file.image-tiff { background-image: url(../images/files/image.png); } -.icon-file.application-pdf { background-image: url(../images/files/pdf.png); } -.icon-file.application-zip { background-image: url(../images/files/zip.png); } -.icon-file.application-x-gzip { background-image: url(../images/files/zip.png); } +.icon-only:before { + display: inline-block; + font: normal normal normal 14px/1 FontAwesome; + font-size: 14px; + text-rendering: auto; + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; + margin-left: -14px; + margin-right: 2px; +} +.icon-only:after { + content: " "; +} + +.icon-add:before { /* fa-plus-circle */ content: "\f055"; } +.icon-edit:before { /* fa-pencil */ content: "\f040"; } +.icon-copy:before { /* fa-clone */ content: "\f24d"; } +.icon-duplicate:before { /* fa-files-o */ content: "\f0c5"; } +.icon-del:before { /* fa-trash */ content: "\f1f8"; } +.icon-move:before { /* fa-share-square-o */ content: "\f045"; } +.icon-save:before { /* fa-floppy-o */ content: "\f0c7"; } +.icon-cancel:before { /* fa-reply */ content: "\f112"; } +.icon-multiple:before { /* fa-upload */ content: "\f093"; } +.icon-folder:before { /* fa-folder */ content: "\f07b"; } +.open .icon-folder:before { /* fa-folder-o */ content: "\f07c" } +.icon-package:before { /* fa-cube */ content: "\f1b2"; } +.icon-project:before, .icon-projects:before { /* fa-cubes */ content: "\f1b3"; } +.icon-help:before { /* fa-question-circle */ content: "\f059"; } +.icon-attachment:before { /* fa-paperclip */ content: "\f0c6"; } +.icon-history:before { /* fa-history */ content: "\f1da"; } +.icon-time-entry:before, .icon-time:before { /* fa-clock-o */ content: "\f017"; } +.icon-time-add:before { /* fa-clock-o */ content: "\f017"; } +.icon-stats:before { /* fa-bar-chart-o */ content: "\f080" } +.icon-warning:before { /* fa-warning */ content: "\f071"; color: #A6750C; } +.icon-error:before { /* fa-warning */ content: "\f071"; color: #EC0B19; } +.icon-fav:before { /* fa-star */ content: "\f005"; } +.icon-fav-off:before { /* fa-star-o */ content: "\f006"; } +.icon-reload:before { /* fa-refresh */ content: "\f021"; } +.icon-lock:before, .icon-locked:before { /* fa-lock */ content: "\f023"; } +.icon-unlock:before { /* fa-unlock-alt */ content: "\f13e"; } +.icon-checked:before { /* fa-check */ content: "\f00c"; } +.icon-details:before { /* fa-search-plus */ content: "\f00e"; } +.icon-report:before { /* fa-table */ content: "\f0ce"; } +.icon-comment:before, .icon-comments:before { /* fa-comment-o */ content: "\f0e5"; } +.icon-summary:before { /* fa-table */ content: "\f0ce"; } +.icon-server-authentication:before { /* fa-key */ content: "\f084"; } +.icon-issue:before { /* fa-sticky-note */ content: "\f24a"; } +.icon-zoom-in:before { /* fa-search-plus */ content: "\f00e"; } +.icon-zoom-out:before { /* fa-search-minus */ content: "\f010"; } +.icon-magnifier:before { /* fa-search */ content: "\f002"; } +.icon-passwd:before { /* fa-key */ content: "\f084"; } +.icon-arrow-right:before, .icon-test:before, .icon-sticky:before { /* fa-arrow-right */ content: "\f061"; } +.icon-email-disabled:before { /* fa-envelope-o */ content: "\f003"; } +.icon-email:before, .icon-email-add:before { /* fa-envelope */ content: "\f0e0"; } +.icon-move-up:before { /* fa-angle-up */ content: "\f106" } +.icon-move-top:before { /* fa-angle-double-up */ content: "\f102"; } +.icon-move-down:before { /* fa-angle-down */ content: "\f107"; } +.icon-move-bottom:before { /* fa-angle-double-down */ content: "\f103"; } +.icon-ok:before { /* fa-check */ content: "\f00c"; color: #55AC4F; } +.icon-not-ok:before { /* fa-close */ content: "\f00d"; color: #EC0B19; } +.icon-link-break:before { /* fa-chain-broken */ content: "\f127"; } +.icon-list:before { /* fa-list-ul */ content: "\f0ca"; } +.icon-close:before { /* fa-close */ content: "\f00d"; } +.icon-settings:before { /* fa-cog */ content: "\f013"; } +.icon-user:before { /* fa-user */ content: "\f2c0"; } +.icon-group:before, .icon-groupnonmember:before, .icon-groupanonymous:before { /* fa-users */ content: "\f0c0"; } +.icon-roles:before { /* fa-eye */ content: "\f06e"; } +.icon-issue-edit:before { /* fa-pencil-square-o */ content: "\f044"; } +.icon-workflows:before { /* fa-cogs */ content: "\f085"; } +.icon-custom-fields:before { /* fa-file-text-o */ content: "\f0f6"; } +.icon-plugins:before { /* fa-puzzle-piece */ content: "\f12e"; } +.icon-news:before { /* fa-newspaper-o */ content: "\f1ea"; } +.icon-issue-closed:before { /* fa-check-square-o */ content: "\f046"; } +.icon-issue-note:before {/* fa-comment-o */ content: "\f0e5"; } +.icon-settings:before { /* fa-cog */ content: "\f013"; } +.icon-message:before {/* fa-comment-o */ content: "\f0e5"; } +.icon-reply:before { /* fa-comment-o */ content: "\f0e5"; } +.icon-wiki-page:before { /* fa-pencil-square-o */ content: "\f044"; } +.icon-document:before { /* fa-file-o */ content: "\f044"; } +.icon-project:before {/* fa-caret-right */ content: "\f016" }; +.icon-add-bullet:before { /* fa-plus-circle */ content: "\f055"; } +.icon-shared:before { /* fa-link */ content: "\f0c1"; } + +.icon-file:before { /* fa-file-o */ content: "\f016"; } +.icon-file.text-plain:before { /* fa-file-text-o */ content: "\f0f6"; } +.icon-file.text-xml:before { /*fa-file-code-o */ content: "\f1c9"; } +// mfizz font icons +.icon-file.text-x-c:before { font: normal normal normal 14px/1 FontMfizz; content: "\f108"; } +.icon-file.text-x-csharp:before { font: normal normal normal 14px/1 FontMfizz; content: "\f10e"; } +.icon-file.text-x-java:before { font: normal normal normal 14px/1 FontMfizz; content: "\f12d"; } +.icon-file.application-javascript:before, +.icon-file.text-x-javascript:before { font: normal normal normal 14px/1 FontMfizz; content: "\f130"; } +.icon-file.text-x-php:before { font: normal normal normal 14px/1 FontMfizz; content: "\f14f"; } +.icon-file.text-x-ruby:before { font: normal normal normal 14px/1 FontMfizz; content: "\f15a" } +.icon-file.text-css:before { font: normal normal normal 14px/1 FontMfizz; content: "\f10f"; } +.icon-file.text-html:before { font: normal normal normal 14px/1 FontMfizz; content: "\f12b"; } +// end of mfizz font icons +.icon-file.image-gif:before, +.icon-file.image-jpeg:before, +.icon-file.image-png:before, +.icon-file.image-tiff:before { /* fa-file-image-o */ content: "\f1c5"; } +.icon-file.application-pdf:before { /* fa-file-pdf-o */ content: "\f1c1"; } +.icon-file.application-zip:before, +.icon-file.application-x-gzip:before { /* fa-file-archive-o */ content: "\f1c6"; } .sort-handle { width:16px; height:16px; background:url(../images/reorder.png) no-repeat 0 50%; cursor:move; } .sort-handle.ajax-loading { background-image: url(../images/loading.gif); } diff --git a/public/stylesheets/responsive.css b/public/stylesheets/responsive.css old mode 100644 new mode 100755 index 7ed0060..b85310b --- a/public/stylesheets/responsive.css +++ b/public/stylesheets/responsive.css @@ -544,7 +544,7 @@ html.flyout-is-active { overflow: hidden; } - + .flyout-is-active #wrapper, .flyout-is-active #header { right: 250px; /* when left flyout is active, move body and header to the right (same amount like flyout-menu's width) */ } @@ -615,11 +615,6 @@ background-position-x: 4px; } - #content>.contextual a.icon, - p.buttons a.icon { - padding-left: 25px; - } - .flyout-menu .contextual { float: none; }