mirror of
https://github.com/ether/etherpad-lite.git
synced 2025-04-23 08:56:17 -04:00
css: upgrade icons to fontawesome 5
This commit is contained in:
Sebastian Castro
muxator
parent
8a9300866b
commit
ae1a2531f8
13 changed files with 932 additions and 531 deletions
|
|
@ -13,13 +13,12 @@
|
|||
.buttonicon {
|
||||
border: none;
|
||||
padding: 0;
|
||||
color: #666;
|
||||
background: none;
|
||||
font-family: "fontawesome-etherpad";
|
||||
font-size: 15px;
|
||||
text-align: center;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
color: #666;
|
||||
position: relative;
|
||||
cursor: pointer;
|
||||
-moz-osx-font-smoothing: grayscale;
|
||||
-webkit-font-smoothing: antialiased;
|
||||
|
|
@ -28,12 +27,12 @@
|
|||
text-rendering: auto;
|
||||
}
|
||||
|
||||
[class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
|
||||
.buttonicon:before, [class^="buttonicon-"]:before, [class*=" buttonicon-"]:before {
|
||||
font-family: "fontawesome-etherpad";
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
speak: none;
|
||||
|
||||
font-size: 15px;
|
||||
display: inline-block;
|
||||
text-decoration: inherit;
|
||||
width: 1em;
|
||||
|
|
@ -52,112 +51,82 @@
|
|||
-moz-osx-font-smoothing: grayscale;
|
||||
}
|
||||
|
||||
|
||||
.buttonicon-strikethrough:before {
|
||||
content: "\e818";
|
||||
}
|
||||
.buttonicon-insertorderedlist:before {
|
||||
content: "\e816";
|
||||
content: "\e844";
|
||||
}
|
||||
.buttonicon-insertunorderedlist:before {
|
||||
content: "\e815";
|
||||
}
|
||||
.buttonicon-indent:before {
|
||||
content: "\e814";
|
||||
}
|
||||
.buttonicon-outdent:before {
|
||||
content: "\e813";
|
||||
}
|
||||
.buttonicon-undo:before {
|
||||
content: "\e823";
|
||||
}
|
||||
.buttonicon-redo:before {
|
||||
content: "\e824";
|
||||
content: "\e82a";
|
||||
}
|
||||
.buttonicon-clearauthorship:before {
|
||||
content: "\e80d";
|
||||
content: "\e843";
|
||||
left: -9px;
|
||||
position: absolute;
|
||||
top: -7px;
|
||||
}
|
||||
.buttonicon-settings:before {
|
||||
content: "\e833";
|
||||
content: "\e851";
|
||||
}
|
||||
.buttonicon-import_export:before {
|
||||
content: "\e834";
|
||||
content: "\e837";
|
||||
}
|
||||
.buttonicon-embed:before {
|
||||
content: "\e827";
|
||||
content: "\e853";
|
||||
}
|
||||
.buttonicon-history:before {
|
||||
content: "\e837";
|
||||
}
|
||||
.buttonicon-chat:before {
|
||||
content: "\e829";
|
||||
content: "\e82d";
|
||||
}
|
||||
.buttonicon-showusers:before {
|
||||
content: "\e808";
|
||||
}
|
||||
.buttonicon-savedRevision:before {
|
||||
content: "\e835";
|
||||
}
|
||||
.buttonicon-savedRevision:before {
|
||||
content: "\e856";
|
||||
}
|
||||
.buttonicon-undo:before { content: '\e84b'; } /* '' */
|
||||
.buttonicon-redo:before { content: '\e84c'; } /* '' */
|
||||
|
||||
.ep_font_size > a > .buttonicon:before { content: '\e852' !important; }
|
||||
.ep_font_color .buttonicon:before { content: '\e84e' !important; border-bottom: solid 2px #e42a2a; }
|
||||
|
||||
.buttonicon-align-left:before { content: '\e800'; } /* '' */
|
||||
.buttonicon-underline:before {
|
||||
top: -7px;
|
||||
left: -8px;
|
||||
position: absolute;
|
||||
}
|
||||
|
||||
/* COPY CSS GENERATED BY FONTELLO HERE */
|
||||
.buttonicon-sync-alt:before { content: '\e800'; } /* '' */
|
||||
.buttonicon-print:before { content: '\e801'; } /* '' */
|
||||
.buttonicon-doc:before { content: '\e802'; } /* '' */
|
||||
.buttonicon-file-pdf:before { content: '\e803'; } /* '' */
|
||||
.buttonicon-file-word:before { content: '\e804'; } /* '' */
|
||||
.buttonicon-file-excel:before { content: '\e805'; } /* '' */
|
||||
.buttonicon-file-powerpoint:before { content: '\e806'; } /* '' */
|
||||
.buttonicon-file-image:before { content: '\e807'; } /* '' */
|
||||
.buttonicon-users:before { content: '\e808'; } /* '' */
|
||||
.buttonicon-user:before { content: '\e809'; } /* '' */
|
||||
.buttonicon-stop:before { content: '\e802'; } /* '' */
|
||||
.buttonicon-play:before { content: '\e803'; } /* '' */
|
||||
.buttonicon-align-center:before { content: '\e804'; } /* '' */
|
||||
.buttonicon-align-justify:before { content: '\e805'; } /* '' */
|
||||
.buttonicon-align-left:before { content: '\e806'; } /* '' */
|
||||
.buttonicon-align-right:before { content: '\e807'; } /* '' */
|
||||
.buttonicon-pencil-alt:before { content: '\e808'; } /* '' */
|
||||
.buttonicon-file-code:before { content: '\e809'; } /* '' */
|
||||
.buttonicon-mail:before { content: '\e80a'; } /* '' */
|
||||
.buttonicon-videocam:before { content: '\e80b'; } /* '' */
|
||||
.buttonicon-picture:before { content: '\e80c'; } /* '' */
|
||||
.buttonicon-eye-off:before { content: '\e80d'; } /* '' */
|
||||
.buttonicon-align-center:before { content: '\e80f'; } /* '' */
|
||||
.buttonicon-align-right:before { content: '\e810'; } /* '' */
|
||||
.buttonicon-align-justify:before { content: '\e811'; } /* '' */
|
||||
.buttonicon-list:before { content: '\e812'; } /* '' */
|
||||
.buttonicon-indent-left:before { content: '\e813'; } /* '' */
|
||||
.buttonicon-indent-right:before { content: '\e814'; } /* '' */
|
||||
.buttonicon-list-bullet:before { content: '\e815'; } /* '' */
|
||||
.buttonicon-list-numbered:before { content: '\e816'; } /* '' */
|
||||
.buttonicon-underline:before { content: '\e817'; } /* '' */
|
||||
.buttonicon-strike:before { content: '\e818'; } /* '' */
|
||||
.buttonicon-superscript:before { content: '\e819'; } /* '' */
|
||||
.buttonicon-subscript:before { content: '\e81a'; } /* '' */
|
||||
.buttonicon-font:before { content: '\e81b'; } /* '' */
|
||||
.buttonicon-bold:before { content: '\e81c'; } /* '' */
|
||||
.buttonicon-italic:before { content: '\e81d'; } /* '' */
|
||||
.buttonicon-header:before { content: '\e81e'; } /* '' */
|
||||
.buttonicon-text-height:before { content: '\e81f'; } /* '' */
|
||||
.buttonicon-text-width:before { content: '\e820'; } /* '' */
|
||||
.buttonicon-to-start:before { content: '\e821'; } /* '' */
|
||||
.buttonicon-to-end:before { content: '\e822'; } /* '' */
|
||||
.buttonicon-ccw:before { content: '\e823'; } /* '' */
|
||||
.buttonicon-cw:before { content: '\e824'; } /* '' */
|
||||
.buttonicon-arrows-cw:before { content: '\e825'; } /* '' */
|
||||
.buttonicon-file-code:before { content: '\e826'; } /* '' */
|
||||
.buttonicon-code:before { content: '\e827'; } /* '' */
|
||||
.buttonicon-chat:before { content: '\e828'; } /* '' */
|
||||
.buttonicon-comment-empty:before { content: '\e829'; } /* '' */
|
||||
.buttonicon-trash-empty:before { content: '\e82a'; } /* '' */
|
||||
.buttonicon-mic:before { content: '\e82b'; } /* '' */
|
||||
.buttonicon-play:before { content: '\e82c'; } /* '' */
|
||||
.buttonicon-stop:before { content: '\e82d'; } /* '' */
|
||||
.buttonicon-pause:before { content: '\e82e'; } /* '' */
|
||||
.buttonicon-gauge:before { content: '\e82f'; } /* '' */
|
||||
.buttonicon-trash:before { content: '\e80e'; } /* '' */
|
||||
.buttonicon-times:before { content: '\e826'; } /* '' */
|
||||
.buttonicon-pause:before { content: '\e829'; } /* '' */
|
||||
.buttonicon-list-ul:before { content: '\e82a'; } /* '' */
|
||||
.buttonicon-step-backward:before { content: '\e82b'; } /* '' */
|
||||
.buttonicon-step-forward:before { content: '\e82c'; } /* '' */
|
||||
.buttonicon-comments:before { content: '\e82d'; } /* '' */
|
||||
.buttonicon-heading:before { content: '\e82e'; } /* '' */
|
||||
.buttonicon-brush:before { content: '\e830'; } /* '' */
|
||||
.buttonicon-slideshare:before { content: '\e831'; } /* '' */
|
||||
.buttonicon-tasks:before { content: '\e832'; } /* '' */
|
||||
.buttonicon-cog:before { content: '\e833'; } /* '' */
|
||||
.buttonicon-exchange:before { content: '\e834'; } /* '' */
|
||||
.buttonicon-star-empty:before { content: '\e835'; } /* '' */
|
||||
.buttonicon-star:before { content: '\e836'; } /* '' */
|
||||
.buttonicon-clock:before { content: '\e837'; } /* '' */
|
||||
.buttonicon-comment:before { content: '\e838'; } /* '' */
|
||||
.buttonicon-superscript:before { content: '\e833'; } /* '' */
|
||||
.buttonicon-subscript:before { content: '\e834'; } /* '' */
|
||||
.buttonicon-users:before { content: '\e835'; } /* '' */
|
||||
.buttonicon-gauge:before { content: '\e836'; } /* '' */
|
||||
.buttonicon-exchange-alt:before { content: '\e837'; } /* '' */
|
||||
.buttonicon-text-width:before { content: '\e838'; } /* '' */
|
||||
.buttonicon-pencil:before { content: '\e839'; } /* '' */
|
||||
.buttonicon-link:before { content: '\e83a'; } /* '' */
|
||||
.buttonicon-picture:before { content: '\e83a'; } /* '' */
|
||||
.buttonicon-video:before { content: '\e83b'; } /* '' */
|
||||
.buttonicon-video-slash:before { content: '\e83c'; } /* '' */
|
||||
.buttonicon-microphone-alt:before { content: '\e83d'; } /* '' */
|
||||
|
|
@ -165,8 +134,35 @@
|
|||
.buttonicon-compress:before { content: '\e83f'; } /* '' */
|
||||
.buttonicon-expand:before { content: '\e840'; } /* '' */
|
||||
.buttonicon-spin5:before { content: '\e841'; } /* '' */
|
||||
.buttonicon-cancel:before { content: '\e842'; } /* '' */
|
||||
.buttonicon-eye-slash:before { content: '\e843'; } /* '' */
|
||||
.buttonicon-list-ol:before { content: '\e844'; } /* '' */
|
||||
.buttonicon-bold:before { content: '\e845'; } /* '' */
|
||||
.buttonicon-underline:before { content: '\e846'; } /* '' */
|
||||
.buttonicon-italic:before { content: '\e847'; } /* '' */
|
||||
.buttonicon-strikethrough:before { content: '\e848'; } /* '' */
|
||||
.buttonicon-indent:before { content: '\e849'; } /* '' */
|
||||
.buttonicon-outdent:before { content: '\e84a'; } /* '' */
|
||||
.buttonicon-undo-alt:before { content: '\e84b'; } /* '' */
|
||||
.buttonicon-redo-alt:before { content: '\e84c'; } /* '' */
|
||||
.buttonicon-link:before { content: '\e84d'; } /* '' */
|
||||
.buttonicon-font:before { content: '\e84e'; } /* '' */
|
||||
.buttonicon-comment-medical:before { content: '\e84f'; } /* '' */
|
||||
.buttonicon-comment:before { content: '\e850'; } /* '' */
|
||||
.buttonicon-cog:before { content: '\e851'; } /* '' */
|
||||
.buttonicon-text-height:before { content: '\e852'; } /* '' */
|
||||
.buttonicon-share-alt:before { content: '\e853'; } /* '' */
|
||||
.buttonicon-code:before { content: '\e854'; } /* '' */
|
||||
.buttonicon-history:before { content: '\e855'; } /* '' */
|
||||
.buttonicon-star:before { content: '\e856'; } /* '' */
|
||||
.buttonicon-file-import:before { content: '\e857'; } /* '' */
|
||||
.buttonicon-file-download:before { content: '\e858'; } /* '' */
|
||||
.buttonicon-file-pdf:before { content: '\e859'; } /* '' */
|
||||
.buttonicon-file-word:before { content: '\e85a'; } /* '' */
|
||||
.buttonicon-file-alt:before { content: '\e85b'; } /* '' */
|
||||
.buttonicon-file:before { content: '\e85c'; } /* '' */
|
||||
.buttonicon-file-powerpoint:before { content: '\e85d'; } /* '' */
|
||||
.buttonicon-table:before { content: '\f0ce'; } /* '' */
|
||||
/* END Of FONTELLO GENERATED CSS */
|
||||
|
||||
.icon-spin {
|
||||
-webkit-animation: spinAnimation 2s infinite linear;
|
||||
|
|
|
|||
|
|
@ -1,30 +1,12 @@
|
|||
.readonly .acl-write {
|
||||
display: none;
|
||||
}
|
||||
.exporttype {
|
||||
.exportlink {
|
||||
margin-bottom: 5px;
|
||||
display: block;
|
||||
}
|
||||
.exporttype:before{
|
||||
font-family: "fontawesome-etherpad";
|
||||
margin-right: 5px;
|
||||
}
|
||||
#exporthtmla .exporttype:before {
|
||||
content: "\e826";
|
||||
}
|
||||
#exportplaina .exporttype:before {
|
||||
content: "\e802";
|
||||
}
|
||||
#exportworda .exporttype:before {
|
||||
content: "\e804";
|
||||
}
|
||||
#exportpdfa .exporttype:before {
|
||||
content: "\e803";
|
||||
}
|
||||
#exportetherpada .exporttype:before {
|
||||
content: "\e806";
|
||||
}
|
||||
#exportopena .exporttype:before {
|
||||
content: "\e805";
|
||||
.exporttype:before {
|
||||
margin-right: 5px !important;
|
||||
}
|
||||
|
||||
/* hidden element */
|
||||
|
|
|
|||
|
|
@ -34,7 +34,7 @@
|
|||
align-items: center;
|
||||
justify-content: center;
|
||||
min-width: 28px;
|
||||
height: 26px;
|
||||
height: 28px;
|
||||
border: 1px solid #ccc;
|
||||
border-radius: 3px;
|
||||
background: #fff;
|
||||
|
|
@ -82,14 +82,16 @@
|
|||
}
|
||||
|
||||
.toolbar ul li[data-key=showusers] > a {
|
||||
min-width: 30px;
|
||||
min-width: 35px;
|
||||
}
|
||||
.toolbar ul li[data-key=showusers] > a .buttonicon-showusers {
|
||||
padding-left: 3px;
|
||||
}
|
||||
.toolbar ul li[data-key=showusers] > a #online_count {
|
||||
color: #777;
|
||||
font-size: 11px;
|
||||
position: relative;
|
||||
top: 2px;
|
||||
padding-left: 2px;
|
||||
padding-left: 5px;
|
||||
}
|
||||
|
||||
.toolbar #toolbar-overlay {
|
||||
|
|
|
|||
|
|
@ -71,15 +71,15 @@
|
|||
#timeslider-slider .star {
|
||||
cursor: pointer;
|
||||
position: absolute;
|
||||
top: -4px
|
||||
top: -6px
|
||||
}
|
||||
#timeslider-slider .star:before{
|
||||
font-family: fontawesome-etherpad;
|
||||
color: #da9700;
|
||||
content: "\e836";
|
||||
content: "\e856";
|
||||
vertical-align:middle;
|
||||
font-size:16px;
|
||||
margin-left: -1px;
|
||||
margin-left: -2px;
|
||||
}
|
||||
|
||||
/* BUTTONS TO MOVE SLIDER (Play/Pause, Next, Prev)*/
|
||||
|
|
@ -99,11 +99,13 @@
|
|||
#slider-btn-container #playpause_button_icon {
|
||||
width: 40px;
|
||||
height: 40px;
|
||||
font-size: 22px;
|
||||
padding-left: 2px;
|
||||
}
|
||||
#slider-btn-container #playpause_button_icon:before {
|
||||
font-size: 22px;
|
||||
}
|
||||
#slider-btn-container #playpause_button_icon.pause:before {
|
||||
content: "\e82e";
|
||||
content: "\e829";
|
||||
padding-left: 0;
|
||||
padding-right: 2px;
|
||||
}
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue