diff options
| author | Michael Miday <midaym@gmail.com> | 2015-09-16 06:28:48 +0200 |
|---|---|---|
| committer | Michael Miday <midaym@gmail.com> | 2015-09-17 18:37:29 +0200 |
| commit | 77cf7563782ae2e59f88de698dc4bf97ed199463 (patch) | |
| tree | 6aec424232f55bcf31c278155fcfbea0b2c82567 | |
| parent | cd97d591ebd030906939b75425ab45e38e59eba4 (diff) | |
| download | forums-77cf7563782ae2e59f88de698dc4bf97ed199463.tar forums-77cf7563782ae2e59f88de698dc4bf97ed199463.tar.gz forums-77cf7563782ae2e59f88de698dc4bf97ed199463.tar.bz2 forums-77cf7563782ae2e59f88de698dc4bf97ed199463.tar.xz forums-77cf7563782ae2e59f88de698dc4bf97ed199463.zip | |
[ticket/12769] Add icon module to work with
| -rw-r--r-- | phpBB/styles/prosilver/theme/icons.css | 83 | ||||
| -rw-r--r-- | phpBB/styles/prosilver/theme/stylesheet.css | 1 |
2 files changed, 84 insertions, 0 deletions
diff --git a/phpBB/styles/prosilver/theme/icons.css b/phpBB/styles/prosilver/theme/icons.css new file mode 100644 index 0000000000..f5d1b00795 --- /dev/null +++ b/phpBB/styles/prosilver/theme/icons.css @@ -0,0 +1,83 @@ +/* -------------------------------------------------------------- + $Icons +-------------------------------------------------------------- */ + +/* Global module setup +--------------------------------*/ + +/* Renamed version of .fa class for agnostic useage of icon fonts. + * Just change the name of the font after the 14/1 to the name of + * the font you wish to use. + */ +.icon, .button .icon { + display: inline-block; + font-weight: normal; + font-style: normal; + font-variant: normal; + font-family: FontAwesome; + font-size: 14px; + line-height: 1; + text-rendering: auto; /* optimizelegibility throws things off #1094 */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon:before { padding-right: 2px; } + +.button .icon:before { + padding-right: 0; +} + +/* Icon size classes - Default size is 14px, use these for small variations */ + +.icon.icon-xl { + font-size: 20px; +} + +.icon.icon-lg { + font-size: 16px; +} + +.icon.icon-md { + font-size: 10px; +} + +.icon.icon-sm { + font-size: 8px; +} + +/* icon modifiers */ +.icon-tiny { + width: 12px; + transform: scale(0.65, 0.75); + vertical-align: text-bottom; + font-size: 16px; +} + +.arrow-left:hover .icon { + margin-left: -5px; + margin-right: 5px; +} + +.arrow-right .icon { + float: right; +} + +.arrow-right:hover .icon { + margin-left: 5px; + margin-right: -5px; +} + +.post-buttons .dropdown-contents .icon { + float: right; + margin-left: 5px; +} + +.alert_close .icon:before { + padding: 0; + border-radius: 50%; + width: 11px; + display: block; + line-height: .9; + height: 12px; +} diff --git a/phpBB/styles/prosilver/theme/stylesheet.css b/phpBB/styles/prosilver/theme/stylesheet.css index 5f76df5c3a..78259ea749 100644 --- a/phpBB/styles/prosilver/theme/stylesheet.css +++ b/phpBB/styles/prosilver/theme/stylesheet.css @@ -16,4 +16,5 @@ @import url("buttons.css"); @import url("cp.css"); @import url("forms.css"); +@import url("icons.css"); @import url("colours.css"); |