Robert Vogel has submitted this change and it was merged.
Change subject: Added semantic CSS classes for icon set
......................................................................
Added semantic CSS classes for icon set
Work by Tobias Richter
Change-Id: I606bc91d1d0a8824f907ca252fd58fab5d5995af
---
M BlueSpiceSkin.php
A doc/bs.icons.html
A resources/bs.icons.css
3 files changed, 242 insertions(+), 0 deletions(-)
Approvals:
Robert Vogel: Verified; Looks good to me, approved
Smuggli: Checked; Looks good to me, but someone else must approve
diff --git a/BlueSpiceSkin.php b/BlueSpiceSkin.php
index b909a6f..c778060 100644
--- a/BlueSpiceSkin.php
+++ b/BlueSpiceSkin.php
@@ -72,6 +72,7 @@
'BlueSpiceSkin/resources/screen.less',
'BlueSpiceSkin/resources/print.less' => array('media' =>
'print'),
+ 'BlueSpiceSkin/resources/bs.icons.css'
)
)+$aResourceModuleTemplate;
diff --git a/doc/bs.icons.html b/doc/bs.icons.html
new file mode 100644
index 0000000..6115337
--- /dev/null
+++ b/doc/bs.icons.html
@@ -0,0 +1,122 @@
+<!DOCTYPE html>
+<html>
+ <head>
+ <link rel="stylesheet"
href="../resources/icomoon/icomoon.icons.css" />
+ <link rel="stylesheet" href="../resources/bs.icons.css" />
+ <title>BlueSpice Icon set</title>
+ <style>
+ table {
+ width: 100%;
+ font-family: arial, sans-serif;
+ }
+
+ .icon {
+ background-color: #f4f4f4;
+ box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);
+ padding: 20px;#
+ width: 30px;
+ font-size: 16pt;
+ }
+
+ .text {
+ background-color: #f4f4f4;
+ box-shadow: inset 0 -2px 0 rgba(0,0,0,.1);
+ padding: 20px;
+ width: 32%;
+ font-size: 16pt;
+ }
+
+ a {
+ text-decoration:none;
+ color: black;
+ font-size: 16pt;
+ }
+
+ </style>
+ </head>
+ <body>
+ <!-- Author: Tobias Richter -->
+ <table>
+ <tr>
+ <td class="icon"><a href="#"
class="icon-create" ></a></td>
+ <td class="text"><p>icon-create</p></td>
+ <td class="icon"><a href="#" class="icon-copy"
></a></td>
+ <td class="text"><p>icon-copy</p></td>
+ <td class="icon"><a href="#" class="icon-paste"
></a></td>
+ <td class="text"><p>icon-paste</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#" class="icon-save"
></a></td>
+ <td class="text"><p>icon-save</p></td>
+ <td class="icon"><a href="#"
class="icon-search" ></a></td>
+ <td class="text"><p>icon-search</p></td>
+ <td class="icon"><a href="#" class="icon-edit"
></a></td>
+ <td class="text"><p>icon-edit</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#"
class="icon-settings" ></a></td>
+ <td class="text"><p>icon-settings</p></td>
+ <td class="icon"><a href="#" class="icon-rate"
></a></td>
+ <td class="text"><p>icon-rate</p></td>
+ <td class="icon"><a href="#" class="icon-home"
></a></td>
+ <td class="text"><p>icon-home</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#" class="icon-tools"
></a></td>
+ <td class="text"><p>icon-tools</p></td>
+ <td class="icon"><a href="#"
class="icon-upload" ></a></td>
+ <td class="text"><p>icon-upload</p></td>
+ <td class="icon"><a href="#"
class="icon-history" ></a></td>
+ <td class="text"><p>icon-history</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#"
class="icon-delete" ></a></td>
+ <td class="text"><p>icon-delete</p></td>
+ <td class="icon"><a href="#" class="icon-menu"
></a></td>
+ <td class="text"><p>icon-menu</p></td>
+ <td class="icon"><a href="#" class="icon-print"
></a></td>
+ <td class="text"><p>icon-print</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#" class="icon-user"
></a></td>
+ <td class="text"><p>icon-user</p></td>
+ <td class="icon"><a href="#" class="icon-pdf"
></a></td>
+ <td class="text"><p>icon-pdf</p></td>
+ <td class="icon"><a href="#"
class="icon-notification" ></a></td>
+ <td class="text"><p>icon-notification</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#"
class="icon-message" ></a></td>
+ <td class="text"><p>icon-message</p></td>
+ <td class="icon"><a href="#" class="icon-watch"
></a></td>
+ <td class="text"><p>icon-watch</p></td>
+ <td class="icon"><a href="#" class="icon-focus"
></a></td>
+ <td class="text"><p>icon-focus</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#" class="icon-login"
></a></td>
+ <td class="text"><p>icon-login</p></td>
+ <td class="icon"><a href="#"
class="icon-comment" ></a></td>
+ <td class="text"><p>icon-comment</p></td>
+ <td class="icon"><a href="#"
class="icon-dashboard" ></a></td>
+ <td class="text"><p>icon-dashboard</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#" class="icon-cut"
></a></td>
+ <td class="text"><p>icon-cut</p></td>
+ <td class="icon"><a href="#"
class="icon-filter" ></a></td>
+ <td class="text"><p>icon-filter</p></td>
+ <td class="icon"><a href="#" class="icon-help"
></a></td>
+ <td class="text"><p>icon-help</p></td>
+ </tr>
+ <tr>
+ <td class="icon"><a href="#"
class="icon-download" ></a></td>
+ <td class="text"><p>icon-download</p></td>
+ <td class="icon"><a href="#" class="icon-books"
></a></td>
+ <td class="text"><p>icon-books</p></td>
+ <td class="icon"><a href="#" class="icon-admin"
></a></td>
+ <td class="text"><p>icon-admin</p></td>
+ </tr>
+ </table>
+ </body>
+</html>
\ No newline at end of file
diff --git a/resources/bs.icons.css b/resources/bs.icons.css
new file mode 100644
index 0000000..9e6c29c
--- /dev/null
+++ b/resources/bs.icons.css
@@ -0,0 +1,119 @@
+.icon-create:before {
+ content: "\e624";
+}
+
+.icon-copy:before {
+ content: "\e627";
+}
+
+.icon-paste:before {
+ content: "\e628";
+}
+
+.icon-save:before {
+ content: "\e660";
+}
+
+.icon-search:before {
+ content: "\e67f";
+}
+
+.icon-edit:before {
+ content: "\e605";
+}
+
+.icon-settings:before {
+ content: "\e690";
+}
+
+.icon-rate:before {
+ content: "\e6d0";
+}
+
+.icon-home:before {
+ content: "\e600";
+}
+
+.icon-tools:before {
+ content: "\e68b";
+}
+
+.icon-upload:before {
+ content: "\e65f";
+}
+
+.icon-history:before {
+ content: "\e647";
+}
+
+.icon-delete:before {
+ content: "\e6a7";
+}
+
+.icon-menu:before {
+ content: "\e6b8";
+}
+
+.icon-print:before {
+ content: "\e650";
+}
+
+.icon-user:before {
+ content: "\e670";
+}
+
+.icon-pdf:before {
+ content: "\e7b2";
+}
+
+.icon-notification:before {
+ content: "\e64b";
+}
+
+.icon-message:before {
+ content: "\e760";
+}
+
+.icon-watch:before {
+ content: "\e6c6";
+}
+
+.icon-focus:before {
+ content: "\e6ae";
+}
+
+.icon-login:before {
+ content: "\e6b1";
+}
+
+.icon-comment:before {
+ content: "\e66a";
+}
+
+.icon-dashboard:before {
+ content: "\e6a2";
+}
+
+.icon-cut:before {
+ content: "\e73e";
+}
+
+.icon-filter:before {
+ content: "\e73f";
+}
+
+.icon-help:before {
+ content: "\e63b";
+}
+
+.icon-download:before {
+ content: "\e65e";
+}
+
+.icon-books:before {
+ content: "\e620";
+}
+
+.icon-admin:before {
+ content: "\e675";
+}
\ No newline at end of file
--
To view, visit https://gerrit.wikimedia.org/r/147094
To unsubscribe, visit https://gerrit.wikimedia.org/r/settings
Gerrit-MessageType: merged
Gerrit-Change-Id: I606bc91d1d0a8824f907ca252fd58fab5d5995af
Gerrit-PatchSet: 2
Gerrit-Project: mediawiki/skins/BlueSpiceSkin
Gerrit-Branch: master
Gerrit-Owner: Robert Vogel <[email protected]>
Gerrit-Reviewer: Mglaser <[email protected]>
Gerrit-Reviewer: Pigpen <[email protected]>
Gerrit-Reviewer: Robert Vogel <[email protected]>
Gerrit-Reviewer: Smuggli <[email protected]>
_______________________________________________
MediaWiki-commits mailing list
[email protected]
https://lists.wikimedia.org/mailman/listinfo/mediawiki-commits
