Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
Browse files

changed css

  • Loading branch information...
commit b9d587a2769954d9753c02b8ee8febfec186f65f 1 parent 63605e5
Matthias Pfefferle authored
Showing with 85 additions and 40 deletions.
  1. +45 −0 css/openwebicons-bootstrap.css
  2. +27 −27 css/openwebicons.css
  3. +13 −13 test/test.html
45 css/openwebicons-bootstrap.css
View
@@ -0,0 +1,45 @@
+@font-face {
+ font-family: 'OpenWeb Icons';
+ src: url('../font/openwebicons.eot');
+ src: url('../font/openwebicons.eot?#iefix') format('embedded-opentype'),
+ url('../font/openwebicons.woff') format('woff'),
+ url('../font/openwebicons.ttf') format('truetype'),
+ url('../font/openwebicons.svg#OpenWebIconsRegular') format('svg');
+ font-weight: normal;
+ font-style: normal;
+}
+.icon-apml:before { content: "a"; }
+.icon-apml-colored:before { content: "a"; color: #AFDD63; }
+
+.icon-open-share:before { content: "T"; }
+.icon-open-share-colored:before { content: "T"; color: #538439; }
+
+.icon-share:before { content: "t"; }
+.icon-share-colored:before { content: "t"; color: #538439; }
+
+.icon-feed:before { content: "F"; }
+.icon-feed-simple:before { content: "E"; }
+.icon-feed-colored:before { content: "F"; color: #EA680B; }
+
+.icon-ostatus:before { content: "S"; }
+.icon-ostatus-simple:before { content: "s"; }
+.icon-ostatus-colored:before { content: "S"; color: #FF6600; }
+
+.icon-opml:before { content: "o"; }
+.icon-opml-colored:before { content: "o"; color: #2490A1; }
+
+.icon-activity:before { content: "W"; }
+.icon-activity-colored:before { content: "W"; color: #4FB2D9; }
+
+.icon-microformats:before { content: "M"; }
+.icon-microformats-colored:before { content: "M"; color: #96C70D; }
+
+.icon-geo:before { content: "G"; }
+.icon-geo-colored:before { content: "G"; color: #CB0000; }
+
+.icon-opensearch:before { content: "f"; }
+.icon-opensearch-colored:before { content: "f"; color: #5050f3; }
+
+.icon-oauth:before { content: "A"; }
+.icon-openid:before { content: "O"; }
+.icon-rdf:before, .icon-rdfa:before, .icon-owl:before { content: "R"; }
54 css/openwebicons.css
View
@@ -8,7 +8,7 @@
font-weight: normal;
font-style: normal;
}
-[class^="owi-"]:before, [class*=" owi-"]:before {
+[class^="icon-"]:before, [class*=" icon-"]:before {
font-family: 'OpenWeb Icons';
font-weight: normal;
font-style: normal;
@@ -17,43 +17,43 @@
vertical-align: center;
font-size: 0.9em;
}
-a [class^="owi-"], a [class*=" owi-"] {
+a [class^="icon-"], a [class*=" icon-"] {
display: inline-block;
text-decoration: inherit;
}
-.owi-apml:before { content: "a"; }
-.owi-apml-colored:before { content: "a"; color: #AFDD63; }
+.icon-apml:before { content: "a"; }
+.icon-apml-colored:before { content: "a"; color: #AFDD63; }
-.owi-open-share:before { content: "T"; }
-.owi-open-share-colored:before { content: "T"; color: #538439; }
+.icon-open-share:before { content: "T"; }
+.icon-open-share-colored:before { content: "T"; color: #538439; }
-.owi-share:before { content: "t"; }
-.owi-share-colored:before { content: "t"; color: #538439; }
+.icon-share:before { content: "t"; }
+.icon-share-colored:before { content: "t"; color: #538439; }
-.owi-feed:before { content: "F"; }
-.owi-feed-simple:before { content: "E"; }
-.owi-feed-colored:before { content: "F"; color: #EA680B; }
+.icon-feed:before { content: "F"; }
+.icon-feed-simple:before { content: "E"; }
+.icon-feed-colored:before { content: "F"; color: #EA680B; }
-.owi-ostatus:before { content: "S"; }
-.owi-ostatus-simple:before { content: "s"; }
-.owi-ostatus-colored:before { content: "S"; color: #FF6600; }
+.icon-ostatus:before { content: "S"; }
+.icon-ostatus-simple:before { content: "s"; }
+.icon-ostatus-colored:before { content: "S"; color: #FF6600; }
-.owi-opml:before { content: "o"; }
-.owi-opml-colored:before { content: "o"; color: #2490A1; }
+.icon-opml:before { content: "o"; }
+.icon-opml-colored:before { content: "o"; color: #2490A1; }
-.owi-activity:before { content: "W"; }
-.owi-activity-colored:before { content: "W"; color: #4FB2D9; }
+.icon-activity:before { content: "W"; }
+.icon-activity-colored:before { content: "W"; color: #4FB2D9; }
-.owi-microformats:before { content: "M"; }
-.owi-microformats-colored:before { content: "M"; color: #96C70D; }
+.icon-microformats:before { content: "M"; }
+.icon-microformats-colored:before { content: "M"; color: #96C70D; }
-.owi-geo:before { content: "G"; }
-.owi-geo-colored:before { content: "G"; color: #CB0000; }
+.icon-geo:before { content: "G"; }
+.icon-geo-colored:before { content: "G"; color: #CB0000; }
-.owi-opensearch:before { content: "f"; }
-.owi-opensearch-colored:before { content: "f"; color: #5050f3; }
+.icon-opensearch:before { content: "f"; }
+.icon-opensearch-colored:before { content: "f"; color: #5050f3; }
-.owi-oauth:before { content: "A"; }
-.owi-openid:before { content: "O"; }
-.owi-rdf:before, .owi-rdfa:before, .owi-owl:before { content: "R"; }
+.icon-oauth:before { content: "A"; }
+.icon-openid:before { content: "O"; }
+.icon-rdf:before, .icon-rdfa:before, .icon-owl:before { content: "R"; }
26 test/test.html
View
@@ -11,18 +11,18 @@
</head>
<body>
- <p><i class="owi-apml"></i> <i class="owi-apml-colored"></i></p>
- <p><i class="owi-open-share"></i> <i class="owi-open-share-colored"></i></p>
- <p><i class="owi-share"></i> <i class="owi-share-colored"></i></p>
- <p><i class="owi-opml"></i> <i class="owi-opml-colored"></i></p>
- <p><i class="owi-activity"></i> <i class="owi-activity-colored"></i></p>
- <p><i class="owi-openid"></i></p>
- <p><i class="owi-rdf"></i></p>
- <p><i class="owi-oauth"></i></p>
- <p><i class="owi-microformats"></i> <i class="owi-microformats-colored"></i></p>
- <p><i class="owi-opensearch"></i> <i class="owi-opensearch-colored"></i></p>
- <p><i class="owi-geo"></i> <i class="owi-geo-colored"></i></p>
- <p><i class="owi-feed"></i> <i class="owi-feed-colored"></i> <i class="owi-feed-simple"></i></p>
- <p><i class="owi-ostatus"></i> <i class="owi-ostatus-colored"></i> <i class="owi-ostatus-simple"></i></p>
+ <p><i class="icon-apml"></i> <i class="icon-apml-colored"></i></p>
+ <p><i class="icon-open-share"></i> <i class="icon-open-share-colored"></i></p>
+ <p><i class="icon-share"></i> <i class="icon-share-colored"></i></p>
+ <p><i class="icon-opml"></i> <i class="icon-opml-colored"></i></p>
+ <p><i class="icon-activity"></i> <i class="icon-activity-colored"></i></p>
+ <p><i class="icon-openid"></i></p>
+ <p><i class="icon-rdf"></i></p>
+ <p><i class="icon-oauth"></i></p>
+ <p><i class="icon-microformats"></i> <i class="icon-microformats-colored"></i></p>
+ <p><i class="icon-opensearch"></i> <i class="icon-opensearch-colored"></i></p>
+ <p><i class="icon-geo"></i> <i class="icon-geo-colored"></i></p>
+ <p><i class="icon-feed"></i> <i class="icon-feed-colored"></i> <i class="icon-feed-simple"></i></p>
+ <p><i class="icon-ostatus"></i> <i class="icon-ostatus-colored"></i> <i class="icon-ostatus-simple"></i></p>
</body>
</html>
Please sign in to comment.
Something went wrong with that request. Please try again.