@import 'baseline.less'; /////////////////////// //// Notifications //// /////////////////////// .notification-base { .rounded(4px); .inner-shadow; font-size: .9em; line-height: 1.3em; text-shadow: -1px -1px rgba(0,0,0,.3); color: #FFF; font-family: Verdana, Arial, sans-serif; } p.warning { .notification-base; background: url(iconset-1/warning_32.png) no-repeat 10px center #ED913D; padding: 15px 20px 15px 53px; } p.attention { .notification-base; background: url(iconset-1/info_button_32.png) no-repeat 10px center #50ABD2; padding: 15px 20px 15px 53px; } p.success { .notification-base; background: url(iconset-1/lightbulb_32.png) no-repeat 10px center #78B653; padding: 15px 20px 15px 53px; } p.error { .notification-base; background: url(iconset-1/close_32.png) no-repeat 10px center; background-color: darken(desaturate(#E8182E, 5%), 5%); padding: 15px 20px 15px 53px; } p.comment { .notification-base; background: url(iconset-1/comment_32.png) no-repeat 10px center; background-color: lighten(#2E4497, 15%); padding: 15px 20px 15px 53px; } ////////////////// //// Icon Set //// ////////////////// .text-icon { background-repeat: no-repeat; display: inline-block; font-size: 110%; line-height: 20px; padding-left: 24px; } /*Defines Set To Use For Icon*/ .text-icon.check, .text-icon.paperclip, .text-icon.add, .text-icon.anchor, .text-icon.windows, .text-icon.terminal, .text-icon.window-error, .text-icon.window-link, .text-icon.basket { background: url(iconset-1/icon-set1.png) no-repeat transparent; } .text-icon.arrow-split, .text-icon.arrow-merge, .text-icon.arrow-redo, .text-icon.arrow-refresh, .text-icon.arrow-switch, .text-icon.arrow-turn-right, .text-icon.arrow-turn-left, .text-icon.arrow-rotate, .text-icon.arrow-undo { background: url(iconset-1/icon-set2.png) no-repeat transparent; } .text-icon.bell, .text-icon.bullet-wrench, .text-icon.bug, .text-icon.bullet-green, .text-icon.bullet-key, .text-icon.calculator, .text-icon.calendar, .text-icon.camera, .text-icon.shopping-cart { background: url(iconset-1/icon-set3.png) no-repeat transparent; } .text-icon.compact-disc, .text-icon.graph-pie, .text-icon.comment, .text-icon.graph-bar, .text-icon.graph-curve, .text-icon.clock, .text-icon.cog, .text-icon.colorwheel, .text-icon.comments { background: url(iconset-1/icon-set4.png) no-repeat transparent; } .text-icon.computer, .text-icon.play-blue, .text-icon.play-gray, .text-icon.controller, .text-icon.cut, .text-icon.date, .text-icon.disc, .text-icon.css-badge, .text-icon.email-open { background: url(iconset-1/icon-set5.png) no-repeat transparent; } .text-icon.html-badge, .text-icon.warning, .text-icon.eyeball, .text-icon.folder-page, .text-icon.film, .text-icon.red-flag, .text-icon.folder, .text-icon.folder-go, .text-icon.email-icon { background: url(iconset-1/icon-set6.png) no-repeat transparent; } .text-icon.map-icon, .text-icon.lightbulb, .text-icon.link-icon, .text-icon.key, .text-icon.layout, .text-icon.lock-open, .text-icon.lock-closed, .text-icon.lightning, .text-icon.ipod { background: url(iconset-1/icon-set7.png) no-repeat transparent; } .text-icon.us-dollar, .text-icon.skrilla, .text-icon.sticky-note, .text-icon.page-code, .text-icon.page-copy, .text-icon.page-green, .text-icon.page-white-code, .text-icon.paint-bucket, .text-icon.cellphone { background: url(iconset-1/icon-set8.png) no-repeat transparent; } .text-icon.plugin, .text-icon.kerning, .text-icon.script-icon, .text-icon.code-bracket, .text-icon.line-height, .text-icon.clock2, .text-icon.world, .text-icon.vcard-icon, .text-icon.zoom { background: url(iconset-1/icon-set9.png) no-repeat transparent; } .text-icon.text-indent, .text-icon.capitalize, .text-icon.bold-icon, .text-icon.text-justify, .text-icon.text-left, .text-icon.text-right, .text-icon.text-columns, .text-icon.text-center { background: url(iconset-1/icon-set10.png) no-repeat transparent; } .text-icon.cloudy, .text-icon.stormy, .text-icon.sunny, .text-icon.rainy, .text-icon.snowy, .text-icon.sunny { background: url(iconset-1/icon-set11.png) no-repeat transparent; } /* Defines Place In Set */ .text-icon.check, .text-icon.arrow-split, .text-icon.bell, .text-icon.compact-disc, .text-icon.computer, .text-icon.html-badge, .text-icon.map-icon, .text-icon.us-dollar, .text-icon.plugin, .text-icon.text-indent, .text-icon.cloudy { background-position: 0 1px; } .text-icon.us-dollar {background-position: 0 -2px;} .text-icon.map-icon {background-position: 0 -4px;} .text-icon.paperclip, .text-icon.arrow-merge, .text-icon.bullet-wrench, .text-icon.graph-pie, .text-icon.play-blue, .text-icon.warning, .text-icon.lightbulb, .text-icon.skrilla, .text-icon.kerning, .text-icon.capitalize, .text-icon.stormy { background-position: 0 -301px; } .text-icon.play-blue, .text-icon.graph-pie, .text-icon.bullet-wrench {background-position: 0 -298px;} .text-icon.arrow-merge, .text-icon.paperclip {background-position: 3px -298px;} .text-icon.add, .text-icon.arrow-redo, .text-icon.bug, .text-icon.comment, .text-icon.play-gray, .text-icon.eyeball, .text-icon.link-icon, .text-icon.sticky-note, .text-icon.script-icon, .text-icon.bold-icon, .text-icon.sunny { background-position: 0 -597px; } .text-icon.link-icon, .text-icon.sticky-note, .text-icon.script-icon, .text-icon.bold-icon, .text-icon.sunny {background-position: 0 -602px;} .text-icon.anchor, .text-icon.arrow-refresh, .text-icon.bullet-green, .text-icon.graph-bar, .text-icon.controller, .text-icon.folder-page, .text-icon.key, .text-icon.page-code, .text-icon.code-bracket, .text-icon.text-justify, .text-icon.rainy { background-position: 0 -900px; } .text-icon.anchor, .text-icon.arrow-refresh, .text-icon.bullet-green {background-position: 0 -896px;} .text-icon.bullet-green {background-position: 5px -898px;} .text-icon.text-justify {background-postion: 0 -898px!important;} .text-icon.windows, .text-icon.arrow-switch, .text-icon.bullet-key, .text-icon.graph-curve, .text-icon.cut, .text-icon.film, .text-icon.layout, .text-icon.page-copy, .text-icon.line-height, .text-icon.text-left, .text-icon.snowy { background-position: 0 -1196px; } .text-icon.graph-curve {background-position: 0 -1200px;} .text-icon.terminal, .text-icon.arrow-turn-right, .text-icon.calculator, .text-icon.clock, .text-icon.date, .text-icon.red-flag, .text-icon.lock-open, .text-icon.page-green, .text-icon.clock2, .text-icon.text-right, .text-icon.sunny { background-position: 0 -1496px; } .text-icon.window-error, .text-icon.arrow-turn-left, .text-icon.calendar, .text-icon.cog, .text-icon.disc, .text-icon.folder, .text-icon.lock-closed, .text-icon.page-white-code, .text-icon.world, .text-icon.text-columns { background-position: 0 -1796px; } .text-icon.world {background-position: 2px -1801px;} .text-icon.window-link, .text-icon.arrow-rotate, .text-icon.camera, .text-icon.colorwheel, .text-icon.css-badge, .text-icon.folder-go, .text-icon.lightning, .text-icon.paint-bucket, .text-icon.vcard-icon, .text-icon.text-center { background-position: 0 -2096px; } .text-icon.vcard-icon {background-position: 2px -2100px;} .text-icon.basket, .text-icon.arrow-undo, .text-icon.shopping-cart, .text-icon.comments, .text-icon.email-open, .text-icon.email-icon, .text-icon.ipod, .text-icon.cellphone, .text-icon.zoom { background-position: 0 -2396px; } .text-icon.cellphone {background-position: 6px -2399px;}