diff options
author | ShevAbam <shevabam@gmail.com> | 2014-06-18 10:11:11 +0200 |
---|---|---|
committer | ShevAbam <shevabam@gmail.com> | 2014-06-18 10:11:11 +0200 |
commit | 20705a550df5b13a544dc0865c6aef16e64c99d9 (patch) | |
tree | e396dface41e30d39a68d5fe66097b1f8f641a81 /web/css/libs |
+ First commit (version 2.0)v2.0
Diffstat (limited to 'web/css/libs')
-rw-r--r-- | web/css/libs/_classic-box.scss | 94 | ||||
-rw-r--r-- | web/css/libs/_icons.entypo.scss | 770 | ||||
-rw-r--r-- | web/css/libs/_labels.scss | 25 |
3 files changed, 889 insertions, 0 deletions
diff --git a/web/css/libs/_classic-box.scss b/web/css/libs/_classic-box.scss new file mode 100644 index 0000000..bbc886d --- /dev/null +++ b/web/css/libs/_classic-box.scss @@ -0,0 +1,94 @@ +@import "compass"; + +.box { + background: $classic-box-background; + box-shadow: 3px 3px 0 rgba($classic-box-border, .6); + margin-bottom: 15px; + border: 1px solid $classic-box-border; + padding: 2px; + + .box-header { + background-color: $classic-box-color; + height: $classic-box-header-height; + + h1 { + color: $classic-box-title-color; + float: left; + font-size: $classic-box-title-fontsize; + font-weight: bold; + line-height: $classic-box-header-height - 2px; + padding-left: 10px; + text-transform: uppercase; + /*text-shadow: rgba(0, 0, 0, 1) 0 1px 0;*/ + + &:first-letter { + font-size: $classic-box-title-fontsize + 6px; + } + } + ul { + float: right; + list-style-type: none; + + li { + display: inline; + margin-left: -3px; + + a { + color: lighten($classic-box-title-color, 10%); + font-size: $classic-box-title-fontsize + 6px; + line-height: $classic-box-header-height; + padding: 4px 10px; + + text-decoration: none; + + &:hover:not(.disabled) { + background: lighten($classic-box-color, 20%); + color: $classic-box-color !important; + } + + &.disabled { + opacity: .4; + + &:hover { + cursor: default; + } + } + } + + &:first-child { + margin-left: 0; + } + &:last-child a { + border-right: none; + } + &.active a { + background: #fafafa; + cursor: default; + } + } + } + } + + .box-content { + padding: 6px; + + table a { + text-decoration: none; + color: $classic-box-color; + + &:hover { + color: lighten($classic-box-color, 20%); + } + } + } + + .box-footer { + background: #e8e8e8; + padding: 7px; + + span[class^="icon-"] { + font-size: 14px; + margin-right: 5px; + } + } +}
\ No newline at end of file diff --git a/web/css/libs/_icons.entypo.scss b/web/css/libs/_icons.entypo.scss new file mode 100644 index 0000000..1c52c17 --- /dev/null +++ b/web/css/libs/_icons.entypo.scss @@ -0,0 +1,770 @@ +[class*="icon-"] { + font-family: 'Entypo'; + speak: none; + font-style: normal; + font-weight: normal; + font-variant: normal; + text-transform: none; + line-height: 1; + + /* Better Font Rendering =========== */ + -webkit-font-smoothing: antialiased; + -moz-osx-font-smoothing: grayscale; +} + +.icon-phone:before { + content: "\e600"; +} +.icon-mobile:before { + content: "\e601"; +} +.icon-mouse:before { + content: "\e602"; +} +.icon-directions:before { + content: "\e603"; +} +.icon-mail:before { + content: "\e604"; +} +.icon-paperplane:before { + content: "\e605"; +} +.icon-pencil:before { + content: "\e606"; +} +.icon-paperclip:before { + content: "\e608"; +} +.icon-drawer:before { + content: "\e609"; +} +.icon-reply:before { + content: "\e60a"; +} +.icon-reply-all:before { + content: "\e60b"; +} +.icon-forward:before { + content: "\e60c"; +} +.icon-user:before { + content: "\e60d"; +} +.icon-users:before { + content: "\e60e"; +} +.icon-user-add:before { + content: "\e60f"; +} +.icon-vcard:before { + content: "\e610"; +} +.icon-export:before { + content: "\e611"; +} +.icon-location:before { + content: "\e612"; +} +.icon-map:before { + content: "\e613"; +} +.icon-compass:before { + content: "\e614"; +} +.icon-location2:before { + content: "\e615"; +} +.icon-target:before { + content: "\e616"; +} +.icon-share:before { + content: "\e617"; +} +.icon-sharable:before { + content: "\e618"; +} +.icon-heart:before { + content: "\e619"; +} +.icon-heart2:before { + content: "\e61a"; +} +.icon-star:before { + content: "\e61b"; +} +.icon-star2:before { + content: "\e61c"; +} +.icon-thumbs-up:before { + content: "\e61d"; +} +.icon-thumbs-down:before { + content: "\e61e"; +} +.icon-chat:before { + content: "\e61f"; +} +.icon-comment:before { + content: "\e620"; +} +.icon-quote:before { + content: "\e621"; +} +.icon-house:before { + content: "\e622"; +} +.icon-popup:before { + content: "\e623"; +} +.icon-search:before { + content: "\e624"; +} +.icon-flashlight:before { + content: "\e625"; +} +.icon-printer:before { + content: "\e626"; +} +.icon-bell:before { + content: "\e627"; +} +.icon-link:before { + content: "\e628"; +} +.icon-flag:before { + content: "\e629"; +} +.icon-cog:before { + content: "\e62a"; +} +.icon-tools:before { + content: "\e62b"; +} +.icon-trophy:before { + content: "\e62c"; +} +.icon-tag:before { + content: "\e62d"; +} +.icon-camera:before { + content: "\e62e"; +} +.icon-megaphone:before { + content: "\e62f"; +} +.icon-palette:before { + content: "\e631"; +} +.icon-music:before { + content: "\e633"; +} +.icon-music2:before { + content: "\e634"; +} +.icon-new:before { + content: "\e635"; +} +.icon-graduation:before { + content: "\e636"; +} +.icon-book:before { + content: "\e637"; +} +.icon-newspaper:before { + content: "\e638"; +} +.icon-bag:before { + content: "\e639"; +} +.icon-airplane:before { + content: "\e63a"; +} +.icon-lifebuoy:before { + content: "\e63b"; +} +.icon-eye:before { + content: "\e63c"; +} +.icon-clock:before { + content: "\e63d"; +} +.icon-microphone:before { + content: "\e63e"; +} +.icon-calendar:before { + content: "\e63f"; +} +.icon-bolt:before { + content: "\e640"; +} +.icon-thunder:before { + content: "\e641"; +} +.icon-droplet:before { + content: "\e642"; +} +.icon-briefcase:before { + content: "\e644"; +} +.icon-air:before { + content: "\e645"; +} +.icon-hourglass:before { + content: "\e646"; +} +.icon-gauge:before { + content: "\e647"; +} +.icon-network:before { + content: "\e649"; +} +.icon-key:before { + content: "\e64a"; +} +.icon-battery:before { + content: "\e64b"; +} +.icon-bucket:before { + content: "\e64c"; +} +.icon-magnet:before { + content: "\e64d"; +} +.icon-drive:before { + content: "\e64e"; +} +.icon-cup:before { + content: "\e64f"; +} +.icon-rocket:before { + content: "\e650"; +} +.icon-brush:before { + content: "\e651"; +} +.icon-suitcase:before { + content: "\e652"; +} +.icon-cone:before { + content: "\e653"; +} +.icon-earth:before { + content: "\e654"; +} +.icon-keyboard:before { + content: "\e655"; +} +.icon-browser:before { + content: "\e656"; +} +.icon-publish:before { + content: "\e657"; +} +.icon-progress-3:before { + content: "\e658"; +} +.icon-progress-2:before { + content: "\e659"; +} +.icon-brogress-1:before { + content: "\e65a"; +} +.icon-progress-0:before { + content: "\e65b"; +} +.icon-sun:before { + content: "\e65d"; +} +.icon-code:before { + content: "\e65f"; +} +.icon-screen:before { + content: "\e660"; +} +.icon-infinity:before { + content: "\e661"; +} +.icon-light-bulb:before { + content: "\e662"; +} +.icon-credit-card:before { + content: "\e663"; +} +.icon-database:before { + content: "\e664"; +} +.icon-clipboard:before { + content: "\e666"; +} +.icon-cart:before { + content: "\e667"; +} +.icon-box:before { + content: "\e668"; +} +.icon-ticket:before { + content: "\e669"; +} +.icon-rss:before { + content: "\e66a"; +} +.icon-signal:before { + content: "\e66b"; +} +.icon-thermometer:before { + content: "\e66c"; +} +.icon-droplets:before { + content: "\e66d"; +} +.icon-uniE66E:before { + content: "\e66e"; +} +.icon-statistics:before { + content: "\e66f"; +} +.icon-pie:before { + content: "\e670"; +} +.icon-bars:before { + content: "\e671"; +} +.icon-graph:before { + content: "\e672"; +} +.icon-lock:before { + content: "\e673"; +} +.icon-lock-open:before { + content: "\e674"; +} +.icon-logout:before { + content: "\e675"; +} +.icon-login:before { + content: "\e676"; +} +.icon-checkmark:before { + content: "\e677"; +} +.icon-cross:before { + content: "\e678"; +} +.icon-minus:before { + content: "\e679"; +} +.icon-plus:before { + content: "\e67a"; +} +.icon-cross2:before { + content: "\e67b"; +} +.icon-minus2:before { + content: "\e67c"; +} +.icon-plus2:before { + content: "\e67d"; +} +.icon-cross3:before { + content: "\e67e"; +} +.icon-minus3:before { + content: "\e67f"; +} +.icon-plus3:before { + content: "\e680"; +} +.icon-erase:before { + content: "\e681"; +} +.icon-blocked:before { + content: "\e682"; +} +.icon-info:before { + content: "\e683"; +} +.icon-info2:before { + content: "\e684"; +} +.icon-question:before { + content: "\e685"; +} +.icon-help:before { + content: "\e686"; +} +.icon-warning:before { + content: "\e687"; +} +.icon-cycle:before { + content: "\e688"; +} +.icon-cw:before { + content: "\e689"; +} +.icon-ccw:before { + content: "\e68a"; +} +.icon-shuffle:before { + content: "\e68b"; +} +.icon-arrow:before { + content: "\e68c"; +} +.icon-arrow2:before { + content: "\e68d"; +} +.icon-retweet:before { + content: "\e68e"; +} +.icon-loop:before { + content: "\e68f"; +} +.icon-history:before { + content: "\e690"; +} +.icon-back:before { + content: "\e691"; +} +.icon-switch:before { + content: "\e692"; +} +.icon-list:before { + content: "\e693"; +} +.icon-add-to-list:before { + content: "\e694"; +} +.icon-layout:before { + content: "\e695"; +} +.icon-list2:before { + content: "\e696"; +} +.icon-text:before { + content: "\e697"; +} +.icon-text2:before { + content: "\e698"; +} +.icon-document:before { + content: "\e699"; +} +.icon-docs:before { + content: "\e69a"; +} +.icon-landscape:before { + content: "\e69b"; +} +.icon-pictures:before { + content: "\e69c"; +} +.icon-video:before { + content: "\e69d"; +} +.icon-music3:before { + content: "\e69e"; +} +.icon-folder:before { + content: "\e69f"; +} +.icon-archive:before { + content: "\e6a0"; +} +.icon-trash:before { + content: "\e6a1"; +} +.icon-upload:before { + content: "\e6a2"; +} +.icon-download:before { + content: "\e6a3"; +} +.icon-disk:before { + content: "\e6a4"; +} +.icon-install:before { + content: "\e6a5"; +} +.icon-cloud:before { + content: "\e6a6"; +} +.icon-upload2:before { + content: "\e6a7"; +} +.icon-bookmark:before { + content: "\e6a8"; +} +.icon-bookmarks:before { + content: "\e6a9"; +} +.icon-book2:before { + content: "\e6aa"; +} +.icon-play:before { + content: "\e6ab"; +} +.icon-pause:before { + content: "\e6ac"; +} +.icon-record:before { + content: "\e6ad"; +} +.icon-stop:before { + content: "\e6ae"; +} +.icon-next:before { + content: "\e6af"; +} +.icon-previous:before { + content: "\e6b0"; +} +.icon-first:before { + content: "\e6b1"; +} +.icon-last:before { + content: "\e6b2"; +} +.icon-resize-enlarge:before { + content: "\e6b3"; +} +.icon-resize-shrink:before { + content: "\e6b4"; +} +.icon-volume:before { + content: "\e6b5"; +} +.icon-sound:before { + content: "\e6b6"; +} +.icon-mute:before { + content: "\e6b7"; +} +.icon-flow-cascade:before { + content: "\e6b8"; +} +.icon-flow-branch:before { + content: "\e6b9"; +} +.icon-flow-tree:before { + content: "\e6ba"; +} +.icon-flow-line:before { + content: "\e6bb"; +} +.icon-flow-parallel:before { + content: "\e6bc"; +} +.icon-arrow-left:before { + content: "\e6bd"; +} +.icon-arrow-down:before { + content: "\e6be"; +} +.icon-arrow-up--upload:before { + content: "\e6bf"; +} +.icon-arrow-right:before { + content: "\e6c0"; +} +.icon-arrow-left2:before { + content: "\e6c1"; +} +.icon-arrow-down2:before { + content: "\e6c2"; +} +.icon-arrow-up:before { + content: "\e6c3"; +} +.icon-arrow-right2:before { + content: "\e6c4"; +} +.icon-arrow-left3:before { + content: "\e6c5"; +} +.icon-arrow-down3:before { + content: "\e6c6"; +} +.icon-arrow-up2:before { + content: "\e6c7"; +} +.icon-arrow-right3:before { + content: "\e6c8"; +} +.icon-arrow-left4:before { + content: "\e6c9"; +} +.icon-arrow-down4:before { + content: "\e6ca"; +} +.icon-arrow-up3:before { + content: "\e6cb"; +} +.icon-arrow-right4:before { + content: "\e6cc"; +} +.icon-arrow-left5:before { + content: "\e6cd"; +} +.icon-arrow-down5:before { + content: "\e6ce"; +} +.icon-arrow-up4:before { + content: "\e6cf"; +} +.icon-arrow-right5:before { + content: "\e6d0"; +} +.icon-arrow-left6:before { + content: "\e6d1"; +} +.icon-arrow-down6:before { + content: "\e6d2"; +} +.icon-arrow-up5:before { + content: "\e6d3"; +} +.icon-arrow-right6:before { + content: "\e6d4"; +} +.icon-arrow-left7:before { + content: "\e6d5"; +} +.icon-arrow-down7:before { + content: "\e6d6"; +} +.icon-arrow-up6:before { + content: "\e6d7"; +} +.icon-uniE6D8:before { + content: "\e6d8"; +} +.icon-arrow-left8:before { + content: "\e6d9"; +} +.icon-arrow-down8:before { + content: "\e6da"; +} +.icon-arrow-up7:before { + content: "\e6db"; +} +.icon-arrow-right7:before { + content: "\e6dc"; +} +.icon-menu:before { + content: "\e6dd"; +} +.icon-ellipsis:before { + content: "\e6de"; +} +.icon-dots:before { + content: "\e6df"; +} +.icon-dot:before { + content: "\e6e0"; +} +.icon-daniel-bruce2:before { + content: "\e6ed"; +} +.icon-github:before { + content: "\e6ee"; +} +.icon-github2:before { + content: "\e6ef"; +} +.icon-flickr:before { + content: "\e6f0"; +} +.icon-flickr2:before { + content: "\e6f1"; +} +.icon-vimeo:before { + content: "\e6f2"; +} +.icon-vimeo2:before { + content: "\e6f3"; +} +.icon-twitter:before { + content: "\e6f4"; +} +.icon-twitter2:before { + content: "\e6f5"; +} +.icon-facebook:before { + content: "\e6f6"; +} +.icon-facebook2:before { + content: "\e6f7"; +} +.icon-facebook3:before { + content: "\e6f8"; +} +.icon-googleplus:before { + content: "\e6f9"; +} +.icon-googleplus2:before { + content: "\e6fa"; +} +.icon-pinterest:before { + content: "\e6fb"; +} +.icon-pinterest2:before { + content: "\e6fc"; +} +.icon-tumblr:before { + content: "\e6fd"; +} +.icon-tumblr2:before { + content: "\e6fe"; +} +.icon-linkedin:before { + content: "\e6ff"; +} +.icon-linkedin2:before { + content: "\e700"; +} +.icon-dribbble:before { + content: "\e701"; +} +.icon-dribbble2:before { + content: "\e702"; +} +.icon-stumbleupon:before { + content: "\e703"; +} +.icon-stumbleupon2:before { + content: "\e704"; +} +.icon-spotify:before { + content: "\e709"; +} +.icon-spotify2:before { + content: "\e70a"; +} +.icon-instagram:before { + content: "\e70c"; +} +.icon-dropbox:before { + content: "\e70d"; +} +.icon-evernote:before { + content: "\e70e"; +} +.icon-flattr:before { + content: "\e70f"; +} +.icon-skype:before { + content: "\e710"; +} +.icon-skype2:before { + content: "\e711"; +} +.icon-paypal:before { + content: "\e714"; +} +.icon-picasa:before { + content: "\e715"; +} +.icon-circles:before { + content: "\e719"; +} diff --git a/web/css/libs/_labels.scss b/web/css/libs/_labels.scss new file mode 100644 index 0000000..726cb7e --- /dev/null +++ b/web/css/libs/_labels.scss @@ -0,0 +1,25 @@ +@import "compass"; + +span.label { + padding: 1px 3px 2px; + font-size: $label-font-size; + font-weight: bold; + color: #fff; + text-transform: uppercase; + white-space: nowrap; + background-color: $label-default; + @include border-radius($label-border-radius); + + &.success { + background-color: $label-success; + } + &.warning { + background-color: $label-warning; + } + &.important, &.error { + background-color: $label-important; + } + &.notice { + background-color: $label-notice; + } +}
\ No newline at end of file |