diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 6318ea3..adc06e1 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -10,10 +10,12 @@ * defined in the other CSS/SCSS files in this directory. It is generally better to create a new * file per style scope. * - *= require_self - *= require main */ -= require_tree pure -= require pure/forms -= require_self \ No newline at end of file +/* + *= require pure/pure-min + *= require pure/grids-responsive-min + *= require icono/dist/icono.min + *= require main + *= require_self +*/ \ No newline at end of file diff --git a/app/views/projects/show.html.erb b/app/views/projects/show.html.erb index d993e74..140de9f 100644 --- a/app/views/projects/show.html.erb +++ b/app/views/projects/show.html.erb @@ -1,16 +1,14 @@ <% content_for :head do %> <% stylesheet_link_tag "project_listing" %> - + <% end %> - -
- <%= @project.is_public ? "Public Project" : "Private Project"%> + <%= @project.is_public ? "Public Project" : "Private Project" %>
diff --git a/app/views/users/show.html.erb b/app/views/users/show.html.erb index e5ef464..b98c690 100644 --- a/app/views/users/show.html.erb +++ b/app/views/users/show.html.erb @@ -78,7 +78,7 @@ <% @projects.each do |project| %> <%= project.title %> -
     <%= project.notes %> +
     <%= project.notes %> <%= project.is_public ? "Public": "Private"%> <%= project.created_at %> <%= project.updated_at %> diff --git a/bower.json b/bower.json index 9a8fdc9..645fe86 100644 --- a/bower.json +++ b/bower.json @@ -10,6 +10,8 @@ "private": true, "dependencies": { "jquery": "~2.1.3", - "pure": "~0.6.0" + "pure": "~0.6.0", + "icono": "~1.3.0", + "jquery-ujs": "~1.0.3" } } diff --git a/vendor/bower/icono/.bower.json b/vendor/bower/icono/.bower.json new file mode 100644 index 0000000..9651118 --- /dev/null +++ b/vendor/bower/icono/.bower.json @@ -0,0 +1,18 @@ +{ + "name": "icono", + "main": "icono.min.css", + "ignore": [], + "private": false, + "homepage": "https://github.com/saeedalipoor/icono", + "version": "1.3.0", + "_release": "1.3.0", + "_resolution": { + "type": "version", + "tag": "v1.3.0", + "commit": "f6883d2af504f40b35117e30ecaf6f949380b018" + }, + "_source": "git://github.com/saeedalipoor/icono.git", + "_target": "~1.3.0", + "_originalSource": "icono", + "_direct": true +} \ No newline at end of file diff --git a/vendor/bower/icono/.gitignore b/vendor/bower/icono/.gitignore new file mode 100644 index 0000000..0986fa7 --- /dev/null +++ b/vendor/bower/icono/.gitignore @@ -0,0 +1,46 @@ +*.pyc +*.pyo +*.obj +*.a +*.lib +*.dylib +*.ncb +*.sdf +*.suo +*.pdb +*.idb +*.psd +*.db +*.sublime-workspace +*.sublime-project +*.com +*.class +*.dll +*.exe +*.o +*.so +*.7z +*.dmg +*.gz +*.iso +*.jar +*.rar +*.tar +*.zip +*.log +*.sql +*.sqlite +*.cfg + +.DS_Store +.DS_Store? +._* +.Spotlight-V100 +.Trashes + +.editorconfig + +ehthumbs.db +Thumbs.db + +node_modules/ diff --git a/vendor/bower/icono/LICENSE b/vendor/bower/icono/LICENSE new file mode 100644 index 0000000..9abd303 --- /dev/null +++ b/vendor/bower/icono/LICENSE @@ -0,0 +1,21 @@ +The MIT License (MIT) + +Copyright (c) 2014-2015 Saeed Alipoor + +Permission is hereby granted, free of charge, to any person obtaining a copy +of this software and associated documentation files (the "Software"), to deal +in the Software without restriction, including without limitation the rights +to use, copy, modify, merge, publish, distribute, sublicense, and/or sell +copies of the Software, and to permit persons to whom the Software is +furnished to do so, subject to the following conditions: + +The above copyright notice and this permission notice shall be included in all +copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR +IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, +FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE +AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER +LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, +OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE +SOFTWARE. diff --git a/vendor/bower/icono/README.md b/vendor/bower/icono/README.md new file mode 100644 index 0000000..e2b8034 --- /dev/null +++ b/vendor/bower/icono/README.md @@ -0,0 +1,195 @@ +#icono + +**icono** is an icon pack that needs no external resources. Every tags can be an icon made with **pure CSS**. + +[Demo][2] + +##How to use + +To get going with icono you can: + +* Download [icono.min.css][1] +or +* Install it with [Bower](http://bower.io): +``` +$ bower install icono +``` +or +* Install it with [npm](https://www.npmjs.com): +``` +$ npm install icono +``` + +And then load it in your page: +``` + +``` + +or + +You can add icono folder in your project and import icono.less for compile. iconos maincolor can be changed in **variable.less**. + +and then + +just add iconos classes to any type of elements that support psuedo-element. + +####Example: +`` + +`
` + +`` + +`` + +Also you can change color of icons as simple as set color for an element. + +####Example: +`i.heart{color: red;}` + + +##Available classes +* `icono-home` +* `icono-mail` +* `icono-rss` +* `icono-hamburger` +* `icono-plus` +* `icono-cross` +* `icono-check` +* `icono-power` +* `icono-heart` +* `icono-infinity` +* `icono-flag` +* `icono-file` +* `icono-image` +* `icono-video` +* `icono-music` +* `icono-headphone` +* `icono-document` +* `icono-folder` +* `icono-pin` +* `icono-smile` +* `icono-eye` +* `icono-sliders` +* `icono-share` +* `icono-sync` +* `icono-reset` +* `icono-gear` +* `icono-signIn` +* `icono-signOut` +* `icono-support` +* `icono-dropper` +* `icono-tiles` +* `icono-list` +* `icono-chain` +* `icono-youtube` +* `icono-rename` +* `icono-search` +* `icono-book` +* `icono-forbidden` +* `icono-trash` +* `icono-keyboard` +* `icono-mouse` +* `icono-user` +* `icono-crop` +* `icono-display` +* `icono-imac` +* `icono-iphone` +* `icono-macbook` +* `icono-imacBold` +* `icono-iphoneBold` +* `icono-macbookBold` +* `icono-nexus` +* `icono-microphone` +* `icono-asterisk` +* `icono-terminal` +* `icono-paperClip` +* `icono-market` +* `icono-clock` +* `icono-textAlignRight` +* `icono-textAlignCenter` +* `icono-textAlignLeft` +* `icono-indent` +* `icono-outdent` +* `icono-frown` +* `icono-meh` +* `icono-locationArrow` +* `icono-plusCircle` +* `icono-checkCircle` +* `icono-crossCircle` +* `icono-exclamation` +* `icono-exclamationCircle` +* `icono-comment` +* `icono-commentEmpty` +* `icono-areaChart` +* `icono-pieChart` +* `icono-barChart` +* `icono-bookmark` +* `icono-bookmarkEmpty` +* `icono-filter` +* `icono-volume` +* `icono-volumeLow` +* `icono-volumeMedium` +* `icono-volumeHigh` +* `icono-volumeDecrease` +* `icono-volumeIncrease` +* `icono-volumeMute` +* `icono-tag` +* `icono-calendar` +* `icono-camera` +* `icono-piano` +* `icono-ruler` +* `icono-cup` +* `icono-creditCard` +* `icono-facebook` +* `icono-twitter` +* `icono-gplus` +* `icono-linkedIn` +* `icono-instagram` +* `icono-flickr` +* `icono-delicious` +* `icono-codepen` +* `icono-blogger` +* `icono-play` +* `icono-pause` +* `icono-stop` +* `icono-rewind` +* `icono-forward` +* `icono-next` +* `icono-previous` +* `icono-caretRight` +* `icono-caretLeft` +* `icono-caretUp` +* `icono-caretDown` +* `icono-rightArrow` +* `icono-leftArrow` +* `icono-upArrow` +* `icono-downArrow` +* `icono-sun` +* `icono-moon` +* `icono-disqus` +* `icono-cart` +* `icono-caretRightCircle` +* `icono-caretLeftCircle` +* `icono-caretUpCircle` +* `icono-caretDownCircle` +* `icono-caretRightSquare` +* `icono-caretLeftSquare` +* `icono-caretUpSquare` +* `icono-caretDownSquare` +* `icono-dribbble` +* `icono-sitemap` + + +##Development & Contributing + +Using npm install the dependencies: + + $ npm install + +Run Gulp + + $ gulp + +[1]:http://saeedalipoor.github.io/icono/icono.min.css +[2]:http://saeedalipoor.github.io/icono diff --git a/vendor/bower/icono/bower.json b/vendor/bower/icono/bower.json new file mode 100644 index 0000000..7f901e5 --- /dev/null +++ b/vendor/bower/icono/bower.json @@ -0,0 +1,7 @@ +{ + "name": "icono", + "main": "icono.min.css", + "ignore": [ + ], + "private": false +} \ No newline at end of file diff --git a/vendor/bower/icono/build/icono.css b/vendor/bower/icono/build/icono.css new file mode 100644 index 0000000..4ccb609 --- /dev/null +++ b/vendor/bower/icono/build/icono.css @@ -0,0 +1,2997 @@ +.icono-stroke, +.icono-home, +.icono-home:before, +.icono-home:after, +.icono-mail, +.icono-mail:before, +[class*="icono-check"][class*="Circle"], +.icono-power, +.icono-heart, +.icono-heart:before, +.icono-heart:after, +.icono-infinity:before, +.icono-infinity:after, +.icono-flag:before, +.icono-flag:after, +.icono-file, +.icono-document, +.icono-folder, +.icono-pin, +.icono-pin:before, +.icono-smile, +.icono-smile:after, +.icono-eye, +.icono-sync, +.icono-signIn, +.icono-signIn:before, +.icono-signOut, +.icono-signOut:before, +.icono-chain:before, +.icono-chain:after, +.icono-youtube, +.icono-youtube:before, +.icono-rename, +.icono-search, +.icono-book, +.icono-book:before, +.icono-book:after, +.icono-forbidden, +.icono-trash, +.icono-keyboard, +.icono-mouse, +.icono-mouse:before, +.icono-user, +.icono-user:before, +.icono-crop, +.icono-crop:before, +.icono-display, +.icono-imac, +.icono-imacBold, +.icono-iphone, +.icono-iphoneBold, +.icono-macbook:before, +.icono-macbookBold:before, +.icono-image, +.icono-headphone, +.icono-video, +.icono-nexus, +.icono-microphone, +.icono-microphone:before, +.icono-terminal, +.icono-paperClip, +.icono-paperClip:before, +.icono-paperClip:after, +.icono-market, +.icono-market:after, +.icono-clock, +.icono-commentEmpty, +.icono-areaChart, +.icono-bookmarkEmpty, +.icono-bookmarkEmpty:before, +.icono-volumeLow:before, +.icono-tag, +.icono-tag:after, +.icono-camera, +.icono-piano, +.icono-ruler, +.icono-creditCard, +[class*="icono-"][class*="Circle"], +[class*="icono-"][class*="Square"], +.icono-frown, +.icono-frown:after, +.icono-meh, +.icono-meh:after, +.icono-barChart, +.icono-volumeMedium:before, +.icono-volumeHigh:after, +.icono-volumeHigh:before { + border: 2px solid; +} +.stickCenterV, +.icono-dropper:before, +.icono-list:before, +.icono-chain:before, +.icono-chain:after, +.icono-rename:before, +.icono-video:before, +.icono-paperClip:before, +.icono-indent:before, +.icono-volumeLow:before, +.icono-volumeDecrease:before, +.icono-volumeDecrease:after, +.icono-flickr:before, +.icono-flickr:after, +.icono-rightArrow:before, +.icono-outdent:before, +.icono-volumeMedium:before, +.icono-volumeHigh:after, +.icono-volumeIncrease:before, +.icono-volumeIncrease:after, +.icono-leftArrow:before, +.icono-upArrow:before, +.icono-downArrow:before, +.icono-volumeHigh:before, +.icono-volumeMute:before, +.icono-volumeMute:after { + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%); + -moz-transform: translateY(-50%); + -ms-transform: translateY(-50%); + -o-transform: translateY(-50%); + transform: translateY(-50%); +} +.stickCenterH, +.icono-search:before, +.icono-trash:before, +.icono-mouse:before, +.icono-mouse:after, +.icono-user:before, +.icono-display:before, +.icono-display:after, +.icono-imac:after, +.icono-imacBold:before, +.icono-imacBold:after, +.icono-iphone:before, +.icono-iphone:after, +.icono-macbook:before, +.icono-macbookBold:before, +.icono-microphone:before, +.icono-microphone:after, +.icono-market:after, +[class*="icono-textAlign"].icono-textAlignCenter:before, +[class*="icono-textAlign"].icono-textAlignCenter:after, +[class*="icono-exclamation"]:after, +.icono-tag:after, +.icono-cup:after, +.icono-sitemap:before, +.icono-sitemap:after { + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); +} +.stickCenter, +[class*="icono-plus"]:before, +[class*="icono-cross"]:before, +[class*="icono-plus"]:after, +[class*="icono-cross"]:after, +.icono-document:after, +.icono-pin:before, +.icono-eye:before, +.icono-gear:before, +.icono-youtube:after, +.icono-forbidden:before, +.icono-keyboard:before, +.icono-video:after, +.icono-clock:before, +.icono-clock:after, +.icono-camera:before, +.icono-gplus:after, +.icono-instagram:before, +[class*="icono-check"]:before { + position: absolute; + left: 50%; + top: 50%; + -webkit-transform: translate(-50%, -50%); + -moz-transform: translate(-50%, -50%); + -ms-transform: translate(-50%, -50%); + -o-transform: translate(-50%, -50%); + transform: translate(-50%, -50%); +} +.spin[class*="spin"] { + -webkit-animation: loading-spinner 2s infinite linear; + /* Safari 4+ */ + -moz-animation: loading-spinner 2s infinite linear; + /* Fx 5+ */ + -o-animation: loading-spinner 2s infinite linear; + /* Opera 12+ */ + animation: loading-spinner 2s infinite linear; + /* IE 10+, Fx 29+ */ +} +@-webkit-keyframes loading-spinner { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-moz-keyframes loading-spinner { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@-o-keyframes loading-spinner { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +@keyframes loading-spinner { + 0% { + -webkit-transform: rotate(0deg); + -moz-transform: rotate(0deg); + -ms-transform: rotate(0deg); + -o-transform: rotate(0deg); + transform: rotate(0deg); + } + 100% { + -webkit-transform: rotate(360deg); + -moz-transform: rotate(360deg); + -ms-transform: rotate(360deg); + -o-transform: rotate(360deg); + transform: rotate(360deg); + } +} +.icono-icono { + width: 13px; + height: 4px; + box-shadow: inset 0 0 0 32px, 0 16px, 17px -18px; + transform: skew(0, 30deg); + margin: 11px 19px 19px 2px; +} +.icono-icono:before { + position: absolute; + width: 13px; + height: 4px; + box-shadow: inset 0 0 0 32px, 0 16px, -17px -17px; + right: -17px; + top: -10px; + transform: skew(0, -48deg); +} +.icono-icono:after { + position: absolute; + width: 22px; + height: 15px; + left: 0; + top: -5px; + border: 4px solid; + border-top-color: transparent; + border-bottom: none; + transform: skew(0, -30deg) scaleY(0.6); +} +.icono-home { + width: 22px; + height: 16px; + border-top: none; + margin: 15px 6px 3px; +} +.icono-home:before { + width: 18px; + height: 18px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + position: absolute; + left: -2px; + top: -7px; + border-right-color: transparent; + border-bottom-color: transparent; +} +.icono-home:after { + width: 6px; + height: 10px; + bottom: 0; + position: absolute; + left: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + border-width: 1px; + border-bottom: none; +} +.icono-mail { + width: 28px; + height: 18px; + overflow: hidden; + margin: 8px 3px; +} +.icono-mail:before { + position: absolute; + width: 24.61538462px; + height: 24.61538462px; + -webkit-transform: rotate(50deg) skew(-10deg, -20deg); + -moz-transform: rotate(50deg) skew(-10deg, -20deg); + -ms-transform: rotate(50deg) skew(-10deg, -20deg); + -o-transform: rotate(50deg) skew(-10deg, -20deg); + transform: rotate(50deg) skew(-10deg, -20deg); + top: -20px; + left: -3px; +} +.icono-rss { + width: 22px; + height: 22px; + overflow: hidden; + margin: 6px; +} +.icono-rss:before, +.icono-rss:after { + position: absolute; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-rss:before { + width: 6px; + height: 6px; + box-shadow: 0 0 32px inset; + left: 0; + bottom: 0; +} +.icono-rss:after { + width: 27px; + height: 27px; + right: 15%; + top: 15%; + border: 4px solid transparent; + box-shadow: inset 0 0 0 2px, 0 0 0 2px; +} +.icono-bars, +.icono-hamburger { + width: 20px; + height: 2px; + box-shadow: inset 0 0 0 32px, 0 -6px, 0 6px; + margin: 16px 7px; +} +[class*="icono-plus"], +[class*="icono-cross"] { + width: 30px; + height: 30px; + margin: 2px; +} +[class*="icono-plus"]:before, +[class*="icono-cross"]:before, +[class*="icono-plus"]:after, +[class*="icono-cross"]:after, +[class*="icono-check"]:before { + box-shadow: inset 0 0 0 32px; +} +[class*="icono-plus"]:before, +[class*="icono-cross"]:before, +[class*="icono-check"]:before { + width: 20px; + height: 2px; +} +[class*="icono-plus"]:after, +[class*="icono-cross"]:after { + height: 20px; + width: 2px; +} +[class*="icono-plus"][class*="Circle"]:before, +[class*="icono-cross"][class*="Circle"]:before { + width: 18px; +} +[class*="icono-plus"][class*="Circle"]:after, +[class*="icono-cross"][class*="Circle"]:after { + height: 18px; +} +.icono-cross, +.icono-crossCircle { + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +[class*="icono-check"] { + width: 28px; + height: 28px; + margin: 3px 0 3px 6px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +[class*="icono-check"]:before, +[class*="icono-check"]:after { + box-shadow: inset 0 0 0 32px; +} +[class*="icono-check"]:after { + position: absolute; + height: 12px; + width: 2px; + left: 4px; + bottom: 14px; +} +[class*="icono-check"][class*="Circle"] { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + width: 30px; + height: 30px; + margin: 2px; +} +[class*="icono-check"][class*="Circle"]:before { + width: 14px; + top: 15px; + left: 14px; +} +[class*="icono-check"][class*="Circle"]:after { + height: 8px; + left: 7px; + bottom: 10px; +} +.icono-power { + width: 22px; + height: 22px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border-top-color: transparent; + margin: 6px; +} +.icono-power:before { + position: absolute; + top: -15%; + left: 8px; + width: 2px; + height: 60%; + box-shadow: inset 0 0 0 32px; +} +.icono-heart { + width: 20px; + height: 20px; + border-top-color: transparent; + border-left-color: transparent; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-border-radius: 4px 0; + -moz-border-radius: 4px 0; + -o-border-radius: 4px 0; + border-radius: 4px 0; + margin: 9px 7px 5px; +} +.icono-heart:before, +.icono-heart:after { + position: absolute; +} +.icono-heart:before { + width: 8px; + height: 14px; + left: -10px; + bottom: -2px; + -webkit-border-radius: 20px 0 0 20px; + -moz-border-radius: 20px 0 0 20px; + -o-border-radius: 20px 0 0 20px; + border-radius: 20px 0 0 20px; + border-right-color: transparent; +} +.icono-heart:after { + width: 14px; + height: 8px; + right: -2px; + top: -10px; + -webkit-border-radius: 20px 20px 0 0; + -moz-border-radius: 20px 20px 0 0; + -o-border-radius: 20px 20px 0 0; + border-radius: 20px 20px 0 0; + border-bottom-color: transparent; +} +.icono-infinity { + width: 32px; + height: 16px; + margin: 9px 1px; +} +.icono-infinity:before, +.icono-infinity:after { + width: 10px; + height: 10px; + position: absolute; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.icono-infinity:before { + left: 0; + -webkit-border-radius: 32px 0 32px 32px; + -moz-border-radius: 32px 0 32px 32px; + -o-border-radius: 32px 0 32px 32px; + border-radius: 32px 0 32px 32px; +} +.icono-infinity:after { + right: 1px; + -webkit-border-radius: 32px 32px 32px 0; + -moz-border-radius: 32px 32px 32px 0; + -o-border-radius: 32px 32px 32px 0; + border-radius: 32px 32px 32px 0; +} +.icono-flag { + width: 22px; + height: 25px; + border-left: 3px solid; + margin: 5px 6px 4px; +} +.icono-flag:before, +.icono-flag:after { + position: absolute; + width: 9px; + height: 8px; +} +.icono-flag:before { + left: -2px; + top: 1px; + -webkit-border-radius: 0 2px 0 0; + -moz-border-radius: 0 2px 0 0; + -o-border-radius: 0 2px 0 0; + border-radius: 0 2px 0 0; + border-right-width: 3px; +} +.icono-flag:after { + width: 5px; + left: 9px; + top: 4px; + border-left-width: 3px; + -webkit-border-radius: 2px 2px 0 2px; + -moz-border-radius: 2px 2px 0 2px; + -o-border-radius: 2px 2px 0 2px; + border-radius: 2px 2px 0 2px; +} +.icono-file { + width: 26px; + height: 32px; + -webkit-border-radius: 0 12px 0 0; + -moz-border-radius: 0 12px 0 0; + -o-border-radius: 0 12px 0 0; + border-radius: 0 12px 0 0; + margin: 1px 4px; +} +.icono-file:before { + position: absolute; + top: -2px; + right: -2px; + border-style: solid; + width: 0; + height: 0; + border-width: 5px; + border-top-color: transparent; + border-right-color: transparent; +} +.icono-document { + width: 26px; + height: 32px; + -webkit-border-radius: 0 0 0 10px; + -moz-border-radius: 0 0 0 10px; + -o-border-radius: 0 0 0 10px; + border-radius: 0 0 0 10px; + margin: 1px 4px; +} +.icono-document:before { + position: absolute; + width: 0; + height: 0; + left: -3px; + bottom: -3px; + border-width: 5px; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; +} +.icono-document:after { + width: 13px; + height: 2px; + box-shadow: inset 0 0 0 32px, 0 -5px 0 0, 0 5px 0 0; +} +.icono-folder { + width: 18px; + height: 22px; + border-left-width: 0; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -o-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + margin: 8px 2px 4px 14px; +} +.icono-folder:before { + position: absolute; + width: 12px; + height: 20px; + left: -12px; + bottom: -2px; + border-width: 0 0 2px 2px; + border-style: solid; + -webkit-border-radius: 0 0 0 3px; + -moz-border-radius: 0 0 0 3px; + -o-border-radius: 0 0 0 3px; + border-radius: 0 0 0 3px; +} +.icono-folder:after { + position: absolute; + width: 10px; + height: 5px; + left: -12px; + top: -7px; + border-width: 2px 2px 0 2px; + border-style: solid; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.icono-pin { + width: 26px; + height: 26px; + -webkit-border-radius: 50% 50% 50% 0; + -moz-border-radius: 50% 50% 50% 0; + -o-border-radius: 50% 50% 50% 0; + border-radius: 50% 50% 50% 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin: 1px 4px 7px; +} +.icono-pin:before { + position: absolute; + width: 6px; + height: 6px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-smile, +.icono-frown, +.icono-meh { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + height: 30px; + width: 30px; + margin: 2px; +} +.icono-smile:before, +.icono-frown:before, +.icono-meh:before { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: 8px 0 0 0, 0 0 0 2px inset; + height: 4px; + width: 4px; + left: 7px; + position: absolute; + top: 27%; +} +.icono-smile:after, +.icono-frown:after, +.icono-meh:after { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + height: 16px; + left: 50%; + position: absolute; + top: 6%; + width: 16px; +} +.icono-eye { + -webkit-border-radius: 80% 20%; + -moz-border-radius: 80% 20%; + -o-border-radius: 80% 20%; + border-radius: 80% 20%; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + border-width: 2px 1px 1px 2px; + height: 28px; + width: 28px; + margin: 3px 3px; +} +.icono-eye:before { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: 0px -3px 0 3px inset; + height: 11px; + width: 11px; +} +.icono-sliders { + height: 30px; + width: 30px; + margin: 2px; +} +.icono-sliders:before, +.icono-sliders:after { + -webkit-transform: translateX(-50%); + -moz-transform: translateX(-50%); + -ms-transform: translateX(-50%); + -o-transform: translateX(-50%); + transform: translateX(-50%); + left: 50%; + position: absolute; +} +.icono-sliders:before { + width: 8px; + height: 7px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + top: 67%; + box-shadow: inset 0 0 0 32px, 10px -10px, -10px -14px; +} +.icono-sliders:after { + position: absolute; + width: 2px; + height: 100%; + box-shadow: inset 0 0 0 32px, 10px 0, -10px 0; +} +.icono-share { + height: 9px; + width: 9px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: inset 0 0 0 32px, 22px -11px 0 0, 22px 11px 0 0; + margin: 12px 24px 13px 1px; +} +.icono-share:before, +.icono-share:after { + position: absolute; + width: 24px; + height: 2px; + box-shadow: inset 0 0 0 32px; + left: 0; +} +.icono-share:before { + top: -2px; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + transform: rotate(-25deg); +} +.icono-share:after { + top: 9px; + -webkit-transform: rotate(25deg); + -moz-transform: rotate(25deg); + -ms-transform: rotate(25deg); + -o-transform: rotate(25deg); + transform: rotate(25deg); +} +.icono-sync { + width: 26px; + height: 26px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border-right-color: transparent; + border-left-color: transparent; + margin: 4px; +} +.icono-sync:before, +.icono-sync:after { + position: absolute; + width: 0; + height: 0; + border-width: 6px; + border-style: solid; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; +} +.icono-sync:before { + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + right: -7px; + top: 0; +} +.icono-sync:after { + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); + left: -7px; + bottom: 0; +} +.icono-reset { + width: 26px; + height: 26px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border-width: 2px; + border-style: solid; + border-left-color: transparent; + margin: 4px; +} +.icono-reset:before { + position: absolute; + width: 0; + height: 0; + left: -7px; + bottom: 0; + border-width: 6px; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-color: transparent; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); +} +.icono-gear { + width: 32px; + height: 32px; + border: 3px dotted; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + margin: 1px; +} +.icono-gear:before { + width: 22px; + height: 22px; + box-shadow: 0 0 0 3px, 0 0 0 2px inset; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border: 6px solid transparent; + box-sizing: border-box; +} +.icono-signIn { + width: 18px; + height: 32px; + border-left: none; + margin-left: 5px; + -webkit-border-radius: 0 3px 3px 0; + -moz-border-radius: 0 3px 3px 0; + -o-border-radius: 0 3px 3px 0; + border-radius: 0 3px 3px 0; + margin: 1px 8px; +} +.icono-signIn:before { + position: absolute; + width: 11px; + height: 11px; + left: -10px; + top: 7px; + border-bottom: none; + border-left: none; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + -o-border-radius: 0 4px 0 0; + border-radius: 0 4px 0 0; +} +.icono-signOut { + width: 18px; + height: 32px; + border-right: none; + margin-right: 5px; + -webkit-border-radius: 3px 0 0 3px; + -moz-border-radius: 3px 0 0 3px; + -o-border-radius: 3px 0 0 3px; + border-radius: 3px 0 0 3px; + margin: 1px 8px; +} +.icono-signOut:before { + position: absolute; + width: 11px; + height: 11px; + right: -2px; + top: 7px; + border-bottom: none; + border-left: none; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-border-radius: 0 4px 0 0; + -moz-border-radius: 0 4px 0 0; + -o-border-radius: 0 4px 0 0; + border-radius: 0 4px 0 0; +} +.icono-support { + width: 26px; + height: 26px; + border: 5px solid transparent; + box-shadow: 0 0 0 2px inset, 0 0 0 2px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + margin: 4px; +} +.icono-support:before { + position: absolute; + width: 7px; + height: 7px; + top: -3px; + left: -3px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + box-shadow: inset 0 0 0 32px, 21px 0 0 0; +} +.icono-support:after { + position: absolute; + width: 7px; + height: 7px; + top: -3px; + right: -3px; + -webkit-transform: rotate(135deg); + -moz-transform: rotate(135deg); + -ms-transform: rotate(135deg); + -o-transform: rotate(135deg); + transform: rotate(135deg); + box-shadow: inset 0 0 0 32px, 21px 0 0 0; +} +.icono-dropper { + width: 40px; + height: 14px; + border-width: 3px; + border-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + box-shadow: -9px 0 0 2px inset, 0 0 0 2px inset; + -webkit-border-radius: 50% 6px 6px 50%; + -moz-border-radius: 50% 6px 6px 50%; + -o-border-radius: 50% 6px 6px 50%; + border-radius: 50% 6px 6px 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin: 12px -2px 8px -4px; +} +.icono-dropper:before { + width: 4px; + height: 14px; + right: 10px; + box-shadow: inset 0 0 0 32px; +} +.icono-tiles { + width: 4px; + height: 4px; + box-shadow: 0 -8px 0, -8px -8px 0, 8px -8px 0, 0 0 0 32px inset, -8px 0 0, 8px 0 0, 0 8px 0, -8px 8px 0, 8px 8px 0; + margin: 15px; +} +.icono-list { + width: 4px; + height: 4px; + box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0; + margin: 15px 26px 15px 4px; +} +.icono-list:before { + width: 18px; + height: 4px; + left: 8px; + box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0; +} +.icono-chain { + width: 16px; + height: 2px; + box-shadow: inset 0 0 0 32px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin: 16px 9px; +} +.icono-chain:before, +.icono-chain:after { + width: 12px; + height: 8px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; +} +.icono-chain:before { + right: -10px; +} +.icono-chain:after { + left: -10px; +} +.icono-youtube { + border-right-color: transparent; + border-left-color: transparent; + -webkit-border-radius: 10px; + -moz-border-radius: 10px; + -o-border-radius: 10px; + border-radius: 10px; + width: 32px; + height: 22.28877899px; + margin: 6px 1px; +} +.icono-youtube:before { + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-top-color: transparent; + border-bottom-color: transparent; + -webkit-border-radius: 6px / 3px; + -moz-border-radius: 6px / 3px; + -o-border-radius: 6px / 3px; + border-radius: 6px / 3px; +} +.icono-youtube:after { + width: 0; + height: 0; + border-width: 4px 0 4px 8px; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; +} +.icono-rename { + width: 26px; + height: 10px; + border-color: transparent; + border-width: 3px; + box-shadow: 0 0 0 1px, 11px 0 0 0 inset; + margin: 12px 4px; +} +.icono-rename:before { + width: 1px; + height: 18px; + left: 9px; + border-width: 2px 4px; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + box-shadow: 0 0 0 1px inset; +} +.icono-search { + width: 22px; + height: 22px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + margin: 4px 4px 8px 8px; +} +.icono-search:before { + width: 4px; + height: 11px; + box-shadow: inset 0 0 0 32px; + top: 19px; + -webkit-border-radius: 0 0 1px 1px; + -moz-border-radius: 0 0 1px 1px; + -o-border-radius: 0 0 1px 1px; + border-radius: 0 0 1px 1px; +} +.icono-book { + width: 26px; + height: 22px; + -webkit-border-radius: 0 0 0 6px; + -moz-border-radius: 0 0 0 6px; + -o-border-radius: 0 0 0 6px; + border-radius: 0 0 0 6px; + border-top: none; + margin: 10px 4px 2px; +} +.icono-book:before { + position: absolute; + width: 24px; + height: 7px; + box-sizing: border-box; + border-top: none; + border-right: none; + left: -2px; + top: -5px; + -webkit-border-radius: 0 0 0 6px; + -moz-border-radius: 0 0 0 6px; + -o-border-radius: 0 0 0 6px; + border-radius: 0 0 0 6px; +} +.icono-book:after { + position: absolute; + width: 24px; + height: 8px; + box-sizing: border-box; + left: -2px; + top: -8px; + border-bottom: none; + -webkit-border-radius: 6px 0 0 0; + -moz-border-radius: 6px 0 0 0; + -o-border-radius: 6px 0 0 0; + border-radius: 6px 0 0 0; +} +.icono-forbidden { + width: 28px; + height: 28px; + border-width: 3px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + margin: 3px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.icono-forbidden:before { + width: 24px; + height: 4px; + box-shadow: inset 0 0 0 32px; +} +.icono-trash { + width: 22px; + height: 22px; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + -o-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + border-top: none; + margin: 9px 6px 3px; +} +.icono-trash:before { + width: 8px; + height: 2px; + top: -6px; + box-shadow: inset 0 0 0 32px, -10px 2px 0 0, -6px 2px 0 0, 0 2px 0 0, 6px 2px 0 0, 10px 2px 0 0; +} +.icono-keyboard { + width: 32px; + height: 22px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + margin: 6px 1px; +} +.icono-keyboard:before { + width: 2px; + height: 2px; + box-shadow: -2px -4px 0, -6px -4px 0, -10px -4px 0, 2px -4px 0, 6px -4px 0, 8px -4px 0, 10px -4px 0, -4px 0 0, -8px 0 0, -10px 0 0, inset 0 0 0 32px, 4px 0 0, 8px 0 0, 10px 0 0, 4px 4px 0, 2px 4px 0, 0 4px 0, -2px 4px 0, -6px 4px 0, -10px 4px 0, 6px 4px 0, 10px 4px 0; +} +.icono-mouse { + width: 23px; + height: 32px; + -webkit-border-radius: 11px 11px 12px 12px; + -moz-border-radius: 11px 11px 12px 12px; + -o-border-radius: 11px 11px 12px 12px; + border-radius: 11px 11px 12px 12px; + margin: 1px 5px 1px 6px; +} +.icono-mouse:before { + width: 1px; + height: 6px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + border-color: transparent; + border-width: 1px; + top: 5px; + box-shadow: 0 0 0 1px, 0 0 0 2px inset; +} +.icono-mouse:after { + width: 1px; + height: 4px; + top: 0; + box-shadow: inset 0 0 0 32px, 0 13px 0 0; +} +.icono-user { + width: 32px; + height: 14px; + -webkit-border-radius: 64px 64px 0 0 / 64px; + -moz-border-radius: 64px 64px 0 0 / 64px; + -o-border-radius: 64px 64px 0 0 / 64px; + border-radius: 64px 64px 0 0 / 64px; + margin: 18px 1px 2px; +} +.icono-user:before { + width: 12px; + height: 12px; + top: -20px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-crop { + width: 21px; + height: 21px; + border-left: none; + border-bottom: none; + margin: 9px 9px 4px 4px; +} +.icono-crop:before { + position: absolute; + width: 21px; + height: 21px; + top: -7px; + right: -7px; + border-top: none; + border-right: none; + box-sizing: border-box; +} +.icono-crop:after { + position: absolute; + width: 27px; + height: 1px; + left: 2px; + top: 3px; + box-shadow: inset 0 0 0 32px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.icono-display { + width: 26px; + height: 22px; + margin: 4px 4px 8px; +} +.icono-display:before { + width: 4px; + height: 3px; + bottom: -5px; + box-shadow: inset 0 0 0 32px; +} +.icono-display:after { + width: 14px; + height: 2px; + bottom: -6px; + box-shadow: inset 0 0 0 32px; +} +.icono-imac { + width: 28px; + height: 24px; + border-width: 2px 2px 6px; + border-color: transparent; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + box-shadow: 0 0 0 1px, 0 0 0 1px inset; + margin: 3px 3px 7px; +} +.icono-imac:before { + position: absolute; + height: 4px; + right: -3px; + left: -3px; + bottom: -6px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + -o-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; +} +.icono-imac:after { + width: 9px; + height: 7px; + box-shadow: inset 0 0 0 32px; + bottom: -12px; + -webkit-border-radius: 32px 32px 0 0 / 64px; + -moz-border-radius: 32px 32px 0 0 / 64px; + -o-border-radius: 32px 32px 0 0 / 64px; + border-radius: 32px 32px 0 0 / 64px; +} +.icono-imacBold { + width: 28px; + height: 22px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 4px 3px 8px; +} +.icono-imacBold:before { + width: 9px; + height: 7px; + box-shadow: inset 0 0 0 32px; + bottom: -6px; + -webkit-border-radius: 32px 32px 0 0 / 64px; + -moz-border-radius: 32px 32px 0 0 / 64px; + -o-border-radius: 32px 32px 0 0 / 64px; + border-radius: 32px 32px 0 0 / 64px; +} +.icono-imacBold:after { + width: 24px; + height: 3px; + box-shadow: inset 0 0 0 32px; + bottom: 0; +} +.icono-iphone { + width: 19px; + height: 31px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + border-width: 5px 1px; + border-color: transparent; + box-shadow: 0 0 0 1px, 0 0 0 1px inset; + margin: 2px 8px 1px 7px; +} +.icono-iphone:before, +.icono-iphone:after { + box-shadow: inset 0 0 0 32px; +} +.icono-iphone:before { + width: 3px; + height: 1px; + top: -3px; +} +.icono-iphone:after { + width: 3px; + height: 3px; + bottom: -4px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-iphoneBold { + width: 20px; + height: 32px; + margin: 1px 7px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + border-width: 5px 2px; +} +.icono-macbook { + width: 32px; + height: 2px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 0 0 32px 32px / 3px; + -moz-border-radius: 0 0 32px 32px / 3px; + -o-border-radius: 0 0 32px 32px / 3px; + border-radius: 0 0 32px 32px / 3px; + margin: 25px 1px 7px 1px; +} +.icono-macbook:before { + width: 20px; + height: 14px; + bottom: 2px; + border-width: 3px 1px 1px 1px; + border-color: transparent; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + box-shadow: 0 0 0 1px, 0 0 0 1px inset; +} +.icono-macbookBold { + width: 32px; + height: 2px; + box-shadow: inset 0 0 0 32px; + margin: 25px 1px 7px 1px; +} +.icono-macbookBold:before { + width: 20px; + height: 14px; + bottom: 2px; + border-width: 3px 2px 1px; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; +} +.icono-image { + width: 30px; + height: 26px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + overflow: hidden; + margin: 4px 2px; +} +.icono-image:before { + position: absolute; + width: 20px; + height: 20px; + left: -2px; + top: 14px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + box-shadow: inset 0 0 0 32px, 10px -6px 0 0; +} +.icono-image:after { + position: absolute; + width: 4px; + height: 4px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: inset 0 0 0 32px; + top: 5px; + right: 5px; +} +.icono-headphone { + width: 30px; + height: 27px; + border-bottom-color: transparent; + -webkit-border-radius: 32px / 32px 32px 16px 16px; + -moz-border-radius: 32px / 32px 32px 16px 16px; + -o-border-radius: 32px / 32px 32px 16px 16px; + border-radius: 32px / 32px 32px 16px 16px; + margin: 2px 2px 5px; +} +.icono-headphone:before { + position: absolute; + width: 4px; + height: 12px; + left: 1px; + bottom: -4px; + -webkit-border-radius: 5px; + -moz-border-radius: 5px; + -o-border-radius: 5px; + border-radius: 5px; + box-shadow: inset 0 0 0 32px, 20px 0 0 0; +} +.icono-music { + width: 18px; + height: 6px; + -webkit-transform: skewY(-15deg); + -moz-transform: skewY(-15deg); + -ms-transform: skewY(-15deg); + -o-transform: skewY(-15deg); + transform: skewY(-15deg); + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 2px 2px 0 0; + -moz-border-radius: 2px 2px 0 0; + -o-border-radius: 2px 2px 0 0; + border-radius: 2px 2px 0 0; + margin: 4px 5px 24px 11px; +} +.icono-music:before { + position: absolute; + width: 2px; + height: 16px; + left: 0; + top: 4px; + box-shadow: inset 0 0 0 32px, 16px 0 0 0; +} +.icono-music:after { + position: absolute; + width: 10px; + height: 8px; + left: -8px; + top: 17px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: inset 0 0 0 32px, 16px 0 0 0; +} +.icono-video { + width: 20px; + height: 20px; + margin: 7px 7px; +} +.icono-video:before { + width: 3px; + height: 3px; + left: -8px; + box-shadow: inset 0 0 0 32px, 0 -8px 0 0, 0 8px 0 0, 29px 0 0 0, 29px -8px 0 0, 29px 8px 0 0; +} +.icono-video:after { + width: 0; + height: 0; + border-width: 4px 0 4px 6px; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; +} +.icono-nexus { + width: 21px; + height: 32px; + border-width: 3px 1px; + -webkit-border-radius: 16px / 3px; + -moz-border-radius: 16px / 3px; + -o-border-radius: 16px / 3px; + border-radius: 16px / 3px; + margin: 1px 7px 1px 6px; +} +.icono-microphone { + width: 22px; + height: 15px; + border-width: 0 2px 2px; + -webkit-border-radius: 20px / 0 0 20px 20px; + -moz-border-radius: 20px / 0 0 20px 20px; + -o-border-radius: 20px / 0 0 20px 20px; + border-radius: 20px / 0 0 20px 20px; + margin: 12px 6px 7px; +} +.icono-microphone:before { + width: 10px; + height: 18px; + top: -11px; + -webkit-border-radius: 20px; + -moz-border-radius: 20px; + -o-border-radius: 20px; + border-radius: 20px; +} +.icono-microphone:after { + width: 2px; + height: 2px; + bottom: -4px; + box-shadow: inset 0 0 0 32px, 0 2px, 0 4px, -2px 4px, -4px 4px, -6px 4px, 2px 4px, 4px 4px, 6px 4px; +} +.icono-asterisk, +.icono-asterisk:before, +.icono-asterisk:after { + width: 4px; + height: 20px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + -o-border-radius: 1px; + border-radius: 1px; + margin: 7px 15px; +} +.icono-asterisk:before, +.icono-asterisk:after { + position: absolute; + margin: 0; + left: 0; + top: 0; +} +.icono-asterisk:before { + -webkit-transform: rotate(-58deg); + -moz-transform: rotate(-58deg); + -ms-transform: rotate(-58deg); + -o-transform: rotate(-58deg); + transform: rotate(-58deg); +} +.icono-asterisk:after { + -webkit-transform: rotate(58deg); + -moz-transform: rotate(58deg); + -ms-transform: rotate(58deg); + -o-transform: rotate(58deg); + transform: rotate(58deg); +} +.icono-terminal { + width: 28px; + height: 24px; + margin: 5px 3px; +} +.icono-terminal:before { + width: 5px; + height: 5px; + position: absolute; + top: 50%; + -webkit-transform: translateY(-50%) rotate(45deg); + -moz-transform: translateY(-50%) rotate(45deg); + -ms-transform: translateY(-50%) rotate(45deg); + -o-transform: translateY(-50%) rotate(45deg); + transform: translateY(-50%) rotate(45deg); + left: 3px; + border-width: 2px 2px 0 0; + border-style: solid; +} +.icono-terminal:after { + position: absolute; + width: 5px; + height: 0; + border-bottom: 2px solid; + right: 6px; + bottom: 4px; +} +.icono-paperClip { + width: 24px; + height: 18px; + border-left: none; + -webkit-border-radius: 0 16px 16px 0; + -moz-border-radius: 0 16px 16px 0; + -o-border-radius: 0 16px 16px 0; + border-radius: 0 16px 16px 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin: 5px 0 11px 10px; +} +.icono-paperClip:before { + width: 18px; + height: 6px; + right: 2px; + -webkit-border-radius: 0 16px 16px 0; + -moz-border-radius: 0 16px 16px 0; + -o-border-radius: 0 16px 16px 0; + border-radius: 0 16px 16px 0; + border-left: none; +} +.icono-paperClip:after { + position: absolute; + width: 12px; + height: 10px; + left: -12px; + top: -2px; + border-right: none; + -webkit-border-radius: 16px 0 0 16px; + -moz-border-radius: 16px 0 0 16px; + -o-border-radius: 16px 0 0 16px; + border-radius: 16px 0 0 16px; +} +.icono-market { + width: 32px; + height: 12px; + border-top: none; + margin: 19px 1px 3px; +} +.icono-market:before { + width: 6px; + height: 13px; + position: absolute; + top: -15px; + left: -5px; + -webkit-border-radius: 0 0 10px 10px; + -moz-border-radius: 0 0 10px 10px; + -o-border-radius: 0 0 10px 10px; + border-radius: 0 0 10px 10px; + border-left: none; + box-shadow: inset 0 0 0 32px, 8px 0 0, 16px 0 0, 24px 0 0, 32px 0 0; +} +.icono-market:after { + width: 6px; + height: 6px; + bottom: -2px; +} +.icono-clock { + width: 26px; + height: 26px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + margin: 4px; +} +.icono-clock:before, +.icono-clock:after { + top: 35%; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; +} +.icono-clock:before { + width: 2px; + height: 9px; +} +.icono-clock:after { + width: 6px; + height: 2px; + transform-origin: left center; + -webkit-transform: rotate(45deg) translate(1px, 2px); + -moz-transform: rotate(45deg) translate(1px, 2px); + -ms-transform: rotate(45deg) translate(1px, 2px); + -o-transform: rotate(45deg) translate(1px, 2px); + transform: rotate(45deg) translate(1px, 2px); +} +[class*="icono-textAlign"] { + width: 28px; + height: 22px; + margin: 6px 3px; +} +[class*="icono-textAlign"]:before, +[class*="icono-textAlign"]:after { + position: absolute; + height: 2px; + box-shadow: inset 0 0 0 32px, 0 8px 0 0, 0 16px 0 0; + right: 0; +} +[class*="icono-textAlign"]:before { + width: 28px; + top: 0; +} +[class*="icono-textAlign"]:after { + width: 18px; + top: 4px; +} +[class*="icono-textAlign"].icono-textAlignLeft:before, +[class*="icono-textAlign"].icono-textAlignLeft:after { + left: 0; +} +[class*="icono-exclamation"] { + overflow: visible; + width: 30px; + border-bottom: 2px solid; + -webkit-border-radius: 0 0 4px 4px; + -moz-border-radius: 0 0 4px 4px; + -o-border-radius: 0 0 4px 4px; + border-radius: 0 0 4px 4px; + margin: 26px 2px 6px; +} +[class*="icono-exclamation"]:before { + position: absolute; + width: 26px; + height: 26px; + left: 1px; + top: -14px; + border-width: 2px 0 0 2px; + border-style: solid; + -webkit-border-radius: 4px 0; + -moz-border-radius: 4px 0; + -o-border-radius: 4px 0; + border-radius: 4px 0; + -webkit-transform: rotate(45deg) skew(12deg, 12deg); + -moz-transform: rotate(45deg) skew(12deg, 12deg); + -ms-transform: rotate(45deg) skew(12deg, 12deg); + -o-transform: rotate(45deg) skew(12deg, 12deg); + transform: rotate(45deg) skew(12deg, 12deg); +} +[class*="icono-exclamation"]:after { + width: 4px; + height: 3px; + top: -14px; + box-shadow: inset 0 0 0 32px, 0 3px, 0 8px; +} +[class*="icono-exclamation"][class*="Circle"] { + margin: 2px; +} +[class*="icono-exclamation"][class*="Circle"]:before { + display: none; +} +[class*="icono-exclamation"][class*="Circle"]:after { + box-shadow: inset 0 0 0 32px, 0 3px, 0 5px, 0 10px; + top: 6px; +} +.icono-frown:after { + -webkit-transform: translateX(-50%) rotate(180deg); + -moz-transform: translateX(-50%) rotate(180deg); + -ms-transform: translateX(-50%) rotate(180deg); + -o-transform: translateX(-50%) rotate(180deg); + transform: translateX(-50%) rotate(180deg); + transform-origin: center 85%; +} +.icono-meh:after { + top: 0; + width: 12px; + border-left-width: 0; + border-right-width: 0; + -webkit-border-radius: 0; + -moz-border-radius: 0; + -o-border-radius: 0; + border-radius: 0; +} +.icono-indent, +.icono-outdent { + width: 20px; + height: 16px; + border-width: 4px 0 4px 8px; + border-style: solid; + border-color: transparent; + box-shadow: 0 -2px, 0 2px, inset 0 2px, inset 0 -2px; + margin: 9px 7px; +} +.icono-indent:before, +.icono-outdent:before { + left: -8px; + border: 5px solid; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-width: 0; +} +.icono-outdent:before { + border-left-width: 0; + border-right-width: 5px; +} +.icono-locationArrow { + width: 32px; + height: 32px; + margin: 1px; +} +.icono-locationArrow:before { + position: absolute; + left: 7px; + top: 16px; + border-width: 6px 0 6px 6px; + border-style: solid; + border-left-color: transparent; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.icono-locationArrow:after { + position: absolute; + top: 10px; + left: 2px; + border-width: 10px; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; + -webkit-transform: skew(-30deg, -30deg); + -moz-transform: skew(-30deg, -30deg); + -ms-transform: skew(-30deg, -30deg); + -o-transform: skew(-30deg, -30deg); + transform: skew(-30deg, -30deg); +} +.icono-commentEmpty { + width: 30px; + height: 22px; + -webkit-border-radius: 4px 4px 7px 7px; + -moz-border-radius: 4px 4px 7px 7px; + -o-border-radius: 4px 4px 7px 7px; + border-radius: 4px 4px 7px 7px; + border-bottom-color: transparent; + margin: 5px 2px 7px; +} +.icono-commentEmpty:before { + position: absolute; + width: 6px; + height: 6px; + border-width: 0 0 2px 2px; + border-style: solid; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + bottom: -4px; + left: 6px; +} +.icono-commentEmpty:after { + position: absolute; + width: 8px; + height: 2px; + border-width: 0 12px 0 6px; + border-style: solid; + bottom: 0; + left: 0; +} +.icono-comment { + width: 30px; + height: 20px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 5px 2px 9px; +} +.icono-comment:before { + position: absolute; + width: 8px; + height: 8px; + box-shadow: inset 0 0 0 32px; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + bottom: -4px; + left: 6px; +} +.icono-areaChart, +.icono-barChart { + width: 30px; + height: 22px; + border-top-width: 0; + border-right-width: 0; + border-color: transparent; + box-shadow: -2px 2px; + overflow: hidden; + margin: 4px 0 8px 4px; +} +.icono-areaChart:before { + position: absolute; + left: 0; + bottom: 7px; + border: 6px solid transparent; + border-bottom-color: currentColor; + box-shadow: 0 7px; +} +.icono-areaChart:after { + position: absolute; + left: 11px; + bottom: 4px; + border-width: 0 6px 13px; + border-style: solid; + border-color: transparent; + border-bottom-color: currentColor; + box-shadow: 0 4px; +} +.icono-barChart { + border-color: transparent; + box-shadow: -2px 2px; + margin: 4px 0 8px 4px; +} +.icono-barChart:before { + position: absolute; + left: 0; + bottom: 0; + width: 4px; + height: 15px; + box-shadow: inset 0 -8px 0 0, 6px 0, 12px 7px, 18px 5px; +} +.icono-pieChart { + width: 0; + height: 0; + border: 15px solid; + border-right-color: transparent; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); + margin: 2px; +} +.icono-pieChart:before { + position: absolute; + width: 0; + height: 0; + left: -11px; + top: -14px; + border: 14px solid; + border-left-color: transparent; + border-bottom-color: transparent; + border-top-color: transparent; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-bookmark { + width: 0; + height: 0; + border: 9px solid; + border-bottom-color: transparent; + box-shadow: 0 -4px; + -webkit-border-radius: 3px 3px 0 0; + -moz-border-radius: 3px 3px 0 0; + -o-border-radius: 3px 3px 0 0; + border-radius: 3px 3px 0 0; + margin: 10px 8px 6px; +} +.icono-bookmarkEmpty { + width: 18px; + height: 22px; + border-bottom: none; + -webkit-border-radius: 3px 3px 2px 2px; + -moz-border-radius: 3px 3px 2px 2px; + -o-border-radius: 3px 3px 2px 2px; + border-radius: 3px 3px 2px 2px; + overflow: hidden; + margin: 6px 8px; +} +.icono-bookmarkEmpty:before { + position: absolute; + width: 12px; + height: 12px; + bottom: 0; + left: 0; + border-right: none; + border-bottom: none; + -webkit-transform: rotate(45deg) translate(35%, 35%); + -moz-transform: rotate(45deg) translate(35%, 35%); + -ms-transform: rotate(45deg) translate(35%, 35%); + -o-transform: rotate(45deg) translate(35%, 35%); + transform: rotate(45deg) translate(35%, 35%); +} +.icono-filter { + width: 0; + height: 0; + border: 10px solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + padding: 3px; + box-shadow: inset 0 7px; + margin: 9px 4px; +} +.icono-volume, +.icono-volumeLow, +.icono-volumeDecrease, +.icono-volumeMedium, +.icono-volumeIncrease, +.icono-volumeHigh, +.icono-volumeMute { + width: 0; + height: 0; + border: 7px solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + padding: 6px 3px; + box-shadow: inset 4px 0; + margin: 4px 10px 4px 11px; +} +.icono-volumeLow, +.icono-volumeMedium, +.icono-volumeHigh { + margin: 4px 14px 4px 7px; +} +.icono-volumeLow:before, +.icono-volumeMedium:before, +.icono-volumeHigh:after, +.icono-volumeHigh:before { + width: 15px; + height: 15px; + position: absolute; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + left: 2px; +} +.icono-volumeMedium, +.icono-volumeHigh { + margin: 4px 16px 4px 5px; +} +.icono-volumeMedium:before, +.icono-volumeHigh:before { + border-style: double; + border-width: 6px; + left: -2px; +} +.icono-volumeHigh { + margin: 4px 18px 4px 3px; +} +.icono-volumeHigh:after { + width: 32px; + height: 32px; + left: -7px; +} +.icono-volumeDecrease, +.icono-volumeIncrease, +.icono-volumeMute { + margin: 4px 16px 4px 5px; +} +.icono-volumeDecrease:before, +.icono-volumeDecrease:after, +.icono-volumeIncrease:before, +.icono-volumeIncrease:after, +.icono-volumeMute:before, +.icono-volumeMute:after { + box-shadow: inset 0 0 0 32px; +} +.icono-volumeDecrease:before, +.icono-volumeIncrease:before, +.icono-volumeMute:before { + width: 10px; + height: 2px; + left: 17px; +} +.icono-volumeIncrease:after, +.icono-volumeMute:after { + height: 10px; + width: 2px; + left: 21px; +} +.icono-volumeMute:after, +.icono-volumeMute:before { + -webkit-transform: translateY(-50%) rotate(45deg); + -moz-transform: translateY(-50%) rotate(45deg); + -ms-transform: translateY(-50%) rotate(45deg); + -o-transform: translateY(-50%) rotate(45deg); + transform: translateY(-50%) rotate(45deg); +} +.icono-tag { + width: 18px; + height: 24px; + -webkit-border-radius: 6px 6px 4px 4px; + -moz-border-radius: 6px 6px 4px 4px; + -o-border-radius: 6px 6px 4px 4px; + border-radius: 6px 6px 4px 4px; + border-top: none; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + margin: 5px 8px; +} +.icono-tag:before { + position: absolute; + top: -4px; + left: 1px; + width: 10px; + height: 10px; + border-width: 2px 0 0 2px; + border-style: solid; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); + -webkit-border-radius: 5px 0 0 0; + -moz-border-radius: 5px 0 0 0; + -o-border-radius: 5px 0 0 0; + border-radius: 5px 0 0 0; +} +.icono-tag:after { + top: 1px; + width: 3px; + height: 3px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-calendar { + width: 32px; + height: 28px; + border-width: 4px 2px 2px; + border-style: solid; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 5px 1px 1px; +} +.icono-calendar:before { + position: absolute; + width: 4px; + height: 4px; + top: 3px; + left: 3px; + box-shadow: inset 0 0 0 32px, 6px 0, 12px 0, 18px 0, 0 6px, 6px 6px, 12px 6px, 18px 6px, 0 12px, 6px 12px, 12px 12px, 18px 12px; +} +.icono-calendar:after { + position: absolute; + width: 4px; + height: 8px; + box-shadow: inset 0 0 0 32px, 16px 0; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + top: -8px; + left: 4px; +} +.icono-camera { + width: 32px; + height: 24px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 5px 1px; +} +.icono-camera:before { + width: 10px; + height: 10px; + border: 1px solid transparent; + box-shadow: inset 0 0 0 1px, 0 0 0 2px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-camera:after { + position: absolute; + width: 4px; + height: 2px; + right: 2px; + top: 2px; + box-shadow: inset 0 0 0 32px; +} +.icono-piano { + width: 28px; + height: 22px; + margin: 6px 3px; +} +.icono-piano:before { + position: absolute; + left: 4px; + top: 0; + width: 1px; + height: 100%; + box-shadow: inset 0 0 0 32px, 5px 0, 10px 0, 15px 0; +} +.icono-piano:after { + position: absolute; + width: 3px; + height: 12px; + left: 3px; + top: 0; + box-shadow: inset 0 0 0 32px, 5px 0, 10px 0, 15px 0; +} +.icono-ruler { + width: 27px; + height: 12px; + margin: 11px 4px 11px 3px; +} +.icono-ruler:before { + position: absolute; + width: 1px; + height: 4px; + box-shadow: inset 0 0 0 32px, 6px 0, 12px 0; + left: 5px; + top: 0; +} +.icono-ruler:after { + position: absolute; + width: 1px; + height: 2px; + box-shadow: inset 0 0 0 32px, 2px 0, 6px 0, 8px 0, 12px 0, 14px 0, 18px 0, 20px 0; + left: 1px; + top: 0; +} +.icono-facebook { + width: 9px; + height: 26px; + box-shadow: inset 2px 4px 0 0; + border-left: 3px solid; + -webkit-border-radius: 5px 0 0 0; + -moz-border-radius: 5px 0 0 0; + -o-border-radius: 5px 0 0 0; + border-radius: 5px 0 0 0; + margin: 4px 11px 4px 14px; +} +.icono-facebook:before { + position: absolute; + top: 9px; + left: -6px; + width: 11px; + height: 0; + border-top: 4px solid; + border-right: 1px solid transparent; +} +.icono-twitter { + width: 14px; + height: 23px; + -webkit-border-radius: 0 0 0 8px; + -moz-border-radius: 0 0 0 8px; + -o-border-radius: 0 0 0 8px; + border-radius: 0 0 0 8px; + box-shadow: -6px 2px 0 0; + margin: 4px 7px 7px 13px; +} +.icono-twitter:before { + position: absolute; + bottom: -2px; + left: -6px; + width: 17px; + height: 6px; + -webkit-border-radius: 0 0 0 8px; + -moz-border-radius: 0 0 0 8px; + -o-border-radius: 0 0 0 8px; + border-radius: 0 0 0 8px; + box-shadow: inset 4px -6px, 0 -11px; +} +.icono-twitter:after { + position: absolute; + width: 6px; + height: 6px; + box-shadow: inset 0 0 0 32px, 13px 8px, 13px 19px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + left: -6px; +} +.icono-gplus { + width: 10px; + height: 2px; + box-shadow: inset 0 0 0 32px; + margin: 14px 4px 18px 20px; +} +.icono-gplus:before { + position: absolute; + top: -5px; + right: 10px; + content: "g" !important; + font-family: georgia; + font-size: 32px; + text-indent: 0; + line-height: 0; +} +.icono-gplus:after { + width: 2px; + height: 10px; + box-shadow: inset 0 0 0 32px; +} +.icono-linkedIn { + width: 5px; + height: 16px; + box-shadow: inset 0 0 0 32px, 8px 0; + margin: 12px 24px 6px 5px; +} +.icono-linkedIn:before { + position: absolute; + width: 5px; + height: 5px; + box-shadow: inset 0 0 0 32px; + top: -7px; + left: 0; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-linkedIn:after { + position: absolute; + width: 12px; + height: 16px; + border-right: 1px solid; + left: 11px; + bottom: 0; + -webkit-border-radius: 8px 5px 0 0 / 11px 5px 0 0; + -moz-border-radius: 8px 5px 0 0 / 11px 5px 0 0; + -o-border-radius: 8px 5px 0 0 / 11px 5px 0 0; + border-radius: 8px 5px 0 0 / 11px 5px 0 0; + box-shadow: inset -4px 4px; +} +.icono-instagram { + width: 26px; + height: 26px; + box-shadow: inset 0 0 0 2px; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 4px; +} +.icono-instagram:before { + width: 10px; + height: 10px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: 0 0 0 3px; +} +.icono-instagram:after { + position: absolute; + width: 5px; + height: 5px; + -webkit-border-radius: 1px; + -moz-border-radius: 1px; + -o-border-radius: 1px; + border-radius: 1px; + right: 3px; + top: 3px; + box-shadow: 0 0 0 2px, 1px 1px 0 2px, -5px -1px 0 1px, -10px -1px 0 1px, -16px 1px 0 2px; +} +.icono-flickr { + width: 24px; + height: 24px; + overflow: hidden; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + margin: 5px; +} +.icono-flickr:before, +.icono-flickr:after { + width: 7px; + height: 7px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; +} +.icono-flickr:before { + left: 4px; + box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, -4px 0 0 3px; +} +.icono-flickr:after { + right: 4px; + box-shadow: 0 0 0 1px, 0 -10px 0 6px, 0 10px 0 6px, 4px 0 0 3px; +} +.icono-delicious { + width: 24px; + height: 24px; + overflow: hidden; + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + box-shadow: inset 0 0 0 2px; + margin: 5px; +} +.icono-delicious:before { + position: absolute; + width: 12px; + height: 12px; + box-shadow: inset 0 0 0 32px, 12px -12px 0 0; + left: 0; + bottom: 0; +} +.icono-codepen { + width: 2px; + height: 10px; + box-shadow: inset 0 0 0 32px, 0 15px, -11px 7px, 11px 7px; + margin: 4px 16px 20px; +} +.icono-codepen:before { + position: absolute; + right: 2px; + top: 3px; + width: 11px; + height: 4px; + transform: skew(0, -35deg) scaleY(0.6); + box-shadow: inset 0 0 0 32px, 0 13px, 11px 26px, 12px 39px; +} +.icono-codepen:after { + position: absolute; + left: 2px; + top: 3px; + width: 11px; + height: 4px; + transform: skew(0, 35deg) scaleY(0.6); + box-shadow: inset 0 0 0 32px, 0 13px, -11px 26px, -12px 39px; +} +.icono-blogger { + width: 24px; + height: 14px; + -webkit-border-radius: 0 0 7px 7px; + -moz-border-radius: 0 0 7px 7px; + -o-border-radius: 0 0 7px 7px; + border-radius: 0 0 7px 7px; + margin: 14px 5px 6px; +} +.icono-blogger, +.icono-blogger:before { + border-width: 6px; + border-style: solid; +} +.icono-blogger:before { + position: absolute; + width: 8px; + height: 2px; + left: -6px; + top: -15px; + -webkit-border-radius: 6px 6px 0 0; + -moz-border-radius: 6px 6px 0 0; + -o-border-radius: 6px 6px 0 0; + border-radius: 6px 6px 0 0; +} +.icono-disqus { + width: 31px; + height: 31px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + margin: 1px 1px 2px 2px; +} +.icono-disqus:before { + position: absolute; + width: 0; + height: 0; + border: 5px solid transparent; + border-top: 10px solid; + -webkit-transform: rotate(50deg); + -moz-transform: rotate(50deg); + -ms-transform: rotate(50deg); + -o-transform: rotate(50deg); + transform: rotate(50deg); + left: -5px; + top: 20px; +} +.icono-dribbble { + width: 26px; + height: 26px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: inset 0 0 0 2px; + overflow: hidden; + position: relative; + background-image: radial-gradient(50% 100%, transparent 0, transparent 9px, currentColor 10px, currentColor 11px, transparent 12px); + background-repeat: no-repeat; + background-position: -8px center; + -webkit-transform: rotate(-25deg); + -moz-transform: rotate(-25deg); + -ms-transform: rotate(-25deg); + -o-transform: rotate(-25deg); + transform: rotate(-25deg); + margin: 4px; +} +.icono-dribbble:after, +.icono-dribbble:before { + position: absolute; + border-radius: 50%; + border: 2px solid; + width: 40px; + height: 30px; +} +.icono-dribbble:after { + top: 14px; + left: -7px; + width: 32px; +} +.icono-dribbble:before { + left: -6px; + top: -23px; +} +.icono-creditCard { + width: 32px; + height: 24px; + -webkit-border-radius: 3px; + -moz-border-radius: 3px; + -o-border-radius: 3px; + border-radius: 3px; + margin: 5px 1px; +} +.icono-creditCard:before { + position: absolute; + top: 4px; + width: 100%; + height: 6px; + box-shadow: inset 0 0 0 32px; +} +.icono-creditCard:after { + left: 3px; + bottom: 3px; + position: absolute; + width: 4px; + height: 2px; + box-shadow: inset 0 0 0 32px, 6px 0; +} +.icono-cup { + width: 22px; + height: 16px; + box-shadow: inset 0 0 0 32px; + -webkit-border-radius: 0 0 5px 5px; + -moz-border-radius: 0 0 5px 5px; + -o-border-radius: 0 0 5px 5px; + border-radius: 0 0 5px 5px; + margin: 6px 6px 12px; +} +.icono-cup:before { + position: absolute; + right: -3px; + top: 4px; + width: 5px; + height: 5px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: 0 0 0 2px; +} +.icono-cup:after { + bottom: -5px; + width: 26px; + height: 3px; + -webkit-border-radius: 0 0 3px 3px; + -moz-border-radius: 0 0 3px 3px; + -o-border-radius: 0 0 3px 3px; + border-radius: 0 0 3px 3px; + box-shadow: inset 0 0 0 32px; +} +.icono-play { + width: 0; + height: 0; + border-width: 10px 0 10px 16px; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + margin: 7px 9px; +} +.icono-pause { + width: 6px; + height: 20px; + margin: 7px 20px 7px 8px; + box-shadow: inset 0 0 0 32px, 12px 0 0 0; +} +.icono-stop { + width: 0; + height: 0; + border: solid 10px; + margin: 7px; +} +.icono-rewind { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.icono-forward, +.icono-rewind { + width: 0; + height: 0; + border: 10px solid transparent; + border-left: 10px solid; + margin: 7px; +} +.icono-forward:before, +.icono-rewind:before { + position: absolute; + left: 0; + top: -10px; + width: 0; + height: 0; + border: 10px solid transparent; + border-left: 10px solid; +} +.icono-next, +.icono-previous { + width: 0; + height: 0; + border: 10px solid transparent; + border-left: 10px solid; + border-right: none; + margin: 7px 14px 7px 10px; + box-shadow: 4px 0; +} +.icono-previous { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); + margin: 7px 10px 7px 14px; +} +.icono-caretRight, +.icono-caretRightCircle, +.icono-caretRightSquare, +.icono-caretLeft, +.icono-caretUp, +.icono-caretDown, +.icono-caretLeftCircle, +.icono-caretLeftSquare, +.icono-caretUpCircle, +.icono-caretUpSquare, +.icono-caretDownCircle, +.icono-caretDownSquare { + width: 12px; + height: 20px; + margin: 7px 11px; +} +.icono-caretRight:before, +.icono-caretRight:after, +.icono-caretRightCircle:before, +.icono-caretRightCircle:after, +.icono-caretRightSquare:before, +.icono-caretRightSquare:after, +.icono-caretLeft:before, +.icono-caretLeft:after, +.icono-caretUp:before, +.icono-caretUp:after, +.icono-caretDown:before, +.icono-caretDown:after, +.icono-caretLeftCircle:before, +.icono-caretLeftCircle:after, +.icono-caretLeftSquare:before, +.icono-caretLeftSquare:after, +.icono-caretUpCircle:before, +.icono-caretUpCircle:after, +.icono-caretUpSquare:before, +.icono-caretUpSquare:after, +.icono-caretDownCircle:before, +.icono-caretDownCircle:after, +.icono-caretDownSquare:before, +.icono-caretDownSquare:after { + width: 14px; + height: 2px; + position: absolute; + bottom: 0; + margin: auto 0; + right: 2px; + box-shadow: inset 0 0 0 32px; + transform-origin: right; +} +.icono-caretRight:before, +.icono-caretRightCircle:before, +.icono-caretRightSquare:before, +.icono-caretLeft:before, +.icono-caretUp:before, +.icono-caretDown:before, +.icono-caretLeftCircle:before, +.icono-caretLeftSquare:before, +.icono-caretUpCircle:before, +.icono-caretUpSquare:before, +.icono-caretDownCircle:before, +.icono-caretDownSquare:before { + top: 2px; + -webkit-transform: rotate(45deg); + -moz-transform: rotate(45deg); + -ms-transform: rotate(45deg); + -o-transform: rotate(45deg); + transform: rotate(45deg); +} +.icono-caretRight:after, +.icono-caretRightCircle:after, +.icono-caretRightSquare:after, +.icono-caretLeft:after, +.icono-caretUp:after, +.icono-caretDown:after, +.icono-caretLeftCircle:after, +.icono-caretLeftSquare:after, +.icono-caretUpCircle:after, +.icono-caretUpSquare:after, +.icono-caretDownCircle:after, +.icono-caretDownSquare:after { + top: 0; + -webkit-transform: rotate(-45deg); + -moz-transform: rotate(-45deg); + -ms-transform: rotate(-45deg); + -o-transform: rotate(-45deg); + transform: rotate(-45deg); +} +.icono-caretLeft, +.icono-caretLeftCircle, +.icono-caretLeftSquare { + -webkit-transform: rotate(180deg); + -moz-transform: rotate(180deg); + -ms-transform: rotate(180deg); + -o-transform: rotate(180deg); + transform: rotate(180deg); +} +.icono-caretUp, +.icono-caretUpCircle, +.icono-caretUpSquare { + -webkit-transform: rotate(-90deg); + -moz-transform: rotate(-90deg); + -ms-transform: rotate(-90deg); + -o-transform: rotate(-90deg); + transform: rotate(-90deg); +} +.icono-caretDown, +.icono-caretDownCircle, +.icono-caretDownSquare { + -webkit-transform: rotate(90deg); + -moz-transform: rotate(90deg); + -ms-transform: rotate(90deg); + -o-transform: rotate(90deg); + transform: rotate(90deg); +} +[class*="icono-caret"][class*="Circle"]:before, +[class*="icono-caret"][class*="Square"]:before, +[class*="icono-caret"][class*="Circle"]:after, +[class*="icono-caret"][class*="Square"]:after { + width: 11px; + right: 8px; +} +.icono-rightArrow, +.icono-leftArrow, +.icono-upArrow, +.icono-downArrow { + width: 16px; + height: 4px; + margin: 15px 9px; + box-shadow: inset 0 0 0 2px; + -webkit-transform: translateX(-3px); + -moz-transform: translateX(-3px); + -ms-transform: translateX(-3px); + -o-transform: translateX(-3px); + transform: translateX(-3px); +} +.icono-rightArrow:before, +.icono-leftArrow:before, +.icono-upArrow:before, +.icono-downArrow:before { + border-style: solid; + border-width: 8px 0 8px 8px; + border-color: transparent; + border-left-color: inherit; + left: 100%; + right: auto; +} +.icono-leftArrow { + -webkit-transform: translateX(3px) rotate(180deg); + -moz-transform: translateX(3px) rotate(180deg); + -ms-transform: translateX(3px) rotate(180deg); + -o-transform: translateX(3px) rotate(180deg); + transform: translateX(3px) rotate(180deg); +} +.icono-upArrow { + -webkit-transform: translateY(3px) rotate(-90deg); + -moz-transform: translateY(3px) rotate(-90deg); + -ms-transform: translateY(3px) rotate(-90deg); + -o-transform: translateY(3px) rotate(-90deg); + transform: translateY(3px) rotate(-90deg); +} +.icono-downArrow { + -webkit-transform: translateY(-3px) rotate(90deg); + -moz-transform: translateY(-3px) rotate(90deg); + -ms-transform: translateY(-3px) rotate(90deg); + -o-transform: translateY(-3px) rotate(90deg); + transform: translateY(-3px) rotate(90deg); +} +.icono-sun { + width: 22px; + height: 22px; + border: 2px solid; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: -15px 0 0 -9px, 15px 0 0 -9px, 0 -15px 0 -9px, 0 15px 0 -9px, 11px 11px 0 -9px, -11px -11px 0 -9px, 11px -11px 0 -9px, -11px 11px 0 -9px; + margin: 6px; +} +.icono-moon { + width: 22px; + height: 22px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + overflow: hidden; + margin: 6px; +} +.icono-moon:before { + position: absolute; + width: 20px; + height: 20px; + top: -2px; + left: 6px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: 0 0 0 32px; +} +.icono-cart { + width: 22px; + height: 0; + border-width: 14px 6px 0 2px; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + margin: 9px 3px 11px 9px; +} +.icono-cart:before { + position: absolute; + width: 4px; + height: 4px; + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + box-shadow: inset 0 0 0 32px, 13px 0, -4px -20px 0 1px; + top: 2px; + left: -3px; +} +.icono-sitemap { + width: 24px; + height: 2px; + box-shadow: 0 -5px; + margin: 21px 5px 11px; +} +.icono-sitemap:before { + width: 6px; + height: 6px; + -webkit-border-radius: 2px; + -moz-border-radius: 2px; + -o-border-radius: 2px; + border-radius: 2px; + box-shadow: inset 0 0 0 32px, 11px 0, -11px 0, 0 -14px 0 1px; +} +.icono-sitemap:after { + width: 2px; + height: 10px; + box-shadow: 0 -7px, 11px -5px, -11px -5px; +} +[class*="icono-"] { + display: inline-block; + vertical-align: middle; + position: relative; + font-style: normal; + color: #dddddd; + text-align: left; + text-indent: -9999px; + direction: ltr; +} +[class*="icono-"]:before, +[class*="icono-"]:after { + content: ''; + pointer-events: none; +} +[class*="icono-"][class*="Circle"] { + -webkit-border-radius: 50%; + -moz-border-radius: 50%; + -o-border-radius: 50%; + border-radius: 50%; + width: 30px; + height: 30px; + margin: 2px; +} +[class*="icono-"][class*="Square"] { + -webkit-border-radius: 4px; + -moz-border-radius: 4px; + -o-border-radius: 4px; + border-radius: 4px; + width: 30px; + height: 30px; + margin: 2px; +} +[class*="icono-"], +[class*="icono-"] * { + box-sizing: border-box; +} diff --git a/vendor/bower/icono/dist/icono.min.css b/vendor/bower/icono/dist/icono.min.css new file mode 100644 index 0000000..d7940cc --- /dev/null +++ b/vendor/bower/icono/dist/icono.min.css @@ -0,0 +1 @@ +.icono-areaChart,.icono-barChart,.icono-book,.icono-book:after,.icono-book:before,.icono-bookmarkEmpty,.icono-bookmarkEmpty:before,.icono-camera,.icono-chain:after,.icono-chain:before,.icono-clock,.icono-commentEmpty,.icono-creditCard,.icono-crop,.icono-crop:before,.icono-display,.icono-document,.icono-eye,.icono-file,.icono-flag:after,.icono-flag:before,.icono-folder,.icono-forbidden,.icono-frown,.icono-frown:after,.icono-headphone,.icono-heart,.icono-heart:after,.icono-heart:before,.icono-home,.icono-home:after,.icono-home:before,.icono-imac,.icono-imacBold,.icono-image,.icono-infinity:after,.icono-infinity:before,.icono-iphone,.icono-iphoneBold,.icono-keyboard,.icono-macbook:before,.icono-macbookBold:before,.icono-mail,.icono-mail:before,.icono-market,.icono-market:after,.icono-meh,.icono-meh:after,.icono-microphone,.icono-microphone:before,.icono-mouse,.icono-mouse:before,.icono-nexus,.icono-paperClip,.icono-paperClip:after,.icono-paperClip:before,.icono-piano,.icono-pin,.icono-pin:before,.icono-power,.icono-rename,.icono-ruler,.icono-search,.icono-signIn,.icono-signIn:before,.icono-signOut,.icono-signOut:before,.icono-smile,.icono-smile:after,.icono-stroke,.icono-sync,.icono-tag,.icono-tag:after,.icono-terminal,.icono-trash,.icono-user,.icono-user:before,.icono-video,.icono-volumeHigh:after,.icono-volumeHigh:before,.icono-volumeLow:before,.icono-volumeMedium:before,.icono-youtube,.icono-youtube:before,[class*=icono-][class*=Circle],[class*=icono-][class*=Square],[class*=icono-check][class*=Circle]{border:2px solid}.icono-chain:after,.icono-chain:before,.icono-downArrow:before,.icono-dropper:before,.icono-flickr:after,.icono-flickr:before,.icono-indent:before,.icono-leftArrow:before,.icono-list:before,.icono-outdent:before,.icono-paperClip:before,.icono-rename:before,.icono-rightArrow:before,.icono-upArrow:before,.icono-video:before,.icono-volumeDecrease:after,.icono-volumeDecrease:before,.icono-volumeHigh:after,.icono-volumeHigh:before,.icono-volumeIncrease:after,.icono-volumeIncrease:before,.icono-volumeLow:before,.icono-volumeMedium:before,.icono-volumeMute:after,.icono-volumeMute:before,.stickCenterV{position:absolute;top:50%;-webkit-transform:translateY(-50%);-moz-transform:translateY(-50%);-ms-transform:translateY(-50%);-o-transform:translateY(-50%);transform:translateY(-50%)}.icono-cup:after,.icono-display:after,.icono-display:before,.icono-imac:after,.icono-imacBold:after,.icono-imacBold:before,.icono-iphone:after,.icono-iphone:before,.icono-macbook:before,.icono-macbookBold:before,.icono-market:after,.icono-microphone:after,.icono-microphone:before,.icono-mouse:after,.icono-mouse:before,.icono-search:before,.icono-sitemap:after,.icono-sitemap:before,.icono-tag:after,.icono-trash:before,.icono-user:before,.stickCenterH,[class*=icono-exclamation]:after,[class*=icono-textAlign].icono-textAlignCenter:after,[class*=icono-textAlign].icono-textAlignCenter:before{position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%)}.icono-camera:before,.icono-clock:after,.icono-clock:before,.icono-document:after,.icono-eye:before,.icono-forbidden:before,.icono-gear:before,.icono-gplus:after,.icono-instagram:before,.icono-keyboard:before,.icono-pin:before,.icono-video:after,.icono-youtube:after,.stickCenter,[class*=icono-check]:before,[class*=icono-cross]:after,[class*=icono-cross]:before,[class*=icono-plus]:after,[class*=icono-plus]:before{position:absolute;left:50%;top:50%;-webkit-transform:translate(-50%,-50%);-moz-transform:translate(-50%,-50%);-ms-transform:translate(-50%,-50%);-o-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.spin[class*=spin]{-webkit-animation:loading-spinner 2s infinite linear;-moz-animation:loading-spinner 2s infinite linear;-o-animation:loading-spinner 2s infinite linear;animation:loading-spinner 2s infinite linear}@-webkit-keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-moz-keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@-o-keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}@keyframes loading-spinner{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);-o-transform:rotate(0deg);transform:rotate(0deg)}100%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);-o-transform:rotate(360deg);transform:rotate(360deg)}}.icono-icono{width:13px;height:4px;box-shadow:inset 0 0 0 32px,0 16px,17px -18px;transform:skew(0,30deg);margin:11px 19px 19px 2px}.icono-icono:before{position:absolute;width:13px;height:4px;box-shadow:inset 0 0 0 32px,0 16px,-17px -17px;right:-17px;top:-10px;transform:skew(0,-48deg)}.icono-icono:after{position:absolute;width:22px;height:15px;left:0;top:-5px;border:4px solid;border-top-color:transparent;border-bottom:none;transform:skew(0,-30deg) scaleY(0.6)}.icono-home{width:22px;height:16px;border-top:none;margin:15px 6px 3px}.icono-home:before{width:18px;height:18px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);position:absolute;left:-2px;top:-7px;border-right-color:transparent;border-bottom-color:transparent}.icono-home:after{width:6px;height:10px;bottom:0;position:absolute;left:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-width:1px;border-bottom:none}.icono-mail{width:28px;height:18px;overflow:hidden;margin:8px 3px}.icono-mail:before{position:absolute;width:24.62px;height:24.62px;-webkit-transform:rotate(50deg) skew(-10deg,-20deg);-moz-transform:rotate(50deg) skew(-10deg,-20deg);-ms-transform:rotate(50deg) skew(-10deg,-20deg);-o-transform:rotate(50deg) skew(-10deg,-20deg);transform:rotate(50deg) skew(-10deg,-20deg);top:-20px;left:-3px}.icono-rss{width:22px;height:22px;overflow:hidden;margin:6px}.icono-rss:after,.icono-rss:before{position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-rss:before{width:6px;height:6px;box-shadow:0 0 32px inset;left:0;bottom:0}.icono-rss:after{width:27px;height:27px;right:15%;top:15%;border:4px solid transparent;box-shadow:inset 0 0 0 2px,0 0 0 2px}.icono-bars,.icono-hamburger{width:20px;height:2px;box-shadow:inset 0 0 0 32px,0 -6px,0 6px;margin:16px 7px}[class*=icono-cross],[class*=icono-plus]{width:30px;height:30px;margin:2px}[class*=icono-check]:before,[class*=icono-cross]:after,[class*=icono-cross]:before,[class*=icono-plus]:after,[class*=icono-plus]:before{box-shadow:inset 0 0 0 32px}[class*=icono-check]:before,[class*=icono-cross]:before,[class*=icono-plus]:before{width:20px;height:2px}[class*=icono-cross]:after,[class*=icono-plus]:after{height:20px;width:2px}[class*=icono-cross][class*=Circle]:before,[class*=icono-plus][class*=Circle]:before{width:18px}[class*=icono-cross][class*=Circle]:after,[class*=icono-plus][class*=Circle]:after{height:18px}.icono-cross,.icono-crossCircle{-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}[class*=icono-check]{width:28px;height:28px;margin:3px 0 3px 6px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}[class*=icono-check]:after,[class*=icono-check]:before{box-shadow:inset 0 0 0 32px}[class*=icono-check]:after{position:absolute;height:12px;width:2px;left:4px;bottom:14px}[class*=icono-check][class*=Circle]{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:30px;height:30px;margin:2px}[class*=icono-check][class*=Circle]:before{width:14px;top:15px;left:14px}[class*=icono-check][class*=Circle]:after{height:8px;left:7px;bottom:10px}.icono-power{width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-top-color:transparent;margin:6px}.icono-power:before{position:absolute;top:-15%;left:8px;width:2px;height:60%;box-shadow:inset 0 0 0 32px}.icono-heart{width:20px;height:20px;border-top-color:transparent;border-left-color:transparent;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-border-radius:4px 0;-moz-border-radius:4px 0;-o-border-radius:4px 0;border-radius:4px 0;margin:9px 7px 5px}.icono-heart:after,.icono-heart:before{position:absolute}.icono-heart:before{width:8px;height:14px;left:-10px;bottom:-2px;-webkit-border-radius:20px 0 0 20px;-moz-border-radius:20px 0 0 20px;-o-border-radius:20px 0 0 20px;border-radius:20px 0 0 20px;border-right-color:transparent}.icono-heart:after{width:14px;height:8px;right:-2px;top:-10px;-webkit-border-radius:20px 20px 0 0;-moz-border-radius:20px 20px 0 0;-o-border-radius:20px 20px 0 0;border-radius:20px 20px 0 0;border-bottom-color:transparent}.icono-infinity{width:32px;height:16px;margin:9px 1px}.icono-infinity:after,.icono-infinity:before{width:10px;height:10px;position:absolute;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.icono-infinity:before{left:0;-webkit-border-radius:32px 0 32px 32px;-moz-border-radius:32px 0 32px 32px;-o-border-radius:32px 0 32px 32px;border-radius:32px 0 32px 32px}.icono-infinity:after{right:1px;-webkit-border-radius:32px 32px 32px 0;-moz-border-radius:32px 32px 32px 0;-o-border-radius:32px 32px 32px 0;border-radius:32px 32px 32px 0}.icono-flag{width:22px;height:25px;border-left:3px solid;margin:5px 6px 4px}.icono-flag:after,.icono-flag:before{position:absolute;width:9px;height:8px}.icono-flag:before{left:-2px;top:1px;-webkit-border-radius:0 2px 0 0;-moz-border-radius:0 2px 0 0;-o-border-radius:0 2px 0 0;border-radius:0 2px 0 0;border-right-width:3px}.icono-flag:after{width:5px;left:9px;top:4px;border-left-width:3px;-webkit-border-radius:2px 2px 0;-moz-border-radius:2px 2px 0;-o-border-radius:2px 2px 0;border-radius:2px 2px 0}.icono-file{width:26px;height:32px;-webkit-border-radius:0 12px 0 0;-moz-border-radius:0 12px 0 0;-o-border-radius:0 12px 0 0;border-radius:0 12px 0 0;margin:1px 4px}.icono-file:before{position:absolute;top:-2px;right:-2px;border-style:solid;width:0;height:0;border-width:5px;border-top-color:transparent;border-right-color:transparent}.icono-document{width:26px;height:32px;-webkit-border-radius:0 0 0 10px;-moz-border-radius:0 0 0 10px;-o-border-radius:0 0 0 10px;border-radius:0 0 0 10px;margin:1px 4px}.icono-document:before{position:absolute;width:0;height:0;left:-3px;bottom:-3px;border-width:5px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent}.icono-document:after{width:13px;height:2px;box-shadow:inset 0 0 0 32px,0 -5px 0 0,0 5px 0 0}.icono-folder{width:18px;height:22px;border-left-width:0;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:8px 2px 4px 14px}.icono-folder:before{position:absolute;width:12px;height:20px;left:-12px;bottom:-2px;border-width:0 0 2px 2px;border-style:solid;-webkit-border-radius:0 0 0 3px;-moz-border-radius:0 0 0 3px;-o-border-radius:0 0 0 3px;border-radius:0 0 0 3px}.icono-folder:after{position:absolute;width:10px;height:5px;left:-12px;top:-7px;border-width:2px 2px 0;border-style:solid;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.icono-pin{width:26px;height:26px;-webkit-border-radius:50% 50% 50% 0;-moz-border-radius:50% 50% 50% 0;-o-border-radius:50% 50% 50% 0;border-radius:50% 50% 50% 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:1px 4px 7px}.icono-pin:before{position:absolute;width:6px;height:6px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-frown,.icono-meh,.icono-smile{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;height:30px;width:30px;margin:2px}.icono-frown:before,.icono-meh:before,.icono-smile:before{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:8px 0 0 0,0 0 0 2px inset;height:4px;width:4px;left:7px;position:absolute;top:27%}.icono-frown:after,.icono-meh:after,.icono-smile:after{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);border-top-color:transparent;border-left-color:transparent;border-right-color:transparent;height:16px;left:50%;position:absolute;top:6%;width:16px}.icono-eye{-webkit-border-radius:80% 20%;-moz-border-radius:80% 20%;-o-border-radius:80% 20%;border-radius:80% 20%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);border-width:2px 1px 1px 2px;height:28px;width:28px;margin:3px}.icono-eye:before{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:0 -3px 0 3px inset;height:11px;width:11px}.icono-sliders{height:30px;width:30px;margin:2px}.icono-sliders:after,.icono-sliders:before{-webkit-transform:translateX(-50%);-moz-transform:translateX(-50%);-ms-transform:translateX(-50%);-o-transform:translateX(-50%);transform:translateX(-50%);left:50%;position:absolute}.icono-sliders:before{width:8px;height:7px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;top:67%;box-shadow:inset 0 0 0 32px,10px -10px,-10px -14px}.icono-sliders:after{position:absolute;width:2px;height:100%;box-shadow:inset 0 0 0 32px,10px 0,-10px 0}.icono-share{height:9px;width:9px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:inset 0 0 0 32px,22px -11px 0 0,22px 11px 0 0;margin:12px 24px 13px 1px}.icono-share:after,.icono-share:before{position:absolute;width:24px;height:2px;box-shadow:inset 0 0 0 32px;left:0}.icono-share:before{top:-2px;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg)}.icono-share:after{top:9px;-webkit-transform:rotate(25deg);-moz-transform:rotate(25deg);-ms-transform:rotate(25deg);-o-transform:rotate(25deg);transform:rotate(25deg)}.icono-sync{width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-right-color:transparent;border-left-color:transparent;margin:4px}.icono-sync:after,.icono-sync:before{position:absolute;width:0;height:0;border-width:6px;border-style:solid;border-right-color:transparent;border-bottom-color:transparent;border-left-color:transparent}.icono-sync:before{-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);right:-7px;top:0}.icono-sync:after{-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);left:-7px;bottom:0}.icono-reset{width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-width:2px;border-style:solid;border-left-color:transparent;margin:4px}.icono-reset:before{position:absolute;width:0;height:0;left:-7px;bottom:0;border-width:6px;border-style:solid;border-right-color:transparent;border-left-color:transparent;border-bottom-color:transparent;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg)}.icono-gear{width:32px;height:32px;border:3px dotted;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:1px}.icono-gear:before{width:22px;height:22px;box-shadow:0 0 0 3px,0 0 0 2px inset;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border:6px solid transparent;box-sizing:border-box}.icono-signIn{width:18px;height:32px;border-left:none;-webkit-border-radius:0 3px 3px 0;-moz-border-radius:0 3px 3px 0;-o-border-radius:0 3px 3px 0;border-radius:0 3px 3px 0;margin:1px 8px}.icono-signIn:before{position:absolute;width:11px;height:11px;left:-10px;top:7px;border-bottom:none;border-left:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;-o-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.icono-signOut{width:18px;height:32px;border-right:none;-webkit-border-radius:3px 0 0 3px;-moz-border-radius:3px 0 0 3px;-o-border-radius:3px 0 0 3px;border-radius:3px 0 0 3px;margin:1px 8px}.icono-signOut:before{position:absolute;width:11px;height:11px;right:-2px;top:7px;border-bottom:none;border-left:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-border-radius:0 4px 0 0;-moz-border-radius:0 4px 0 0;-o-border-radius:0 4px 0 0;border-radius:0 4px 0 0}.icono-support{width:26px;height:26px;border:5px solid transparent;box-shadow:0 0 0 2px inset,0 0 0 2px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:4px}.icono-support:before{position:absolute;width:7px;height:7px;top:-3px;left:-3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);box-shadow:inset 0 0 0 32px,21px 0 0 0}.icono-support:after{position:absolute;width:7px;height:7px;top:-3px;right:-3px;-webkit-transform:rotate(135deg);-moz-transform:rotate(135deg);-ms-transform:rotate(135deg);-o-transform:rotate(135deg);transform:rotate(135deg);box-shadow:inset 0 0 0 32px,21px 0 0 0}.icono-dropper{width:40px;height:14px;border-width:3px;border-style:solid;border-right:none;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;box-shadow:-9px 0 0 2px inset,0 0 0 2px inset;-webkit-border-radius:50% 6px 6px 50%;-moz-border-radius:50% 6px 6px 50%;-o-border-radius:50% 6px 6px 50%;border-radius:50% 6px 6px 50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:12px -2px 8px -4px}.icono-dropper:before{width:4px;height:14px;right:10px;box-shadow:inset 0 0 0 32px}.icono-tiles{width:4px;height:4px;box-shadow:0 -8px 0,-8px -8px 0,8px -8px 0,0 0 0 32px inset,-8px 0 0,8px 0 0,0 8px 0,-8px 8px 0,8px 8px 0;margin:15px}.icono-list{width:4px;height:4px;box-shadow:inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0;margin:15px 26px 15px 4px}.icono-list:before{width:18px;height:4px;left:8px;box-shadow:inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0}.icono-chain{width:16px;height:2px;box-shadow:inset 0 0 0 32px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:16px 9px}.icono-chain:after,.icono-chain:before{width:12px;height:8px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px}.icono-chain:before{right:-10px}.icono-chain:after{left:-10px}.icono-youtube{border-right-color:transparent;border-left-color:transparent;-webkit-border-radius:10px;-moz-border-radius:10px;-o-border-radius:10px;border-radius:10px;width:32px;height:22.29px;margin:6px 1px}.icono-youtube:before{position:absolute;top:0;right:0;bottom:0;left:0;border-top-color:transparent;border-bottom-color:transparent;-webkit-border-radius:6px/3px;-moz-border-radius:6px/3px;-o-border-radius:6px/3px;border-radius:6px/3px}.icono-youtube:after{width:0;height:0;border-width:4px 0 4px 8px;border-style:solid;border-top-color:transparent;border-bottom-color:transparent}.icono-rename{width:26px;height:10px;border-color:transparent;border-width:3px;box-shadow:0 0 0 1px,11px 0 0 0 inset;margin:12px 4px}.icono-rename:before{width:1px;height:18px;left:9px;border-width:2px 4px;border-style:solid;border-right-color:transparent;border-left-color:transparent;box-shadow:0 0 0 1px inset}.icono-search{width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin:4px 4px 8px 8px}.icono-search:before{width:4px;height:11px;box-shadow:inset 0 0 0 32px;top:19px;-webkit-border-radius:0 0 1px 1px;-moz-border-radius:0 0 1px 1px;-o-border-radius:0 0 1px 1px;border-radius:0 0 1px 1px}.icono-book{width:26px;height:22px;-webkit-border-radius:0 0 0 6px;-moz-border-radius:0 0 0 6px;-o-border-radius:0 0 0 6px;border-radius:0 0 0 6px;border-top:none;margin:10px 4px 2px}.icono-book:before{position:absolute;width:24px;height:7px;box-sizing:border-box;border-top:none;border-right:none;left:-2px;top:-5px;-webkit-border-radius:0 0 0 6px;-moz-border-radius:0 0 0 6px;-o-border-radius:0 0 0 6px;border-radius:0 0 0 6px}.icono-book:after{position:absolute;width:24px;height:8px;box-sizing:border-box;left:-2px;top:-8px;border-bottom:none;-webkit-border-radius:6px 0 0;-moz-border-radius:6px 0 0;-o-border-radius:6px 0 0;border-radius:6px 0 0}.icono-forbidden{width:28px;height:28px;border-width:3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:3px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.icono-forbidden:before{width:24px;height:4px;box-shadow:inset 0 0 0 32px}.icono-trash{width:22px;height:22px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;border-top:none;margin:9px 6px 3px}.icono-trash:before{width:8px;height:2px;top:-6px;box-shadow:inset 0 0 0 32px,-10px 2px 0 0,-6px 2px 0 0,0 2px 0 0,6px 2px 0 0,10px 2px 0 0}.icono-keyboard{width:32px;height:22px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:6px 1px}.icono-keyboard:before{width:2px;height:2px;box-shadow:-2px -4px 0,-6px -4px 0,-10px -4px 0,2px -4px 0,6px -4px 0,8px -4px 0,10px -4px 0,-4px 0 0,-8px 0 0,-10px 0 0,inset 0 0 0 32px,4px 0 0,8px 0 0,10px 0 0,4px 4px 0,2px 4px 0,0 4px 0,-2px 4px 0,-6px 4px 0,-10px 4px 0,6px 4px 0,10px 4px 0}.icono-mouse{width:23px;height:32px;-webkit-border-radius:11px 11px 12px 12px;-moz-border-radius:11px 11px 12px 12px;-o-border-radius:11px 11px 12px 12px;border-radius:11px 11px 12px 12px;margin:1px 5px 1px 6px}.icono-mouse:before{width:1px;height:6px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;border-color:transparent;border-width:1px;top:5px;box-shadow:0 0 0 1px,0 0 0 2px inset}.icono-mouse:after{width:1px;height:4px;top:0;box-shadow:inset 0 0 0 32px,0 13px 0 0}.icono-user{width:32px;height:14px;-webkit-border-radius:64px 64px 0 0/64px;-moz-border-radius:64px 64px 0 0/64px;-o-border-radius:64px 64px 0 0/64px;border-radius:64px 64px 0 0/64px;margin:18px 1px 2px}.icono-user:before{width:12px;height:12px;top:-20px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-crop{width:21px;height:21px;border-left:none;border-bottom:none;margin:9px 9px 4px 4px}.icono-crop:before{position:absolute;width:21px;height:21px;top:-7px;right:-7px;border-top:none;border-right:none;box-sizing:border-box}.icono-crop:after{position:absolute;width:27px;height:1px;left:2px;top:3px;box-shadow:inset 0 0 0 32px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.icono-display{width:26px;height:22px;margin:4px 4px 8px}.icono-display:before{width:4px;height:3px;bottom:-5px;box-shadow:inset 0 0 0 32px}.icono-display:after{width:14px;height:2px;bottom:-6px;box-shadow:inset 0 0 0 32px}.icono-imac{width:28px;height:24px;border-width:2px 2px 6px;border-color:transparent;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;box-shadow:0 0 0 1px,0 0 0 1px inset;margin:3px 3px 7px}.icono-imac:before{position:absolute;height:4px;right:-3px;left:-3px;bottom:-6px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px}.icono-imac:after{width:9px;height:7px;box-shadow:inset 0 0 0 32px;bottom:-12px;-webkit-border-radius:32px 32px 0 0/64px;-moz-border-radius:32px 32px 0 0/64px;-o-border-radius:32px 32px 0 0/64px;border-radius:32px 32px 0 0/64px}.icono-imacBold{width:28px;height:22px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:4px 3px 8px}.icono-imacBold:before{width:9px;height:7px;box-shadow:inset 0 0 0 32px;bottom:-6px;-webkit-border-radius:32px 32px 0 0/64px;-moz-border-radius:32px 32px 0 0/64px;-o-border-radius:32px 32px 0 0/64px;border-radius:32px 32px 0 0/64px}.icono-imacBold:after{width:24px;height:3px;box-shadow:inset 0 0 0 32px;bottom:0}.icono-iphone{width:19px;height:31px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;border-width:5px 1px;border-color:transparent;box-shadow:0 0 0 1px,0 0 0 1px inset;margin:2px 8px 1px 7px}.icono-iphone:after,.icono-iphone:before{box-shadow:inset 0 0 0 32px}.icono-iphone:before{width:3px;height:1px;top:-3px}.icono-iphone:after{width:3px;height:3px;bottom:-4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-iphoneBold{width:20px;height:32px;margin:1px 7px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;border-width:5px 2px}.icono-macbook{width:32px;height:2px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:0 0 32px 32px/3px;-moz-border-radius:0 0 32px 32px/3px;-o-border-radius:0 0 32px 32px/3px;border-radius:0 0 32px 32px/3px;margin:25px 1px 7px}.icono-macbook:before{width:20px;height:14px;bottom:2px;border-width:3px 1px 1px;border-color:transparent;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;box-shadow:0 0 0 1px,0 0 0 1px inset}.icono-macbookBold{width:32px;height:2px;box-shadow:inset 0 0 0 32px;margin:25px 1px 7px}.icono-macbookBold:before{width:20px;height:14px;bottom:2px;border-width:3px 2px 1px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0}.icono-image{width:30px;height:26px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;overflow:hidden;margin:4px 2px}.icono-image:before{position:absolute;width:20px;height:20px;left:-2px;top:14px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);box-shadow:inset 0 0 0 32px,10px -6px 0 0}.icono-image:after{position:absolute;width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:inset 0 0 0 32px;top:5px;right:5px}.icono-headphone{width:30px;height:27px;border-bottom-color:transparent;-webkit-border-radius:32px/32px 32px 16px 16px;-moz-border-radius:32px/32px 32px 16px 16px;-o-border-radius:32px/32px 32px 16px 16px;border-radius:32px/32px 32px 16px 16px;margin:2px 2px 5px}.icono-headphone:before{position:absolute;width:4px;height:12px;left:1px;bottom:-4px;-webkit-border-radius:5px;-moz-border-radius:5px;-o-border-radius:5px;border-radius:5px;box-shadow:inset 0 0 0 32px,20px 0 0 0}.icono-music{width:18px;height:6px;-webkit-transform:skewY(-15deg);-moz-transform:skewY(-15deg);-ms-transform:skewY(-15deg);-o-transform:skewY(-15deg);transform:skewY(-15deg);box-shadow:inset 0 0 0 32px;-webkit-border-radius:2px 2px 0 0;-moz-border-radius:2px 2px 0 0;-o-border-radius:2px 2px 0 0;border-radius:2px 2px 0 0;margin:4px 5px 24px 11px}.icono-music:before{position:absolute;width:2px;height:16px;left:0;top:4px;box-shadow:inset 0 0 0 32px,16px 0 0 0}.icono-music:after{position:absolute;width:10px;height:8px;left:-8px;top:17px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:inset 0 0 0 32px,16px 0 0 0}.icono-video{width:20px;height:20px;margin:7px}.icono-video:before{width:3px;height:3px;left:-8px;box-shadow:inset 0 0 0 32px,0 -8px 0 0,0 8px 0 0,29px 0 0 0,29px -8px 0 0,29px 8px 0 0}.icono-video:after{width:0;height:0;border-width:4px 0 4px 6px;border-style:solid;border-top-color:transparent;border-bottom-color:transparent}.icono-nexus{width:21px;height:32px;border-width:3px 1px;-webkit-border-radius:16px/3px;-moz-border-radius:16px/3px;-o-border-radius:16px/3px;border-radius:16px/3px;margin:1px 7px 1px 6px}.icono-microphone{width:22px;height:15px;border-width:0 2px 2px;-webkit-border-radius:20px/0 0 20px 20px;-moz-border-radius:20px/0 0 20px 20px;-o-border-radius:20px/0 0 20px 20px;border-radius:20px/0 0 20px 20px;margin:12px 6px 7px}.icono-microphone:before{width:10px;height:18px;top:-11px;-webkit-border-radius:20px;-moz-border-radius:20px;-o-border-radius:20px;border-radius:20px}.icono-microphone:after{width:2px;height:2px;bottom:-4px;box-shadow:inset 0 0 0 32px,0 2px,0 4px,-2px 4px,-4px 4px,-6px 4px,2px 4px,4px 4px,6px 4px}.icono-asterisk,.icono-asterisk:after,.icono-asterisk:before{width:4px;height:20px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px;margin:7px 15px}.icono-asterisk:after,.icono-asterisk:before{position:absolute;margin:0;left:0;top:0}.icono-asterisk:before{-webkit-transform:rotate(-58deg);-moz-transform:rotate(-58deg);-ms-transform:rotate(-58deg);-o-transform:rotate(-58deg);transform:rotate(-58deg)}.icono-asterisk:after{-webkit-transform:rotate(58deg);-moz-transform:rotate(58deg);-ms-transform:rotate(58deg);-o-transform:rotate(58deg);transform:rotate(58deg)}.icono-terminal{width:28px;height:24px;margin:5px 3px}.icono-terminal:before{width:5px;height:5px;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);left:3px;border-width:2px 2px 0 0;border-style:solid}.icono-terminal:after{position:absolute;width:5px;height:0;border-bottom:2px solid;right:6px;bottom:4px}.icono-paperClip{width:24px;height:18px;border-left:none;-webkit-border-radius:0 16px 16px 0;-moz-border-radius:0 16px 16px 0;-o-border-radius:0 16px 16px 0;border-radius:0 16px 16px 0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:5px 0 11px 10px}.icono-paperClip:before{width:18px;height:6px;right:2px;-webkit-border-radius:0 16px 16px 0;-moz-border-radius:0 16px 16px 0;-o-border-radius:0 16px 16px 0;border-radius:0 16px 16px 0;border-left:none}.icono-paperClip:after{position:absolute;width:12px;height:10px;left:-12px;top:-2px;border-right:none;-webkit-border-radius:16px 0 0 16px;-moz-border-radius:16px 0 0 16px;-o-border-radius:16px 0 0 16px;border-radius:16px 0 0 16px}.icono-market{width:32px;height:12px;border-top:none;margin:19px 1px 3px}.icono-market:before{width:6px;height:13px;position:absolute;top:-15px;left:-5px;-webkit-border-radius:0 0 10px 10px;-moz-border-radius:0 0 10px 10px;-o-border-radius:0 0 10px 10px;border-radius:0 0 10px 10px;border-left:none;box-shadow:inset 0 0 0 32px,8px 0 0,16px 0 0,24px 0 0,32px 0 0}.icono-market:after{width:6px;height:6px;bottom:-2px}.icono-clock{width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:4px}.icono-clock:after,.icono-clock:before{top:35%;box-shadow:inset 0 0 0 32px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px}.icono-clock:before{width:2px;height:9px}.icono-clock:after{width:6px;height:2px;transform-origin:left center;-webkit-transform:rotate(45deg) translate(1px,2px);-moz-transform:rotate(45deg) translate(1px,2px);-ms-transform:rotate(45deg) translate(1px,2px);-o-transform:rotate(45deg) translate(1px,2px);transform:rotate(45deg) translate(1px,2px)}[class*=icono-textAlign]{width:28px;height:22px;margin:6px 3px}[class*=icono-textAlign]:after,[class*=icono-textAlign]:before{position:absolute;height:2px;box-shadow:inset 0 0 0 32px,0 8px 0 0,0 16px 0 0;right:0}[class*=icono-textAlign]:before{width:28px;top:0}[class*=icono-textAlign]:after{width:18px;top:4px}[class*=icono-textAlign].icono-textAlignLeft:after,[class*=icono-textAlign].icono-textAlignLeft:before{left:0}[class*=icono-exclamation]{overflow:visible;width:30px;border-bottom:2px solid;-webkit-border-radius:0 0 4px 4px;-moz-border-radius:0 0 4px 4px;-o-border-radius:0 0 4px 4px;border-radius:0 0 4px 4px;margin:26px 2px 6px}[class*=icono-exclamation]:before{position:absolute;width:26px;height:26px;left:1px;top:-14px;border-width:2px 0 0 2px;border-style:solid;-webkit-border-radius:4px 0;-moz-border-radius:4px 0;-o-border-radius:4px 0;border-radius:4px 0;-webkit-transform:rotate(45deg) skew(12deg,12deg);-moz-transform:rotate(45deg) skew(12deg,12deg);-ms-transform:rotate(45deg) skew(12deg,12deg);-o-transform:rotate(45deg) skew(12deg,12deg);transform:rotate(45deg) skew(12deg,12deg)}[class*=icono-exclamation]:after{width:4px;height:3px;top:-14px;box-shadow:inset 0 0 0 32px,0 3px,0 8px}[class*=icono-exclamation][class*=Circle]{margin:2px}[class*=icono-exclamation][class*=Circle]:before{display:none}[class*=icono-exclamation][class*=Circle]:after{box-shadow:inset 0 0 0 32px,0 3px,0 5px,0 10px;top:6px}.icono-frown:after{-webkit-transform:translateX(-50%) rotate(180deg);-moz-transform:translateX(-50%) rotate(180deg);-ms-transform:translateX(-50%) rotate(180deg);-o-transform:translateX(-50%) rotate(180deg);transform:translateX(-50%) rotate(180deg);transform-origin:center 85%}.icono-meh:after{top:0;width:12px;border-left-width:0;border-right-width:0;-webkit-border-radius:0;-moz-border-radius:0;-o-border-radius:0;border-radius:0}.icono-indent,.icono-outdent{width:20px;height:16px;border-width:4px 0 4px 8px;border-style:solid;border-color:transparent;box-shadow:0 -2px,0 2px,inset 0 2px,inset 0 -2px;margin:9px 7px}.icono-indent:before,.icono-outdent:before{left:-8px;border:5px solid;border-top-color:transparent;border-bottom-color:transparent;border-right-width:0}.icono-outdent:before{border-left-width:0;border-right-width:5px}.icono-locationArrow{width:32px;height:32px;margin:1px}.icono-locationArrow:before{position:absolute;left:7px;top:16px;border-width:6px 0 6px 6px;border-style:solid;border-left-color:transparent;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.icono-locationArrow:after{position:absolute;top:10px;left:2px;border-width:10px;border-style:solid;border-bottom-color:transparent;border-left-color:transparent;-webkit-transform:skew(-30deg,-30deg);-moz-transform:skew(-30deg,-30deg);-ms-transform:skew(-30deg,-30deg);-o-transform:skew(-30deg,-30deg);transform:skew(-30deg,-30deg)}.icono-commentEmpty{width:30px;height:22px;-webkit-border-radius:4px 4px 7px 7px;-moz-border-radius:4px 4px 7px 7px;-o-border-radius:4px 4px 7px 7px;border-radius:4px 4px 7px 7px;border-bottom-color:transparent;margin:5px 2px 7px}.icono-commentEmpty:before{position:absolute;width:6px;height:6px;border-width:0 0 2px 2px;border-style:solid;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);bottom:-4px;left:6px}.icono-commentEmpty:after{position:absolute;width:8px;height:2px;border-width:0 12px 0 6px;border-style:solid;bottom:0;left:0}.icono-comment{width:30px;height:20px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:5px 2px 9px}.icono-comment:before{position:absolute;width:8px;height:8px;box-shadow:inset 0 0 0 32px;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);bottom:-4px;left:6px}.icono-areaChart,.icono-barChart{width:30px;height:22px;border-top-width:0;border-right-width:0;border-color:transparent;box-shadow:-2px 2px;overflow:hidden;margin:4px 0 8px 4px}.icono-areaChart:before{position:absolute;left:0;bottom:7px;border:6px solid transparent;border-bottom-color:currentColor;box-shadow:0 7px}.icono-areaChart:after{position:absolute;left:11px;bottom:4px;border-width:0 6px 13px;border-style:solid;border-color:transparent transparent currentColor;box-shadow:0 4px}.icono-barChart{border-color:transparent;box-shadow:-2px 2px;margin:4px 0 8px 4px}.icono-barChart:before{position:absolute;left:0;bottom:0;width:4px;height:15px;box-shadow:inset 0 -8px 0 0,6px 0,12px 7px,18px 5px}.icono-pieChart{width:0;height:0;border:15px solid;border-right-color:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg);margin:2px}.icono-pieChart:before{position:absolute;width:0;height:0;left:-11px;top:-14px;border:14px solid;border-left-color:transparent;border-bottom-color:transparent;border-top-color:transparent;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-bookmark{width:0;height:0;border:9px solid;border-bottom-color:transparent;box-shadow:0 -4px;-webkit-border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-o-border-radius:3px 3px 0 0;border-radius:3px 3px 0 0;margin:10px 8px 6px}.icono-bookmarkEmpty{width:18px;height:22px;border-bottom:none;-webkit-border-radius:3px 3px 2px 2px;-moz-border-radius:3px 3px 2px 2px;-o-border-radius:3px 3px 2px 2px;border-radius:3px 3px 2px 2px;overflow:hidden;margin:6px 8px}.icono-bookmarkEmpty:before{position:absolute;width:12px;height:12px;bottom:0;left:0;border-right:none;border-bottom:none;-webkit-transform:rotate(45deg) translate(35%,35%);-moz-transform:rotate(45deg) translate(35%,35%);-ms-transform:rotate(45deg) translate(35%,35%);-o-transform:rotate(45deg) translate(35%,35%);transform:rotate(45deg) translate(35%,35%)}.icono-filter{width:0;height:0;border:10px solid;border-bottom:none;border-left-color:transparent;border-right-color:transparent;padding:3px;box-shadow:inset 0 7px;margin:9px 4px}.icono-volume,.icono-volumeDecrease,.icono-volumeHigh,.icono-volumeIncrease,.icono-volumeLow,.icono-volumeMedium,.icono-volumeMute{width:0;height:0;border:7px solid;border-left:none;border-top-color:transparent;border-bottom-color:transparent;padding:6px 3px;box-shadow:inset 4px 0;margin:4px 10px 4px 11px}.icono-volumeHigh,.icono-volumeLow,.icono-volumeMedium{margin:4px 14px 4px 7px}.icono-volumeHigh:after,.icono-volumeHigh:before,.icono-volumeLow:before,.icono-volumeMedium:before{width:15px;height:15px;position:absolute;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;border-top-color:transparent;border-bottom-color:transparent;border-left-color:transparent;left:2px}.icono-volumeHigh,.icono-volumeMedium{margin:4px 16px 4px 5px}.icono-volumeHigh:before,.icono-volumeMedium:before{border-style:double;border-width:6px;left:-2px}.icono-volumeHigh{margin:4px 18px 4px 3px}.icono-volumeHigh:after{width:32px;height:32px;left:-7px}.icono-volumeDecrease,.icono-volumeIncrease,.icono-volumeMute{margin:4px 16px 4px 5px}.icono-volumeDecrease:after,.icono-volumeDecrease:before,.icono-volumeIncrease:after,.icono-volumeIncrease:before,.icono-volumeMute:after,.icono-volumeMute:before{box-shadow:inset 0 0 0 32px}.icono-volumeDecrease:before,.icono-volumeIncrease:before,.icono-volumeMute:before{width:10px;height:2px;left:17px}.icono-volumeIncrease:after,.icono-volumeMute:after{height:10px;width:2px;left:21px}.icono-volumeMute:after,.icono-volumeMute:before{-webkit-transform:translateY(-50%) rotate(45deg);-moz-transform:translateY(-50%) rotate(45deg);-ms-transform:translateY(-50%) rotate(45deg);-o-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg)}.icono-tag{width:18px;height:24px;-webkit-border-radius:6px 6px 4px 4px;-moz-border-radius:6px 6px 4px 4px;-o-border-radius:6px 6px 4px 4px;border-radius:6px 6px 4px 4px;border-top:none;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);margin:5px 8px}.icono-tag:before{position:absolute;top:-4px;left:1px;width:10px;height:10px;border-width:2px 0 0 2px;border-style:solid;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg);-webkit-border-radius:5px 0 0;-moz-border-radius:5px 0 0;-o-border-radius:5px 0 0;border-radius:5px 0 0}.icono-tag:after{top:1px;width:3px;height:3px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-calendar{width:32px;height:28px;border-width:4px 2px 2px;border-style:solid;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:5px 1px 1px}.icono-calendar:before{position:absolute;width:4px;height:4px;top:3px;left:3px;box-shadow:inset 0 0 0 32px,6px 0,12px 0,18px 0,0 6px,6px 6px,12px 6px,18px 6px,0 12px,6px 12px,12px 12px,18px 12px}.icono-calendar:after{position:absolute;width:4px;height:8px;box-shadow:inset 0 0 0 32px,16px 0;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;top:-8px;left:4px}.icono-camera{width:32px;height:24px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:5px 1px}.icono-camera:before{width:10px;height:10px;border:1px solid transparent;box-shadow:inset 0 0 0 1px,0 0 0 2px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-camera:after{position:absolute;width:4px;height:2px;right:2px;top:2px;box-shadow:inset 0 0 0 32px}.icono-piano{width:28px;height:22px;margin:6px 3px}.icono-piano:before{position:absolute;left:4px;top:0;width:1px;height:100%;box-shadow:inset 0 0 0 32px,5px 0,10px 0,15px 0}.icono-piano:after{position:absolute;width:3px;height:12px;left:3px;top:0;box-shadow:inset 0 0 0 32px,5px 0,10px 0,15px 0}.icono-ruler{width:27px;height:12px;margin:11px 4px 11px 3px}.icono-ruler:before{position:absolute;width:1px;height:4px;box-shadow:inset 0 0 0 32px,6px 0,12px 0;left:5px;top:0}.icono-ruler:after{position:absolute;width:1px;height:2px;box-shadow:inset 0 0 0 32px,2px 0,6px 0,8px 0,12px 0,14px 0,18px 0,20px 0;left:1px;top:0}.icono-facebook{width:9px;height:26px;box-shadow:inset 2px 4px 0 0;border-left:3px solid;-webkit-border-radius:5px 0 0;-moz-border-radius:5px 0 0;-o-border-radius:5px 0 0;border-radius:5px 0 0;margin:4px 11px 4px 14px}.icono-facebook:before{position:absolute;top:9px;left:-6px;width:11px;height:0;border-top:4px solid;border-right:1px solid transparent}.icono-twitter{width:14px;height:23px;-webkit-border-radius:0 0 0 8px;-moz-border-radius:0 0 0 8px;-o-border-radius:0 0 0 8px;border-radius:0 0 0 8px;box-shadow:-6px 2px 0 0;margin:4px 7px 7px 13px}.icono-twitter:before{position:absolute;bottom:-2px;left:-6px;width:17px;height:6px;-webkit-border-radius:0 0 0 8px;-moz-border-radius:0 0 0 8px;-o-border-radius:0 0 0 8px;border-radius:0 0 0 8px;box-shadow:inset 4px -6px,0 -11px}.icono-twitter:after{position:absolute;width:6px;height:6px;box-shadow:inset 0 0 0 32px,13px 8px,13px 19px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;left:-6px}.icono-gplus{width:10px;height:2px;box-shadow:inset 0 0 0 32px;margin:14px 4px 18px 20px}.icono-gplus:before{position:absolute;top:-5px;right:10px;content:"g"!important;font-family:georgia;font-size:32px;text-indent:0;line-height:0}.icono-gplus:after{width:2px;height:10px;box-shadow:inset 0 0 0 32px}.icono-linkedIn{width:5px;height:16px;box-shadow:inset 0 0 0 32px,8px 0;margin:12px 24px 6px 5px}.icono-linkedIn:before{position:absolute;width:5px;height:5px;box-shadow:inset 0 0 0 32px;top:-7px;left:0;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-linkedIn:after{position:absolute;width:12px;height:16px;border-right:1px solid;left:11px;bottom:0;-webkit-border-radius:8px 5px 0 0/11px 5px 0 0;-moz-border-radius:8px 5px 0 0/11px 5px 0 0;-o-border-radius:8px 5px 0 0/11px 5px 0 0;border-radius:8px 5px 0 0/11px 5px 0 0;box-shadow:inset -4px 4px}.icono-instagram{width:26px;height:26px;box-shadow:inset 0 0 0 2px;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:4px}.icono-instagram:before{width:10px;height:10px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:0 0 0 3px}.icono-instagram:after{position:absolute;width:5px;height:5px;-webkit-border-radius:1px;-moz-border-radius:1px;-o-border-radius:1px;border-radius:1px;right:3px;top:3px;box-shadow:0 0 0 2px,1px 1px 0 2px,-5px -1px 0 1px,-10px -1px 0 1px,-16px 1px 0 2px}.icono-flickr{width:24px;height:24px;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;margin:5px}.icono-flickr:after,.icono-flickr:before{width:7px;height:7px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%}.icono-flickr:before{left:4px;box-shadow:0 0 0 1px,0 -10px 0 6px,0 10px 0 6px,-4px 0 0 3px}.icono-flickr:after{right:4px;box-shadow:0 0 0 1px,0 -10px 0 6px,0 10px 0 6px,4px 0 0 3px}.icono-delicious{width:24px;height:24px;overflow:hidden;-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;box-shadow:inset 0 0 0 2px;margin:5px}.icono-delicious:before{position:absolute;width:12px;height:12px;box-shadow:inset 0 0 0 32px,12px -12px 0 0;left:0;bottom:0}.icono-codepen{width:2px;height:10px;box-shadow:inset 0 0 0 32px,0 15px,-11px 7px,11px 7px;margin:4px 16px 20px}.icono-codepen:before{position:absolute;right:2px;top:3px;width:11px;height:4px;transform:skew(0,-35deg) scaleY(0.6);box-shadow:inset 0 0 0 32px,0 13px,11px 26px,12px 39px}.icono-codepen:after{position:absolute;left:2px;top:3px;width:11px;height:4px;transform:skew(0,35deg) scaleY(0.6);box-shadow:inset 0 0 0 32px,0 13px,-11px 26px,-12px 39px}.icono-blogger{width:24px;height:14px;-webkit-border-radius:0 0 7px 7px;-moz-border-radius:0 0 7px 7px;-o-border-radius:0 0 7px 7px;border-radius:0 0 7px 7px;margin:14px 5px 6px}.icono-blogger,.icono-blogger:before{border-width:6px;border-style:solid}.icono-blogger:before{position:absolute;width:8px;height:2px;left:-6px;top:-15px;-webkit-border-radius:6px 6px 0 0;-moz-border-radius:6px 6px 0 0;-o-border-radius:6px 6px 0 0;border-radius:6px 6px 0 0}.icono-disqus{width:31px;height:31px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;margin:1px 1px 2px 2px}.icono-disqus:before{position:absolute;width:0;height:0;border:5px solid transparent;border-top:10px solid;-webkit-transform:rotate(50deg);-moz-transform:rotate(50deg);-ms-transform:rotate(50deg);-o-transform:rotate(50deg);transform:rotate(50deg);left:-5px;top:20px}.icono-dribbble{width:26px;height:26px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:inset 0 0 0 2px;overflow:hidden;position:relative;background-image:radial-gradient(50% 100%,transparent 0,transparent 9px,currentColor 10px,currentColor 11px,transparent 12px);background-repeat:no-repeat;background-position:-8px center;-webkit-transform:rotate(-25deg);-moz-transform:rotate(-25deg);-ms-transform:rotate(-25deg);-o-transform:rotate(-25deg);transform:rotate(-25deg);margin:4px}.icono-dribbble:after,.icono-dribbble:before{position:absolute;border-radius:50%;border:2px solid;width:40px;height:30px}.icono-dribbble:after{top:14px;left:-7px;width:32px}.icono-dribbble:before{left:-6px;top:-23px}.icono-creditCard{width:32px;height:24px;-webkit-border-radius:3px;-moz-border-radius:3px;-o-border-radius:3px;border-radius:3px;margin:5px 1px}.icono-creditCard:before{position:absolute;top:4px;width:100%;height:6px;box-shadow:inset 0 0 0 32px}.icono-creditCard:after{left:3px;bottom:3px;position:absolute;width:4px;height:2px;box-shadow:inset 0 0 0 32px,6px 0}.icono-cup{width:22px;height:16px;box-shadow:inset 0 0 0 32px;-webkit-border-radius:0 0 5px 5px;-moz-border-radius:0 0 5px 5px;-o-border-radius:0 0 5px 5px;border-radius:0 0 5px 5px;margin:6px 6px 12px}.icono-cup:before{position:absolute;right:-3px;top:4px;width:5px;height:5px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:0 0 0 2px}.icono-cup:after{bottom:-5px;width:26px;height:3px;-webkit-border-radius:0 0 3px 3px;-moz-border-radius:0 0 3px 3px;-o-border-radius:0 0 3px 3px;border-radius:0 0 3px 3px;box-shadow:inset 0 0 0 32px}.icono-play{width:0;height:0;border-width:10px 0 10px 16px;border-style:solid;border-top-color:transparent;border-bottom-color:transparent;margin:7px 9px}.icono-pause{width:6px;height:20px;margin:7px 20px 7px 8px;box-shadow:inset 0 0 0 32px,12px 0 0 0}.icono-stop{width:0;height:0;border:10px solid;margin:7px}.icono-rewind{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icono-forward,.icono-rewind{width:0;height:0;border:10px solid transparent;border-left:10px solid;margin:7px}.icono-forward:before,.icono-rewind:before{position:absolute;left:0;top:-10px;width:0;height:0;border:10px solid transparent;border-left:10px solid}.icono-next,.icono-previous{width:0;height:0;border:10px solid transparent;border-left:10px solid;border-right:none;margin:7px 14px 7px 10px;box-shadow:4px 0}.icono-previous{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg);margin:7px 10px 7px 14px}.icono-caretDown,.icono-caretDownCircle,.icono-caretDownSquare,.icono-caretLeft,.icono-caretLeftCircle,.icono-caretLeftSquare,.icono-caretRight,.icono-caretRightCircle,.icono-caretRightSquare,.icono-caretUp,.icono-caretUpCircle,.icono-caretUpSquare{width:12px;height:20px;margin:7px 11px}.icono-caretDown:after,.icono-caretDown:before,.icono-caretDownCircle:after,.icono-caretDownCircle:before,.icono-caretDownSquare:after,.icono-caretDownSquare:before,.icono-caretLeft:after,.icono-caretLeft:before,.icono-caretLeftCircle:after,.icono-caretLeftCircle:before,.icono-caretLeftSquare:after,.icono-caretLeftSquare:before,.icono-caretRight:after,.icono-caretRight:before,.icono-caretRightCircle:after,.icono-caretRightCircle:before,.icono-caretRightSquare:after,.icono-caretRightSquare:before,.icono-caretUp:after,.icono-caretUp:before,.icono-caretUpCircle:after,.icono-caretUpCircle:before,.icono-caretUpSquare:after,.icono-caretUpSquare:before{width:14px;height:2px;position:absolute;bottom:0;margin:auto 0;right:2px;box-shadow:inset 0 0 0 32px;transform-origin:right}.icono-caretDown:before,.icono-caretDownCircle:before,.icono-caretDownSquare:before,.icono-caretLeft:before,.icono-caretLeftCircle:before,.icono-caretLeftSquare:before,.icono-caretRight:before,.icono-caretRightCircle:before,.icono-caretRightSquare:before,.icono-caretUp:before,.icono-caretUpCircle:before,.icono-caretUpSquare:before{top:2px;-webkit-transform:rotate(45deg);-moz-transform:rotate(45deg);-ms-transform:rotate(45deg);-o-transform:rotate(45deg);transform:rotate(45deg)}.icono-caretDown:after,.icono-caretDownCircle:after,.icono-caretDownSquare:after,.icono-caretLeft:after,.icono-caretLeftCircle:after,.icono-caretLeftSquare:after,.icono-caretRight:after,.icono-caretRightCircle:after,.icono-caretRightSquare:after,.icono-caretUp:after,.icono-caretUpCircle:after,.icono-caretUpSquare:after{top:0;-webkit-transform:rotate(-45deg);-moz-transform:rotate(-45deg);-ms-transform:rotate(-45deg);-o-transform:rotate(-45deg);transform:rotate(-45deg)}.icono-caretLeft,.icono-caretLeftCircle,.icono-caretLeftSquare{-webkit-transform:rotate(180deg);-moz-transform:rotate(180deg);-ms-transform:rotate(180deg);-o-transform:rotate(180deg);transform:rotate(180deg)}.icono-caretUp,.icono-caretUpCircle,.icono-caretUpSquare{-webkit-transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);transform:rotate(-90deg)}.icono-caretDown,.icono-caretDownCircle,.icono-caretDownSquare{-webkit-transform:rotate(90deg);-moz-transform:rotate(90deg);-ms-transform:rotate(90deg);-o-transform:rotate(90deg);transform:rotate(90deg)}[class*=icono-caret][class*=Circle]:after,[class*=icono-caret][class*=Circle]:before,[class*=icono-caret][class*=Square]:after,[class*=icono-caret][class*=Square]:before{width:11px;right:8px}.icono-downArrow,.icono-leftArrow,.icono-rightArrow,.icono-upArrow{width:16px;height:4px;margin:15px 9px;box-shadow:inset 0 0 0 2px;-webkit-transform:translateX(-3px);-moz-transform:translateX(-3px);-ms-transform:translateX(-3px);-o-transform:translateX(-3px);transform:translateX(-3px)}.icono-downArrow:before,.icono-leftArrow:before,.icono-rightArrow:before,.icono-upArrow:before{border-style:solid;border-width:8px 0 8px 8px;border-color:transparent;border-left-color:inherit;left:100%;right:auto}.icono-leftArrow{-webkit-transform:translateX(3px) rotate(180deg);-moz-transform:translateX(3px) rotate(180deg);-ms-transform:translateX(3px) rotate(180deg);-o-transform:translateX(3px) rotate(180deg);transform:translateX(3px) rotate(180deg)}.icono-upArrow{-webkit-transform:translateY(3px) rotate(-90deg);-moz-transform:translateY(3px) rotate(-90deg);-ms-transform:translateY(3px) rotate(-90deg);-o-transform:translateY(3px) rotate(-90deg);transform:translateY(3px) rotate(-90deg)}.icono-downArrow{-webkit-transform:translateY(-3px) rotate(90deg);-moz-transform:translateY(-3px) rotate(90deg);-ms-transform:translateY(-3px) rotate(90deg);-o-transform:translateY(-3px) rotate(90deg);transform:translateY(-3px) rotate(90deg)}.icono-sun{width:22px;height:22px;border:2px solid;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:-15px 0 0 -9px,15px 0 0 -9px,0 -15px 0 -9px,0 15px 0 -9px,11px 11px 0 -9px,-11px -11px 0 -9px,11px -11px 0 -9px,-11px 11px 0 -9px;margin:6px}.icono-moon{width:22px;height:22px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;overflow:hidden;margin:6px}.icono-moon:before{position:absolute;width:20px;height:20px;top:-2px;left:6px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:0 0 0 32px}.icono-cart{width:22px;height:0;border-width:14px 6px 0 2px;border-style:solid;border-right-color:transparent;border-left-color:transparent;margin:9px 3px 11px 9px}.icono-cart:before{position:absolute;width:4px;height:4px;-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;box-shadow:inset 0 0 0 32px,13px 0,-4px -20px 0 1px;top:2px;left:-3px}.icono-sitemap{width:24px;height:2px;box-shadow:0 -5px;margin:21px 5px 11px}.icono-sitemap:before{width:6px;height:6px;-webkit-border-radius:2px;-moz-border-radius:2px;-o-border-radius:2px;border-radius:2px;box-shadow:inset 0 0 0 32px,11px 0,-11px 0,0 -14px 0 1px}.icono-sitemap:after{width:2px;height:10px;box-shadow:0 -7px,11px -5px,-11px -5px}[class*=icono-]{display:inline-block;vertical-align:middle;position:relative;font-style:normal;color:#ddd;text-align:left;text-indent:-9999px;direction:ltr}[class*=icono-]:after,[class*=icono-]:before{content:'';pointer-events:none}[class*=icono-][class*=Circle]{-webkit-border-radius:50%;-moz-border-radius:50%;-o-border-radius:50%;border-radius:50%;width:30px;height:30px;margin:2px}[class*=icono-][class*=Square]{-webkit-border-radius:4px;-moz-border-radius:4px;-o-border-radius:4px;border-radius:4px;width:30px;height:30px;margin:2px}[class*=icono-],[class*=icono-] *{box-sizing:border-box} \ No newline at end of file diff --git a/vendor/bower/icono/gulpfile.js b/vendor/bower/icono/gulpfile.js new file mode 100644 index 0000000..d0fd8af --- /dev/null +++ b/vendor/bower/icono/gulpfile.js @@ -0,0 +1,42 @@ +var gulp = require('gulp'), + less = require('gulp-less'), + watch = require('gulp-watch'), + cssmin = require('gulp-cssmin'), + rename = require('gulp-rename'), + plumber = require('gulp-plumber'), + browserSync = require('browser-sync'); + + +// less -> css +gulp.task('less', function () { + return gulp.src('./less/icono.less') + .pipe(plumber()) + .pipe(less()) + .pipe(gulp.dest('./build')); +}); + + +// .css -> .min.css +gulp.task('cssmin', function () { + gulp.src('./build/icono.css') + .pipe(cssmin()) + .pipe(rename({suffix: '.min'})) + .pipe(gulp.dest('./dist')); +}); + + +// live realod the browser +gulp.task('browser-sync', function() { + browserSync({ + server: { + baseDir: './', + index: 'index.html', + reloadDelay: 2000 + } + }); +}); + + +gulp.task('default', ['browser-sync'], function () { + gulp.watch(['./less/**/*.less', './index.html'], ['less', 'cssmin', browserSync.reload]); +}); diff --git a/vendor/bower/icono/index.html b/vendor/bower/icono/index.html new file mode 100644 index 0000000..14b6a37 --- /dev/null +++ b/vendor/bower/icono/index.html @@ -0,0 +1,187 @@ + + + + + Icono Test icons + + + + +
+
+ Main demo +
+ + diff --git a/vendor/bower/icono/less/generals.less b/vendor/bower/icono/less/generals.less new file mode 100644 index 0000000..04c2cb9 --- /dev/null +++ b/vendor/bower/icono/less/generals.less @@ -0,0 +1,42 @@ +.icono-stroke{ + border: @stroke; +} + +.stickCenterV{ + .stickCenterV(); +} + +.stickCenterH{ + .stickCenterH(); +} + +.stickCenter{ + .stickCenter(); +} + +.spin[class*="spin"]{ + -webkit-animation: loading-spinner 2s infinite linear; /* Safari 4+ */ + -moz-animation: loading-spinner 2s infinite linear; /* Fx 5+ */ + -o-animation: loading-spinner 2s infinite linear; /* Opera 12+ */ + animation: loading-spinner 2s infinite linear; /* IE 10+, Fx 29+ */ +} + +@-webkit-keyframes loading-spinner { + 0% { .transform(rotate(0deg)); } + 100% { .transform(rotate(360deg)); } +} + +@-moz-keyframes loading-spinner { + 0% { .transform(rotate(0deg)); } + 100% { .transform(rotate(360deg)); } +} + +@-o-keyframes loading-spinner { + 0% { .transform(rotate(0deg)); } + 100% { .transform(rotate(360deg)); } +} + +@keyframes loading-spinner { + 0% { .transform(rotate(0deg)); } + 100% { .transform(rotate(360deg)); } +} diff --git a/vendor/bower/icono/less/icono.less b/vendor/bower/icono/less/icono.less new file mode 100644 index 0000000..866858a --- /dev/null +++ b/vendor/bower/icono/less/icono.less @@ -0,0 +1,39 @@ +// Welcome to Iconode +// You can use this file in your project instead of .css file, and build it with other your less files. + +@import "variables"; +@import "generals"; +@import "mixins"; +@import "icons"; + +[class*="icono-"] { + display: inline-block; + vertical-align: middle; + position: relative; + font-style: normal; + color: @maincolor; + text-align: left; + text-indent: -9999px; + direction: ltr; + &:before, &:after{ + content:''; + pointer-events: none; + } + &[class*="Circle"]{ + &:extend(.icono-stroke); + .border-radius(50%); + width: @30; + height: @30; + margin: @2; + } + &[class*="Square"]{ + &:extend(.icono-stroke); + .border-radius(@4); + width: @30; + height: @30; + margin: @2; + } + &, & *{ + box-sizing: border-box; + } +} diff --git a/vendor/bower/icono/less/icons.less b/vendor/bower/icono/less/icons.less new file mode 100644 index 0000000..ee9979d --- /dev/null +++ b/vendor/bower/icono/less/icons.less @@ -0,0 +1,175 @@ +@import "icons/icono"; + +@import "icons/home"; + +@import "icons/mail"; + +@import "icons/rss"; + +@import "icons/bars"; + +@import "icons/plus"; + +@import "icons/cross"; + +@import "icons/check"; + +@import "icons/power"; + +@import "icons/heart"; + +@import "icons/infinity"; + +@import "icons/flag"; + +@import "icons/file"; + +@import "icons/document"; + +@import "icons/folder"; + +@import "icons/pin"; + +@import "icons/smile"; + +@import "icons/eye"; + +@import "icons/sliders"; + +@import "icons/share"; + +@import "icons/sync"; + +@import "icons/reset"; + +@import "icons/gear"; + +@import "icons/signIn"; + +@import "icons/signOut"; + +@import "icons/support"; + +@import "icons/dropper"; + +@import "icons/tiles"; + +@import "icons/list"; + +@import "icons/chain"; + +@import "icons/youtube"; + +@import "icons/rename"; + +@import "icons/search"; + +@import "icons/book"; + +@import "icons/forbidden"; + +@import "icons/trash"; + +@import "icons/keyboard"; + +@import "icons/mouse"; + +@import "icons/user"; + +@import "icons/crop"; + +@import "icons/display"; + +@import "icons/imac"; + +@import "icons/iphone"; + +@import "icons/macbook"; + +@import "icons/image"; + +@import "icons/headphone"; + +@import "icons/music"; + +@import "icons/video"; + +@import "icons/nexus"; + +@import "icons/microphone"; + +@import "icons/asterisk"; + +@import "icons/terminal"; + +@import "icons/paperClip"; + +@import "icons/market"; + +@import "icons/clock"; + +@import "icons/textAlign"; + +@import "icons/exclamation"; + +@import "icons/frown"; + +@import "icons/meh"; + +@import "icons/indent"; + +@import "icons/outdent"; + +@import "icons/locationArrow"; + +@import "icons/comment"; // 2 iconos + +@import "icons/chart"; // 3 iconos + +@import "icons/bookmark"; // 2 iconos + +@import "icons/filter"; + +@import "icons/volume"; // 7 iconos + +@import "icons/tag"; + +@import "icons/calendar"; + +@import "icons/camera"; + +@import "icons/piano"; + +@import "icons/ruler"; + +@import "icons/socials"; + +@import "icons/creditCard"; + +@import "icons/cup"; + +@import "icons/play"; + +@import "icons/pause"; + +@import "icons/stop"; + +@import "icons/rewind"; + +@import "icons/forward"; + +@import "icons/next"; + +@import "icons/previous"; + +@import "icons/caret"; // 4 iconos + +@import "icons/arrow"; // 4 iconos + +@import "icons/sun"; + +@import "icons/moon"; + +@import "icons/cart"; + +@import "icons/sitemap"; \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/arrow.less b/vendor/bower/icono/less/icons/arrow.less new file mode 100644 index 0000000..08303fa --- /dev/null +++ b/vendor/bower/icono/less/icons/arrow.less @@ -0,0 +1,32 @@ +//* Arrows *\\ +.icono-rightArrow { + width: @16; + height: @4; + margin: @15 @9; + box-shadow: inset 0 0 0 @2; + .transform(translateX(-@3)); + &:before { + &:extend(.stickCenterV); + border-style: solid; + border-width: @8 0 @8 @8; + border-color: transparent; + border-left-color: inherit; + left: 100%; + right: auto; + } +} + +.icono-leftArrow { + &:extend(.icono-rightArrow all); + .transform(translateX(@3) rotate(180deg)); +} + +.icono-upArrow { + &:extend(.icono-rightArrow all); + .transform(translateY(@3) rotate(-90deg)); +} + +.icono-downArrow { + &:extend(.icono-rightArrow all); + .transform(translateY(-@3) rotate(90deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/asterisk.less b/vendor/bower/icono/less/icons/asterisk.less new file mode 100644 index 0000000..138256d --- /dev/null +++ b/vendor/bower/icono/less/icons/asterisk.less @@ -0,0 +1,21 @@ +//*-- Asterisk --*\\ +.icono-asterisk{ + width: @4; + height: @20; + box-shadow: inset 0 0 0 @32; + .border-radius(@1); + margin: @7 @15; + &:before, &:after{ + position: absolute; + &:extend(.icono-asterisk); + margin: 0; + left: 0; + top: 0; + } + &:before{ + .transform(rotate(-58deg)); + } + &:after{ + .transform(rotate(58deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/bars.less b/vendor/bower/icono/less/icons/bars.less new file mode 100644 index 0000000..d85cf90 --- /dev/null +++ b/vendor/bower/icono/less/icons/bars.less @@ -0,0 +1,10 @@ +//*-- bars --*\\ +.icono-bars{ + width: @20; + height: @2; + box-shadow: inset 0 0 0 @32, 0 -1*@6, 0 @6; + margin: @16 @7; +} +.icono-hamburger{ + &:extend(.icono-bars);//will be deprecate +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/book.less b/vendor/bower/icono/less/icons/book.less new file mode 100644 index 0000000..433b100 --- /dev/null +++ b/vendor/bower/icono/less/icons/book.less @@ -0,0 +1,32 @@ +//*-- Book --*\\ +.icono-book{ + width: @26; + height: @22; + .border-radius(0 0 0 @6); + &:extend(.icono-stroke); + border-top: none; + margin: @10 @4 @2; + &:before{ + position: absolute; + width: @24; + height: @7; + box-sizing: border-box; + &:extend(.icono-stroke); + border-top: none; + border-right: none; + left: -1*@2; + top: -1*@5; + .border-radius(0 0 0 @6); + } + &:after{ + position: absolute; + width: @24; + height: @8; + box-sizing: border-box; + left: -1*@2; + top: -1*@8; + &:extend(.icono-stroke); + border-bottom: none; + .border-radius(@6 0 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/bookmark.less b/vendor/bower/icono/less/icons/bookmark.less new file mode 100644 index 0000000..02580cc --- /dev/null +++ b/vendor/bower/icono/less/icons/bookmark.less @@ -0,0 +1,30 @@ +//*-- Bookmark --*\\ +.icono-bookmark{ + width: 0; + height: 0; + border: @9 solid; + border-bottom-color: transparent; + box-shadow: 0 -1*@4; + .border-radius(@3 @3 0 0); + margin: @10 @8 @6; +} +.icono-bookmarkEmpty{ + width: @18; + height: @22; + &:extend(.icono-stroke); + border-bottom: none; + .border-radius(@3 @3 @2 @2); + overflow: hidden; + margin: @6 @8; + &:before{ + position: absolute; + width: @12; + height: @12; + bottom: 0; + left: 0; + &:extend(.icono-stroke); + border-right: none; + border-bottom: none; + .transform(rotate(45deg) translate(35%, 35%)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/calendar.less b/vendor/bower/icono/less/icons/calendar.less new file mode 100644 index 0000000..6cc8b41 --- /dev/null +++ b/vendor/bower/icono/less/icons/calendar.less @@ -0,0 +1,28 @@ +//*-- Calendar --*\\ +.icono-calendar{ + width: @32; + height: @28; + border-width: @4 @2 @2; + border-style: solid; + .border-radius(@4); + margin: @5 @1 @1; + &:before{ + position: absolute; + width: @4; + height: @4; + top: @3; + left: @3; + box-shadow: inset 0 0 0 @32, @6 0, @12 0, @18 0, + 0 @6, @6 @6, @12 @6, @18 @6, + 0 @12, @6 @12, @12 @12, @18 @12; + } + &:after{ + position: absolute; + width: @4; + height: @8; + box-shadow: inset 0 0 0 @32, @16 0; + .border-radius(@4); + top: -1*@8; + left: @4; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/camera.less b/vendor/bower/icono/less/icons/camera.less new file mode 100644 index 0000000..1bc6d9d --- /dev/null +++ b/vendor/bower/icono/less/icons/camera.less @@ -0,0 +1,24 @@ +//*-- camera --*\\ +.icono-camera{ + width: @32; + height: @24; + .border-radius(@4); + &:extend(.icono-stroke); + margin: @5 @1; + &:before{ + &:extend(.stickCenter); + width: @10; + height: @10; + border: @1 solid transparent; + box-shadow: inset 0 0 0 @1, 0 0 0 @2; + .border-radius(50%); + } + &:after{ + position: absolute; + width: @4; + height: @2; + right: @2; + top: @2; + box-shadow: inset 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/caret.less b/vendor/bower/icono/less/icons/caret.less new file mode 100644 index 0000000..4ba0369 --- /dev/null +++ b/vendor/bower/icono/less/icons/caret.less @@ -0,0 +1,60 @@ +//* Carets *\\ +.icono-caretRight { + width: @12; + height: @20; + margin: @7 @11; + &:before, &:after { + width: @14; + height: @2; + position: absolute; + bottom: 0; + margin: auto 0; + right: @2; + box-shadow: inset 0 0 0 @32; + transform-origin: right; + } + &:before { + top: @2; + .transform(rotate(45deg)); + } + &:after { + top: 0; + .transform(rotate(-45deg)); + } +} + +.icono-caretRightCircle, .icono-caretRightSquare { + &:extend(.icono-caretRight all); +} + +.icono-caretLeft { + &:extend(.icono-caretRight all); + .transform(rotate(180deg)); +} +.icono-caretLeftCircle, .icono-caretLeftSquare { + &:extend(.icono-caretLeft all); +} + +.icono-caretUp { + &:extend(.icono-caretRight all); + .transform(rotate(-90deg)); +} +.icono-caretUpCircle, .icono-caretUpSquare { + &:extend(.icono-caretUp all); +} + +.icono-caretDown { + &:extend(.icono-caretRight all); + .transform(rotate(90deg)); +} +.icono-caretDownCircle, .icono-caretDownSquare { + &:extend(.icono-caretDown all); +} +[class*="icono-caret"] { + &[class*="Circle"], &[class*="Square"] { + &:before, &:after { + width: @11; + right: @8; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/cart.less b/vendor/bower/icono/less/icons/cart.less new file mode 100644 index 0000000..15507f5 --- /dev/null +++ b/vendor/bower/icono/less/icons/cart.less @@ -0,0 +1,19 @@ +//*-- Cart --*\\ +.icono-cart{ + width: @22; + height: 0; + border-width: @14 @6 0 @2; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + margin: @9 @3 @11 @9; + &:before{ + position: absolute; + width: @4; + height: @4; + .border-radius(50%); + box-shadow: inset 0 0 0 @32,@13 0,-@4 -@20 0 @1; + top: @2; + left: -@3; + } +} diff --git a/vendor/bower/icono/less/icons/chain.less b/vendor/bower/icono/less/icons/chain.less new file mode 100644 index 0000000..a75af6c --- /dev/null +++ b/vendor/bower/icono/less/icons/chain.less @@ -0,0 +1,20 @@ +//*-- Chain --*\\ +.icono-chain{ + width: @16; + height: @2; + box-shadow: inset 0 0 0 @32; + .transform(rotate(-45deg)); + margin: @16 @9; + &:before, &:after{ + .goldenRectL(@12); + &:extend(.stickCenterV); + &:extend(.icono-stroke); + .border-radius(@4); + } + &:before{ + right: -1*@10; + } + &:after{ + left: -1*@10; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/chart.less b/vendor/bower/icono/less/icons/chart.less new file mode 100644 index 0000000..d1c25c1 --- /dev/null +++ b/vendor/bower/icono/less/icons/chart.less @@ -0,0 +1,67 @@ +//*-- Chart --*\\ +.icono-areaChart{ + width: @30; + height: @22; + &:extend(.icono-stroke); + border-top-width: 0; + border-right-width: 0; + border-color: transparent; + box-shadow: -1*@2 @2; + overflow: hidden; + margin: @4 0 @8 @4; + &:before{ + @bSpace: @7; + position: absolute; + left: 0; + bottom: @bSpace; + border: @6 solid transparent; + border-bottom-color: currentColor; + box-shadow: 0 @bSpace; + } + &:after{ + @bSpace: @4; + position: absolute; + left: @11; + bottom: @bSpace; + border-width: 0 @6 @13; + border-style: solid; + border-color: transparent; + border-bottom-color: currentColor; + box-shadow: 0 @bSpace; + } +} +.icono-barChart{ + &:extend(.icono-areaChart); + border-color: transparent; + box-shadow: -1*@2 @2; + margin: @4 0 @8 @4; + &:before{ + position: absolute; + left: 0; + bottom: 0; + width: @4; + height: @15; + box-shadow: inset 0 -1*@8 0 0, @6 0, @12 @7, @18 @5; + } +} +.icono-pieChart{ + width: 0; + height: 0; + border: @15 solid; + border-right-color: transparent; + .border-radius(50%); + .transform(rotate(-45deg)); + margin: @2; + &:before{ + position: absolute; + width: 0; + height: 0; + left: -1*@11; + top: -1*@14; + border: @14 solid; + border-left-color: transparent; + border-bottom-color: transparent; + border-top-color: transparent; + .border-radius(50%); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/check.less b/vendor/bower/icono/less/icons/check.less new file mode 100644 index 0000000..7d1b630 --- /dev/null +++ b/vendor/bower/icono/less/icons/check.less @@ -0,0 +1,37 @@ +//*-- Check --*\\ +[class*="icono-check"]{ + width: @28; + height: @28; + margin: @3 0 @3 @6; + .transform(rotate(-45deg)); + &:before, &:after{ + box-shadow: inset 0 0 0 @32; + } + &:before{ + &:extend([class*="icono-plus"]:before); + } + &:after{ + position: absolute; + height: @12; + width: @2; + left: @4; + bottom: @14; + } + &[class*="Circle"]{ + &:extend(.icono-stroke); + .border-radius(50%); + width: @30; + height: @30; + margin: @2; + &:before{ + width: @14; + top: @15; + left: @14; + } + &:after{ + height: @8; + left: @7; + bottom: @10; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/clock.less b/vendor/bower/icono/less/icons/clock.less new file mode 100644 index 0000000..faa841a --- /dev/null +++ b/vendor/bower/icono/less/icons/clock.less @@ -0,0 +1,24 @@ +//*-- Clock --*\\ +.icono-clock{ + width: @26; + height: @26; + .border-radius(50%); + &:extend(.icono-stroke); + margin: @4; + &:before, &:after{ + &:extend(.stickCenter); + top: 35%; + box-shadow: inset 0 0 0 @32; + .border-radius(@2); + } + &:before{ + width: @2; + height: @9; + } + &:after{ + width: @6; + height: @2; + transform-origin: left center; + .transform(rotate(45deg) translate(@1, @2)); + } +} diff --git a/vendor/bower/icono/less/icons/comment.less b/vendor/bower/icono/less/icons/comment.less new file mode 100644 index 0000000..b06f49e --- /dev/null +++ b/vendor/bower/icono/less/icons/comment.less @@ -0,0 +1,44 @@ +//*-- Comment --*\\ +.icono-commentEmpty{ + width: @30; + height: @22; + &:extend(.icono-stroke); + .border-radius(@4 @4 @7 @7); + border-bottom-color: transparent; + margin: @5 @2 @7; + &:before{ + position: absolute; + width: @6; + height: @6; + border-width: 0 0 @2 @2; + border-style: solid; + .transform(rotate(-45deg)); + bottom: -1*@4; + left: @6; + } + &:after{ + position: absolute; + width: @8; + height: @2; + border-width: 0 @12 0 @6; + border-style: solid; + bottom: 0; + left: 0; + } +} +.icono-comment{ + width: @30; + height: @20; + box-shadow: inset 0 0 0 @32; + .border-radius(@4); + margin: @5 @2 @9; + &:before{ + position: absolute; + width: @8; + height: @8; + box-shadow: inset 0 0 0 @32; + .transform(rotate(-45deg)); + bottom: -1*@4; + left: @6; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/creditCard.less b/vendor/bower/icono/less/icons/creditCard.less new file mode 100644 index 0000000..fe8d870 --- /dev/null +++ b/vendor/bower/icono/less/icons/creditCard.less @@ -0,0 +1,23 @@ +//*-- Credit Card --*\\ +.icono-creditCard{ + width: @32; + height: @24; + &:extend(.icono-stroke); + .border-radius(@3); + margin: @5 @1; + &:before{ + position: absolute; + top: @4; + width: 100%; + height: @6; + box-shadow: inset 0 0 0 @32; + } + &:after{ + left: @3; + bottom: @3; + position: absolute; + width: @4; + height: @2; + box-shadow: inset 0 0 0 @32, @6 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/crop.less b/vendor/bower/icono/less/icons/crop.less new file mode 100644 index 0000000..4b9a8ad --- /dev/null +++ b/vendor/bower/icono/less/icons/crop.less @@ -0,0 +1,27 @@ +//*-- Crop --*\\ +.icono-crop{ + .square(@21); + &:extend(.icono-stroke); + border-left: none; + border-bottom: none; + margin: @9 @9 @4 @4; + &:before{ + position: absolute; + .square(@21); + &:extend(.icono-stroke); + top: -1*@7; + right: -1*@7; + border-top: none; + border-right: none; + box-sizing: border-box; + } + &:after{ + position: absolute; + width: @27; + height: @1; + left: @2; + top: @3; + box-shadow: inset 0 0 0 @32; + .transform(rotate(-45deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/cross.less b/vendor/bower/icono/less/icons/cross.less new file mode 100644 index 0000000..098a1a2 --- /dev/null +++ b/vendor/bower/icono/less/icons/cross.less @@ -0,0 +1,5 @@ +//*-- Cross --*\\ +//Cross is 45degree rotated plus :) +.icono-cross, .icono-crossCircle{ + .transform(rotate(45deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/cup.less b/vendor/bower/icono/less/icons/cup.less new file mode 100644 index 0000000..6ddb00b --- /dev/null +++ b/vendor/bower/icono/less/icons/cup.less @@ -0,0 +1,25 @@ +//*-- Cup --*\\ +.icono-cup{ + width: @22; + height: @16; + box-shadow: inset 0 0 0 @32; + .border-radius(0 0 @5 @5); + margin: @6 @6 @12; + &:before{ + position: absolute; + right: -1*@3; + top: @4; + width: @5; + height: @5; + .border-radius(50%); + box-shadow: 0 0 0 @2; + } + &:after{ + &:extend(.stickCenterH); + bottom: -1*@5; + width: @26; + height: @3; + .border-radius(0 0 @3 @3); + box-shadow: inset 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/display.less b/vendor/bower/icono/less/icons/display.less new file mode 100644 index 0000000..53bc388 --- /dev/null +++ b/vendor/bower/icono/less/icons/display.less @@ -0,0 +1,21 @@ +//*-- Display --*\\ +.icono-display{ + width: @26; + height: @22; + &:extend(.icono-stroke); + margin: @4 @4 @8; + &:before{ + width: @4; + height: @3; + &:extend(.stickCenterH); + bottom: -1*@5; + box-shadow: inset 0 0 0 @32; + } + &:after{ + width: @14; + height: @2; + &:extend(.stickCenterH); + bottom: -1*@6; + box-shadow: inset 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/document.less b/vendor/bower/icono/less/icons/document.less new file mode 100644 index 0000000..a6a5f59 --- /dev/null +++ b/vendor/bower/icono/less/icons/document.less @@ -0,0 +1,24 @@ +//*-- Document --*\\ +.icono-document{ + width: @26; + height: @32; + .border-radius(0 0 0 @10); + &:extend(.icono-stroke); + margin: @1 @4; + &:before{ + position: absolute; + .square(0); + left: -1*@3; + bottom: -1*@3; + border-width: @5; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; + } + &:after{ + width: @13; + height: @2; + &:extend(.stickCenter); + box-shadow: inset 0 0 0 @32, 0 -1*@5 0 0, 0 @5 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/dropper.less b/vendor/bower/icono/less/icons/dropper.less new file mode 100644 index 0000000..e60c276 --- /dev/null +++ b/vendor/bower/icono/less/icons/dropper.less @@ -0,0 +1,22 @@ +//*-- Dropper --*\\ +.icono-dropper{ + .wDiagonal(@28); + height: @14; + border-width: @3; + border-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + box-shadow: -1*@9 0 0 @2 inset, 0 0 0 @2 inset; + .border-radius(50% @6 @6 50%); + .transform(rotate(-45deg)); + margin: @12 -1*@2 @8 -1*@4; + &:before{ + width: @4; + height: @14; + right: @10; + box-shadow: inset 0 0 0 @32; + &:extend(.stickCenterV); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/exclamation.less b/vendor/bower/icono/less/icons/exclamation.less new file mode 100644 index 0000000..53a3e47 --- /dev/null +++ b/vendor/bower/icono/less/icons/exclamation.less @@ -0,0 +1,36 @@ +//*-- Exclamation --*\\ +[class*="icono-exclamation"]{ + overflow: visible; + width: @30; + border-bottom: @2 solid; + .border-radius(0 0 @4 @4); + margin: @26 @2 @6; + &:before{ + position: absolute; + width: @26; + height: @26; + left: @1; + top: -1*@14; + border-width: @2 0 0 @2; + border-style: solid; + .border-radius(@4 0); + .transform(rotate(45deg) skew(12deg, 12deg)); + } + &:after{ + width: @4; + height: @3; + top: -1*@14; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32, 0 @3, 0 @8; + } + &[class*="Circle"]{ + margin: @2; + &:before{ + display: none; + } + &:after{ + box-shadow: inset 0 0 0 @32, 0 @3, 0 @5, 0 @10; + top: @6; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/eye.less b/vendor/bower/icono/less/icons/eye.less new file mode 100644 index 0000000..36325cf --- /dev/null +++ b/vendor/bower/icono/less/icons/eye.less @@ -0,0 +1,17 @@ +//*-- Eye --*\\ +.icono-eye{ + .border-radius(80% 20%); + .transform(rotate(45deg)); + &:extend(.icono-stroke); + border-width: @2 @1 @1 @2; + height: @28; + width: @28; + margin: @3 @3; + &:before{ + .border-radius(50%); + box-shadow: 0px -1*@3 0 @3 inset; + height: @11; + width: @11; + &:extend(.stickCenter); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/file.less b/vendor/bower/icono/less/icons/file.less new file mode 100644 index 0000000..9cbbabc --- /dev/null +++ b/vendor/bower/icono/less/icons/file.less @@ -0,0 +1,22 @@ +//*-- File --*\\ +.icono-file{ + width: @26; + height: @32; + &:extend(.icono-stroke); + .border-radius(0 @12 0 0); + margin: @1 @4; + &:before{ + position:absolute; + top: -1*@2; + right:-1*@2; + border-style: solid; + width: 0; + height: 0; + border-width: @5; + border-top-color: transparent; + border-right-color: transparent; + } + &:after{ + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/filter.less b/vendor/bower/icono/less/icons/filter.less new file mode 100644 index 0000000..0761224 --- /dev/null +++ b/vendor/bower/icono/less/icons/filter.less @@ -0,0 +1,12 @@ +//*-- Filter --*\\ +.icono-filter{ + width: 0; + height: 0; + border: @10 solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + padding: @3; + box-shadow: inset 0 @7; + margin: @9 @4; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/flag.less b/vendor/bower/icono/less/icons/flag.less new file mode 100644 index 0000000..574abe6 --- /dev/null +++ b/vendor/bower/icono/less/icons/flag.less @@ -0,0 +1,26 @@ +//*-- Flag --*\\ +.icono-flag{ + width: @22; + height: @25; + border-left: @3 solid; + margin: @5 @6 @4; + &:before, &:after{ + position:absolute; + width: @9; + height: @8; + &:extend(.icono-stroke); + } + &:before{ + left: -1*@2; + top: 1px; + .border-radius(0 2px 0 0); + border-right-width: @2 + 1; + } + &:after{ + width: @5; + left: @9; + top: @4; + border-left-width: @2 + 1; + .border-radius(2px 2px 0 2px); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/folder.less b/vendor/bower/icono/less/icons/folder.less new file mode 100644 index 0000000..f59ea55 --- /dev/null +++ b/vendor/bower/icono/less/icons/folder.less @@ -0,0 +1,29 @@ +//*-- Folder --*\\ +.icono-folder{ + width: @18; + height: @22; + &:extend(.icono-stroke); + border-left-width: 0; + .border-radius(0 @3 @3 0); + margin: @8 @2 @4 @14; + &:before{ + position: absolute; + width: @12; + height: @20; + left: -1*@12; + bottom: -1*@2; + border-width: 0 0 @2 @2; + border-style: solid; + .border-radius(0 0 0 @3); + } + &:after{ + position: absolute; + width: @10; + height: @5; + left: -1*@12; + top: -1*@7; + border-width: @2 @2 0 @2; + border-style: solid; + .border-radius(@3 @3 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/forbidden.less b/vendor/bower/icono/less/icons/forbidden.less new file mode 100644 index 0000000..7e61247 --- /dev/null +++ b/vendor/bower/icono/less/icons/forbidden.less @@ -0,0 +1,15 @@ +//*-- Forbidden --*\\ +.icono-forbidden{ + .square(@28); + &:extend(.icono-stroke); + border-width: @3; + .border-radius(50%); + margin: @3; + .transform(rotate(45deg)); + &:before{ + &:extend(.stickCenter); + width: @24; + height: @4; + box-shadow: inset 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/forward.less b/vendor/bower/icono/less/icons/forward.less new file mode 100644 index 0000000..fdbe9b8 --- /dev/null +++ b/vendor/bower/icono/less/icons/forward.less @@ -0,0 +1,17 @@ +//*-- Fast Forward --*\\ +.icono-forward{ + width: 0; + height: 0; + border: @10 solid transparent; + border-left: @10 solid; + margin: @7; + &:before{ + position: absolute; + left: 0; + top: -@10; + width: 0; + height: 0; + border: @10 solid transparent; + border-left: @10 solid; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/frown.less b/vendor/bower/icono/less/icons/frown.less new file mode 100644 index 0000000..5fdcde1 --- /dev/null +++ b/vendor/bower/icono/less/icons/frown.less @@ -0,0 +1,12 @@ +//*-- Frown --*\\ +.icono-frown{ + &:extend(.icono-smile); + &:before{ + &:extend(.icono-smile:before); + } + &:after{ + &:extend(.icono-smile:after); + .transform(translateX(-50%) rotate(180deg)); + transform-origin: center 85%; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/gear.less b/vendor/bower/icono/less/icons/gear.less new file mode 100644 index 0000000..93a4d87 --- /dev/null +++ b/vendor/bower/icono/less/icons/gear.less @@ -0,0 +1,17 @@ +//*-- Gear --*\\ +.icono-gear{ + width: @32; + height: @32; + border: @3 dotted; + .border-radius(50%); + margin: @1; + &:before{ + &:extend(.stickCenter); + width: @22; + height: @22; + box-shadow: 0 0 0 @3, 0 0 0 @2 inset; + .border-radius(50%); + border: @6 solid transparent; + box-sizing: border-box; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/headphone.less b/vendor/bower/icono/less/icons/headphone.less new file mode 100644 index 0000000..b38f5b9 --- /dev/null +++ b/vendor/bower/icono/less/icons/headphone.less @@ -0,0 +1,18 @@ +//*-- Headphone --*\\ +.icono-headphone{ + width: @30; + height: @27; + &:extend(.icono-stroke); + border-bottom-color: transparent; + .border-radius(@32~'/'@32 @32 @16 @16); + margin: @2 @2 @5; + &:before{ + position: absolute; + width: @4; + height: @12; + left: @1; + bottom: -1*@4; + .border-radius(@5); + box-shadow: inset 0 0 0 @32, @20 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/heart.less b/vendor/bower/icono/less/icons/heart.less new file mode 100644 index 0000000..a73e295 --- /dev/null +++ b/vendor/bower/icono/less/icons/heart.less @@ -0,0 +1,31 @@ +//*-- Heart --*\\ +.icono-heart{ + width: @20; + height: @20; + &:extend(.icono-stroke); + border-top-color: transparent; + border-left-color: transparent; + .transform(rotate(45deg)); + .border-radius(@4 0); + margin: @9 @7 @5; + &:before, &:after{ + position: absolute; + &:extend(.icono-stroke); + } + &:before{ + width: ceil(@20/2.5); + height: ceil(@20*0.69); + left: -1*ceil(@20/2.5)-@2; + bottom: -1*@2; + .border-radius(@20 0 0 @20); + border-right-color: transparent; + } + &:after{ + width: ceil(@20*0.69); + height: ceil(@20/2.5); + right: -1*@2; + top: -1*ceil(@20/2.5)-@2; + .border-radius(@20 @20 0 0); + border-bottom-color: transparent; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/home.less b/vendor/bower/icono/less/icons/home.less new file mode 100644 index 0000000..2a52992 --- /dev/null +++ b/vendor/bower/icono/less/icons/home.less @@ -0,0 +1,27 @@ +//*-- Home --*\\ +.icono-home{ + width: @22; + height: @16; + &:extend(.icono-stroke); + border-top: none; + margin: @15 @6 @3; + &:before{ + .square(@18); + .transform(rotate(45deg)); + position: absolute; + left: -1*@2; + top: -1*@7; + &:extend(.icono-stroke); + border-right-color: transparent; + border-bottom-color: transparent; + } + &:after{ + position: absolute; + .goldenRectP(@6); + bottom: 0; + .stickCenterH(); + &:extend(.icono-stroke); + border-width: @1; + border-bottom: none; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/icono.less b/vendor/bower/icono/less/icons/icono.less new file mode 100644 index 0000000..a33fa39 --- /dev/null +++ b/vendor/bower/icono/less/icons/icono.less @@ -0,0 +1,27 @@ +.icono-icono{ + width: @13; + height: @4; + box-shadow: inset 0 0 0 @32, 0 @16, @17 -1*@18; + transform: skew(0, 30deg); + margin: @11 @19 @19 @2; + &:before{ + position: absolute; + width: @13; + height: @4; + box-shadow: inset 0 0 0 @32, 0 @16, -1*@17 -1*@17; + right: -1*@17; + top: -1*@10; + transform: skew(0, -48deg); + } + &:after{ + position: absolute; + width: @22; + height: @15; + left: 0; + top: -1*@5; + border: @4 solid; + border-top-color: transparent; + border-bottom: none; + transform: skew(0, -30deg) scaleY(0.6); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/imac.less b/vendor/bower/icono/less/icons/imac.less new file mode 100644 index 0000000..14ae2fb --- /dev/null +++ b/vendor/bower/icono/less/icons/imac.less @@ -0,0 +1,50 @@ +//*-- iMac --*\\ +.icono-imac{ + width: @28; + height: @24; + &:extend(.icono-stroke); + border-width: @2 @2 @6; + border-color: transparent; + .border-radius(@3); + box-shadow: 0 0 0 @1, 0 0 0 @1 inset; + margin: @3 @3 @7; + &:before{ + position: absolute; + height: @4; + right: -1*@3; + left: -1*@3; + bottom: -1*@6; + box-shadow: inset 0 0 0 @32; + .border-radius(0 0 @3 @3); + } + &:after{ + width: @9; + height: @7; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32; + bottom: -1*@12; + .border-radius(@32 @32 0 0 ~'/' 2*@32); + } +} +.icono-imacBold{ + width: @28; + height: @22; + &:extend(.icono-stroke); + .border-radius(@4); + margin: @4 @3 @8; + &:before{ + width: @9; + height: @7; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32; + bottom: -1*@6; + .border-radius(@32 @32 0 0 ~'/' 2*@32); + } + &:after{ + width: @24; + height: @3; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32; + bottom: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/image.less b/vendor/bower/icono/less/icons/image.less new file mode 100644 index 0000000..9cbb670 --- /dev/null +++ b/vendor/bower/icono/less/icons/image.less @@ -0,0 +1,26 @@ +//*-- Image --*\\ +.icono-image{ + width: @30; + height: @26; + &:extend(.icono-stroke); + .border-radius(@3); + overflow: hidden; + margin: @4 @2; + &:before{ + position: absolute; + width: @20; + height: @20; + left: -1*@2; + top: @14; + .transform(rotate(45deg)); + box-shadow: inset 0 0 0 @32, @10 -1*@6 0 0; + } + &:after{ + position: absolute; + .square(@4); + .border-radius(50%); + box-shadow: inset 0 0 0 @32; + top: @5; + right: @5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/indent.less b/vendor/bower/icono/less/icons/indent.less new file mode 100644 index 0000000..c287518 --- /dev/null +++ b/vendor/bower/icono/less/icons/indent.less @@ -0,0 +1,18 @@ +//*-- Indent --*\\ +.icono-indent{ + width: @20; + height: @16; + border-width: @4 0 @4 @8; + border-style: solid; + border-color: transparent; + box-shadow: 0 -1*@2, 0 @2, inset 0 @2, inset 0 -1*@2; + margin: @9 @7; + &:before{ + &:extend(.stickCenterV); + left: -1*@8; + border: @5 solid; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-width: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/infinity.less b/vendor/bower/icono/less/icons/infinity.less new file mode 100644 index 0000000..9326c21 --- /dev/null +++ b/vendor/bower/icono/less/icons/infinity.less @@ -0,0 +1,21 @@ +//*-- Infinity --*\\ +.icono-infinity{ + width: @32; + height: @16; + margin: @9 @1; + &:before, &:after{ + width: @10; + height: @10; + position: absolute; + &:extend(.icono-stroke); + .transform(rotate(45deg)); + } + &:before{ + left: 0; + .border-radius(@32 0 @32 @32); + } + &:after{ + right: 1px; + .border-radius(@32 @32 @32 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/iphone.less b/vendor/bower/icono/less/icons/iphone.less new file mode 100644 index 0000000..6ac8e44 --- /dev/null +++ b/vendor/bower/icono/less/icons/iphone.less @@ -0,0 +1,34 @@ +//*-- iPhone --*\\ +.icono-iphone{ + width: @19; + height: @31; + &:extend(.icono-stroke); + .border-radius(@3); + border-width: @5 @1; + border-color: transparent; + box-shadow: 0 0 0 @1, 0 0 0 @1 inset; + margin: @2 @8 @1 @7; + &:before, &:after{ + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32; + } + &:before{ + width: @3; + height: @1; + top: -1*@3; + } + &:after{ + width: @3; + height: @3; + bottom: -1*@4; + .border-radius(50%); + } +} +.icono-iphoneBold{ + width: @20; + height: @32; + margin: @1 @7; + .border-radius(@4); + &:extend(.icono-stroke); + border-width: @5 @2; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/keyboard.less b/vendor/bower/icono/less/icons/keyboard.less new file mode 100644 index 0000000..7629b98 --- /dev/null +++ b/vendor/bower/icono/less/icons/keyboard.less @@ -0,0 +1,15 @@ +//*-- Keyboard --*\\ +.icono-keyboard{ + width: @32; + height: @22; + .border-radius(@3); + &:extend(.icono-stroke); + margin: @6 @1; + &:before{ + .square(@2); + &:extend(.stickCenter); + box-shadow: -1*@2 -1*@4 0, -1*@6 -1*@4 0, -1*@10 -1*@4 0, @2 -1*@4 0, @6 -1*@4 0, @8 -1*@4 0, @10 -1*@4 0, + -1*@4 0 0, -1*@8 0 0, -1*@10 0 0, inset 0 0 0 @32, @4 0 0, @8 0 0, @10 0 0, + @4 @4 0, @2 @4 0, 0 @4 0, -1*@2 @4 0, -1*@6 @4 0, -1*@10 @4 0, @6 @4 0, @10 @4 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/list.less b/vendor/bower/icono/less/icons/list.less new file mode 100644 index 0000000..329949c --- /dev/null +++ b/vendor/bower/icono/less/icons/list.less @@ -0,0 +1,13 @@ +//*-- List --*\\ +.icono-list{ + .square(@4); + box-shadow: inset 0 0 0 @32, 0 -1*@8 0 0, 0 1*@8 0 0; + margin: @15 @26 @15 @4; + &:before{ + &:extend(.stickCenterV); + width: @18; + height: @4; + left: @8; + box-shadow: inset 0 0 0 @32, 0 -1*@8 0 0, 0 1*@8 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/locationArrow.less b/vendor/bower/icono/less/icons/locationArrow.less new file mode 100644 index 0000000..0370e9e --- /dev/null +++ b/vendor/bower/icono/less/icons/locationArrow.less @@ -0,0 +1,25 @@ +//*-- LocationArrow --*\\ +.icono-locationArrow{ + width: @32; + height: @32; + margin: @1; + &:before{ + position: absolute; + left: @7; + top: @16; + border-width: @6 0 @6 @6; + border-style: solid; + border-left-color: transparent; + .transform(rotate(-45deg)); + } + &:after{ + position: absolute; + top: @10; + left: @2; + border-width: @10; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; + .transform(skew(-30deg, -30deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/macbook.less b/vendor/bower/icono/less/icons/macbook.less new file mode 100644 index 0000000..7723d2a --- /dev/null +++ b/vendor/bower/icono/less/icons/macbook.less @@ -0,0 +1,34 @@ +//*-- Macbook --*\\ +.icono-macbook{ + width: @32; + height: @2; + box-shadow: inset 0 0 0 @32; + .border-radius(0 0 @32 @32 ~'/' @3); + margin: @25 @1 @7 @1; + &:before{ + width: @20; + height: @14; + &:extend(.icono-stroke); + &:extend(.stickCenterH); + bottom: @2; + border-width: @3 @1 @1 @1; + border-color: transparent; + .border-radius(@3 @3 0 0); + box-shadow: 0 0 0 @1, 0 0 0 @1 inset; + } +} +.icono-macbookBold{ + width: @32; + height: @2; + box-shadow: inset 0 0 0 @32; + margin: @25 @1 @7 @1; + &:before{ + width: @20; + height: @14; + &:extend(.stickCenterH); + bottom: @2; + &:extend(.icono-stroke); + border-width: @3 @2 @1; + .border-radius(@3 @3 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/mail.less b/vendor/bower/icono/less/icons/mail.less new file mode 100644 index 0000000..e6334d8 --- /dev/null +++ b/vendor/bower/icono/less/icons/mail.less @@ -0,0 +1,15 @@ +//*-- Mail --*\\ +.icono-mail{ + .goldenRectL(@28); + &:extend(.icono-stroke); + overflow: hidden; + margin: @8 @3; + &:before{ + position: absolute; + .square(@32/1.3); + &:extend(.icono-stroke); + .transform(rotate(50deg) skew(-10deg, -20deg)); + top: -1*@20; + left: -1*@3; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/market.less b/vendor/bower/icono/less/icons/market.less new file mode 100644 index 0000000..2b8ce07 --- /dev/null +++ b/vendor/bower/icono/less/icons/market.less @@ -0,0 +1,25 @@ +//*-- Market --*\\ +.icono-market{ + width: @32; + height: @12; + &:extend(.icono-stroke); + border-top: none; + margin: @19 @1 @3; + &:before{ + width: @6; + height: @13; + position: absolute; + top: -1*@15; + left: -1*@5; + .border-radius(0 0 @10 @10); + border-left: none; + box-shadow: inset 0 0 0 @32, @8 0 0, @16 0 0, @24 0 0, @32 0 0; + } + &:after{ + width: @6; + height: @6; + bottom: -1*@2; + &:extend(.stickCenterH); + &:extend(.icono-stroke); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/meh.less b/vendor/bower/icono/less/icons/meh.less new file mode 100644 index 0000000..1933357 --- /dev/null +++ b/vendor/bower/icono/less/icons/meh.less @@ -0,0 +1,15 @@ +//*-- Meh --*\\ +.icono-meh{ + &:extend(.icono-smile); + &:before{ + &:extend(.icono-smile:before); + } + &:after{ + &:extend(.icono-smile:after); + top: 0; + width: @12; + border-left-width: 0; + border-right-width: 0; + .border-radius(0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/microphone.less b/vendor/bower/icono/less/icons/microphone.less new file mode 100644 index 0000000..d672950 --- /dev/null +++ b/vendor/bower/icono/less/icons/microphone.less @@ -0,0 +1,24 @@ +//*-- Microphone --*\\ +.icono-microphone{ + width: @22; + height: @15; + &:extend(.icono-stroke); + border-width: 0 @2 @2; + .border-radius(@20~'/'0 0 @20 @20); + margin: @12 @6 @7; + &:before{ + width: @10; + height: @18; + &:extend(.stickCenterH); + top: -1*@11; + .border-radius(@20); + &:extend(.icono-stroke); + } + &:after{ + width: @2; + height: @2; + bottom: -1*@4; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32, 0 @2, 0 @4, -1*@2 @4, -1*@4 @4, -1*@6 @4, @2 @4, @4 @4, @6 @4; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/moon.less b/vendor/bower/icono/less/icons/moon.less new file mode 100644 index 0000000..6b4f0d6 --- /dev/null +++ b/vendor/bower/icono/less/icons/moon.less @@ -0,0 +1,17 @@ +//*-- Moon --*\\ +.icono-moon{ + width: @22; + height: @22; + .border-radius(50%); + overflow: hidden; + margin: @6; + &:before{ + position: absolute; + width: @20; + height: @20; + top: -@2; + left: @6; + .border-radius(50%); + box-shadow: 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/mouse.less b/vendor/bower/icono/less/icons/mouse.less new file mode 100644 index 0000000..8b27667 --- /dev/null +++ b/vendor/bower/icono/less/icons/mouse.less @@ -0,0 +1,26 @@ +//*-- Mouse --*\\ +.icono-mouse{ + width: @23; + height: @32; + .border-radius(@11 @11 @12 @12); + &:extend(.icono-stroke); + margin: @1 @5 @1 @6; + &:before{ + width: @1; + height: @6; + .border-radius(@2); + &:extend(.stickCenterH); + &:extend(.icono-stroke); + border-color: transparent; + border-width: @1; + top: @5; + box-shadow: 0 0 0 @1, 0 0 0 @2 inset; + } + &:after{ + width: @1; + height: @4; + &:extend(.stickCenterH); + top: 0; + box-shadow: inset 0 0 0 @32, 0 @13 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/music.less b/vendor/bower/icono/less/icons/music.less new file mode 100644 index 0000000..defe085 --- /dev/null +++ b/vendor/bower/icono/less/icons/music.less @@ -0,0 +1,26 @@ +//*-- Music --*\\ +.icono-music{ + width: @18; + height: @6; + .transform(skewY(-15deg)); + box-shadow: inset 0 0 0 @32; + .border-radius(@2 @2 0 0); + margin: @4 @5 @24 @11; + &:before{ + position: absolute; + width: @2; + height: @16; + left: 0; + top: @4; + box-shadow: inset 0 0 0 @32, @16 0 0 0; + } + &:after{ + position: absolute; + width: @10; + height: @8; + left: -1*@8; + top: @17; + .border-radius(50%); + box-shadow: inset 0 0 0 @32, @16 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/next.less b/vendor/bower/icono/less/icons/next.less new file mode 100644 index 0000000..ea12fba --- /dev/null +++ b/vendor/bower/icono/less/icons/next.less @@ -0,0 +1,10 @@ +//*-- Next --*\\ +.icono-next{ + width: 0; + height: 0; + border: @10 solid transparent; + border-left: @10 solid; + border-right: none; + margin: @7 @14 @7 @10; + box-shadow: @4 0; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/nexus.less b/vendor/bower/icono/less/icons/nexus.less new file mode 100644 index 0000000..12929bd --- /dev/null +++ b/vendor/bower/icono/less/icons/nexus.less @@ -0,0 +1,9 @@ +//*-- Nexus --*\\ +.icono-nexus{ + width: @21; + height: @32; + &:extend(.icono-stroke); + border-width: @3 @1; + .border-radius(@16 ~'/' @3); + margin: @1 @7 @1 @6; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/outdent.less b/vendor/bower/icono/less/icons/outdent.less new file mode 100644 index 0000000..74c892d --- /dev/null +++ b/vendor/bower/icono/less/icons/outdent.less @@ -0,0 +1,9 @@ +//*-- Outdent --*\\ +.icono-outdent{ + &:extend(.icono-indent); + &:before{ + &:extend(.icono-indent:before); + border-left-width: 0; + border-right-width: @5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/paperclip.less b/vendor/bower/icono/less/icons/paperclip.less new file mode 100644 index 0000000..9914fe1 --- /dev/null +++ b/vendor/bower/icono/less/icons/paperclip.less @@ -0,0 +1,30 @@ +//*-- Paper clip --*\\ +.icono-paperClip{ + width: @24; + height: @18; + &:extend(.icono-stroke); + border-left: none; + .border-radius(0 @16 @16 0); + .transform(rotate(-45deg)); + margin: @5 0 @11 @10; + &:before{ + width: @18; + height: @6; + right: @2; + &:extend(.stickCenterV); + &:extend(.icono-stroke); + .border-radius(0 @16 @16 0); + border-left: none; + } + &:after{ + position: absolute; + width: @12; + height: @10; + left: -1*@12; + top: -1*@2; + &:extend(.icono-stroke); + border-right: none; + .border-radius(@16 0 0 @16); + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/pause.less b/vendor/bower/icono/less/icons/pause.less new file mode 100644 index 0000000..30e647c --- /dev/null +++ b/vendor/bower/icono/less/icons/pause.less @@ -0,0 +1,6 @@ +.icono-pause{ + width: @6; + height: @20; + margin: @7 @20 @7 @8; + box-shadow: inset 0 0 0 @32, @12 0 0 0; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/piano.less b/vendor/bower/icono/less/icons/piano.less new file mode 100644 index 0000000..2547d03 --- /dev/null +++ b/vendor/bower/icono/less/icons/piano.less @@ -0,0 +1,23 @@ +//*-- piano --*\\ +.icono-piano{ + width: @28; + height: @22; + &:extend(.icono-stroke); + margin: @6 @3; + &:before{ + position: absolute; + left: @4; + top: 0; + width: @1; + height: 100%; + box-shadow: inset 0 0 0 @32, @5 0, @10 0, @15 0; + } + &:after{ + position: absolute; + width: @3; + height: @12; + left: @3; + top: 0; + box-shadow: inset 0 0 0 @32, @5 0, @10 0, @15 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/pin.less b/vendor/bower/icono/less/icons/pin.less new file mode 100644 index 0000000..aed1bb1 --- /dev/null +++ b/vendor/bower/icono/less/icons/pin.less @@ -0,0 +1,17 @@ +//*-- Pin --*\\ +.icono-pin{ + width: @26; + height: @26; + &:extend(.icono-stroke); + .border-radius(50% 50% 50% 0); + .transform(rotate(-45deg)); + margin: @1 @4 @7; + &:before{ + position: absolute; + width: @6; + height: @6; + &:extend(.icono-stroke); + .border-radius(50%); + &:extend(.stickCenter); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/play.less b/vendor/bower/icono/less/icons/play.less new file mode 100644 index 0000000..65c9c1d --- /dev/null +++ b/vendor/bower/icono/less/icons/play.less @@ -0,0 +1,9 @@ +.icono-play { + width: 0; + height: 0; + border-width: @10 0 @10 @16; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + margin: @7 @9; +} diff --git a/vendor/bower/icono/less/icons/plus.less b/vendor/bower/icono/less/icons/plus.less new file mode 100644 index 0000000..f117f38 --- /dev/null +++ b/vendor/bower/icono/less/icons/plus.less @@ -0,0 +1,26 @@ +//*-- Plus --*\\ +[class*="icono-plus"], [class*="icono-cross"]{ + width: @30; + height: @30; + margin: @2; + &:before, &:after{ + &:extend(.stickCenter); + box-shadow: inset 0 0 0 @32; + } + &:before{ + width: @20; + height: @2; + } + &:after{ + height: @20; + width: @2; + } + &[class*="Circle"]{ + &:before{ + width: @18; + } + &:after{ + height: @18; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/power.less b/vendor/bower/icono/less/icons/power.less new file mode 100644 index 0000000..4fa6327 --- /dev/null +++ b/vendor/bower/icono/less/icons/power.less @@ -0,0 +1,17 @@ +//*-- Power --*\\ +.icono-power{ + width: @22; + height: @22; + &:extend(.icono-stroke); + .border-radius(50%); + border-top-color: transparent; + margin: @6; + &:before{ + position: absolute; + top: -15%; + left: @8; + width: @2; + height:60%; + box-shadow: inset 0 0 0 @32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/previous.less b/vendor/bower/icono/less/icons/previous.less new file mode 100644 index 0000000..deb639d --- /dev/null +++ b/vendor/bower/icono/less/icons/previous.less @@ -0,0 +1,6 @@ +//*-- Previous --*\\ +.icono-previous{ + &:extend(.icono-next all); + .transform(rotate(180deg)); + margin: @7 @10 @7 @14; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/rename.less b/vendor/bower/icono/less/icons/rename.less new file mode 100644 index 0000000..dbf08c6 --- /dev/null +++ b/vendor/bower/icono/less/icons/rename.less @@ -0,0 +1,21 @@ +//*-- Rename --*\\ +.icono-rename{ + width: @26; + height: @10; + &:extend(.icono-stroke); + border-color: transparent; + border-width: @3; + box-shadow: 0 0 0 @1, @11 0 0 0 inset; + margin: @12 @4; + &:before{ + width: @1; + height: @18; + &:extend(.stickCenterV); + left: @9; + border-width: @2 @4; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + box-shadow: 0 0 0 @1 inset; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/reset.less b/vendor/bower/icono/less/icons/reset.less new file mode 100644 index 0000000..99a7683 --- /dev/null +++ b/vendor/bower/icono/less/icons/reset.less @@ -0,0 +1,23 @@ +//*-- Reset --*\\ +.icono-reset{ + width: @26; + height: @26; + .border-radius(50%); + border-width: @2; + border-style: solid; + border-left-color: transparent; + margin: @4; + &:before{ + position: absolute; + width: 0; + height: 0; + left: -1*@7; + bottom: 0; + border-width: @6; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-color: transparent; + .transform(rotate(135deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/rewind.less b/vendor/bower/icono/less/icons/rewind.less new file mode 100644 index 0000000..27a5739 --- /dev/null +++ b/vendor/bower/icono/less/icons/rewind.less @@ -0,0 +1,5 @@ +//*-- Rewind --*\\ +.icono-rewind{ + &:extend(.icono-forward all); + .transform(rotate(180deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/rss.less b/vendor/bower/icono/less/icons/rss.less new file mode 100644 index 0000000..f16adba --- /dev/null +++ b/vendor/bower/icono/less/icons/rss.less @@ -0,0 +1,23 @@ +//*-- RSS --*\\ +.icono-rss{ + .square(@22); + overflow: hidden; + margin: @6; + &:before, &:after{ + position: absolute; + .border-radius(50%); + } + &:before{ + .square(@6); + box-shadow: 0 0 @32 inset; + left: 0; + bottom: 0; + } + &:after{ + .square(@27); + right: 15%; + top: 15%; + border: @4 solid transparent; + box-shadow: inset 0 0 0 @2, 0 0 0 @2; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/ruler.less b/vendor/bower/icono/less/icons/ruler.less new file mode 100644 index 0000000..f16865e --- /dev/null +++ b/vendor/bower/icono/less/icons/ruler.less @@ -0,0 +1,23 @@ +//*-- Ruler --*\\ +.icono-ruler{ + width: @27; + height: @12; + &:extend(.icono-stroke); + margin: @11 @4 @11 @3; + &:before{ + position: absolute; + width: @1; + height: @4; + box-shadow: inset 0 0 0 @32, @6 0, @12 0; + left: @5; + top: 0; + } + &:after{ + position: absolute; + width: @1; + height: @2; + box-shadow: inset 0 0 0 @32, @2 0, @6 0, @8 0, @12 0, @14 0, @18 0, @20 0; + left: @1; + top: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/search.less b/vendor/bower/icono/less/icons/search.less new file mode 100644 index 0000000..566f43b --- /dev/null +++ b/vendor/bower/icono/less/icons/search.less @@ -0,0 +1,16 @@ +//*-- Search --*\\ +.icono-search{ + .square(@22); + .border-radius(50%); + &:extend(.icono-stroke); + .transform(rotate(45deg)); + margin: @4 @4 @8 @8; + &:before{ + width: @4; + height: @11; + &:extend(.stickCenterH); + box-shadow: inset 0 0 0 @32; + top: @19; + .border-radius(0 0 @1 @1); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/share.less b/vendor/bower/icono/less/icons/share.less new file mode 100644 index 0000000..6ec5cc9 --- /dev/null +++ b/vendor/bower/icono/less/icons/share.less @@ -0,0 +1,23 @@ +//*-- Share --*\\ +.icono-share{ + height: @9; + width: @9; + .border-radius(50%); + box-shadow: inset 0 0 0 @32, @22 -1*@11 0 0, @22 1*@11 0 0; + margin: @12 @24 @13 @1; + &:before, &:after{ + position: absolute; + width: @24; + height: @2; + box-shadow: inset 0 0 0 @32; + left: 0; + } + &:before{ + top:-1*@2; + .transform(rotate(-25deg)); + } + &:after{ + top:@9; + .transform(rotate(25deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/signin.less b/vendor/bower/icono/less/icons/signin.less new file mode 100644 index 0000000..5ae40c1 --- /dev/null +++ b/vendor/bower/icono/less/icons/signin.less @@ -0,0 +1,22 @@ +//*-- Sign in --*\\ +.icono-signIn{ + width: @18; + height: @32; + &:extend(.icono-stroke); + border-left: none; + margin-left: @5; + .border-radius(0 @3 @3 0); + margin: @1 @8; + &:before{ + position: absolute; + width: @11; + height: @11; + left:-1*@10; + top:@7; + &:extend(.icono-stroke); + border-bottom: none; + border-left: none; + .transform(rotate(45deg)); + .border-radius(0 @4 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/signout.less b/vendor/bower/icono/less/icons/signout.less new file mode 100644 index 0000000..42d70b3 --- /dev/null +++ b/vendor/bower/icono/less/icons/signout.less @@ -0,0 +1,22 @@ +//*-- Sign out --*\\ +.icono-signOut{ + width: @18; + height: @32; + &:extend(.icono-stroke); + border-right: none; + margin-right: @5; + .border-radius(@3 0 0 @3); + margin: @1 @8; + &:before{ + position: absolute; + width: @11; + height: @11; + right:-1*@2; + top:@7; + &:extend(.icono-stroke); + border-bottom: none; + border-left: none; + .transform(rotate(45deg)); + .border-radius(0 @4 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/sitemap.less b/vendor/bower/icono/less/icons/sitemap.less new file mode 100644 index 0000000..ad1ac16 --- /dev/null +++ b/vendor/bower/icono/less/icons/sitemap.less @@ -0,0 +1,20 @@ +//* Sitemap *\\ +.icono-sitemap { + width: @24; + height: @2; + box-shadow: 0 -@5; + margin: @21 @5 @11; + &:before { + &:extend(.stickCenterH); + width: @6; + height: @6; + .border-radius(@2); + box-shadow: inset 0 0 0 @32, @11 0, -@11 0, 0 -@14 0 @1; + } + &:after { + &:extend(.stickCenterH); + width: @2; + height: @10; + box-shadow: 0 -@7, @11 -@5, -@11 -@5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/sliders.less b/vendor/bower/icono/less/icons/sliders.less new file mode 100644 index 0000000..0c39eba --- /dev/null +++ b/vendor/bower/icono/less/icons/sliders.less @@ -0,0 +1,24 @@ +//*-- Sliders --*\\ +.icono-sliders{ + height: @30; + width: @30; + margin: @2; + &:before, &:after{ + .transform(translateX(-50%)); + left: 50%; + position: absolute; + } + &:before{ + width: @8; + height: @7; + .border-radius(@2); + top: 67%; + box-shadow: inset 0 0 0 @32, @10 -1*@10, -1*@10 -1*@14; + } + &:after{ + position: absolute; + width: @2; + height:100%; + box-shadow: inset 0 0 0 @32, @10 0, -1*@10 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/smile.less b/vendor/bower/icono/less/icons/smile.less new file mode 100644 index 0000000..2a87b52 --- /dev/null +++ b/vendor/bower/icono/less/icons/smile.less @@ -0,0 +1,30 @@ +//*-- Smile --*\\ +.icono-smile{ + .border-radius(50%); + &:extend(.icono-stroke); + height: @30; + width: @30; + margin: @2; + &:before{ + .border-radius(50%); + box-shadow: @8 0 0 0, 0 0 0 @2 inset; + height: @4; + width: @4; + left: @7; + position: absolute; + top: 27%; + } + &:after{ + .border-radius(50%); + .transform(translateX(-50%)); + &:extend(.icono-stroke); + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + height: @16; + left:50%; + position: absolute; + top: 6%; + width: @16; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/socials.less b/vendor/bower/icono/less/icons/socials.less new file mode 100644 index 0000000..680de3a --- /dev/null +++ b/vendor/bower/icono/less/icons/socials.less @@ -0,0 +1,237 @@ +//*-- Socials --*\\ +.icono-facebook{ + width: @9; + height: @26; + box-shadow: inset @2 @4 0 0; + border-left: @3 solid; + .border-radius(@5 0 0 0); + margin: @4 @11 @4 @14; + &:before{ + position: absolute; + top: @9; + left: -1*@6; + width: @11; + height: 0; + border-top: @4 solid; + border-right: @1 solid transparent; + } +} +.icono-twitter{ + width: @14; + height: @23; + .border-radius(0 0 0 @8); + box-shadow: -1*@6 @2 0 0; + margin: @4 @7 @7 @13; + &:before{ + position: absolute; + bottom: -1*@2; + left: -1*@6; + width: @17; + height: @6; + .border-radius(0 0 0 @8); + box-shadow: inset @4 -1*@6, 0 -1*@11; + } + &:after{ + position: absolute; + width: @6; + height: @6; + box-shadow: inset 0 0 0 @32, @13 @8, @13 @19; + .border-radius(50%); + left: -1*@6; + } +} +.icono-gplus{ + width: @10; + height: @2; + box-shadow: inset 0 0 0 @32; + margin: @14 @4 @18 @20; + &:before{ + position: absolute; + top: -@5; + right: @10; + content: "g" !important; + font-family: georgia; + font-size: @32; + text-indent: 0; + line-height: 0; + } + &:after{ + &:extend(.stickCenter); + width: @2; + height: @10; + box-shadow: inset 0 0 0 @32; + } +} +.icono-linkedIn{ + width: @5; + height: @16; + box-shadow: inset 0 0 0 @32, @8 0; + margin: @12 @24 @6 @5; + &:before{ + position: absolute; + width: @5; + height: @5; + box-shadow: inset 0 0 0 @32; + top: -1*@7; + left: 0; + .border-radius(50%); + } + &:after{ + position: absolute; + width: @12; + height: @16; + border-right: @1 solid; + left: @11; + bottom: 0; + .border-radius(@8 @5 0 0~'/'@11 @5 0 0); + box-shadow: inset -1*@4 @4; + } +} +.icono-instagram{ + width: @26; + height: @26; + box-shadow: inset 0 0 0 @2; + .border-radius(@4); + margin: @4; + &:before{ + &:extend(.stickCenter); + width: @10; + height: @10; + .border-radius(50%); + box-shadow: 0 0 0 @3; + } + &:after{ + position: absolute; + width: @5; + height: @5; + .border-radius(@1); + right: @3; + top: @3; + box-shadow: 0 0 0 @2, @1 @1 0 @2, -1*@5 -1*@1 0 @1, -1*@10 -1*@1 0 @1, -1*@16 @1 0 @2; + } +} +.icono-flickr{ + width: @24; + height: @24; + overflow: hidden; + .border-radius(@4); + margin: @5; + &:before, &:after{ + &:extend(.stickCenterV); + width: @7; + height: @7; + .border-radius(50%); + } + &:before{ + left: @4; + box-shadow: 0 0 0 @1, 0 -1*@10 0 @6, 0 @10 0 @6, -1*@4 0 0 @3; + } + &:after{ + right: @4; + box-shadow: 0 0 0 @1, 0 -1*@10 0 @6, 0 @10 0 @6, @4 0 0 @3; + } +} +.icono-delicious{ + width: @24; + height: @24; + overflow: hidden; + .border-radius(@4); + box-shadow: inset 0 0 0 @2; + margin: @5; + &:before{ + position: absolute; + width: @12; + height: @12; + box-shadow: inset 0 0 0 @32, @12 -1*@12 0 0; + left: 0; + bottom: 0; + } +} +.icono-codepen{ + width: @2; + height: @10; + box-shadow: inset 0 0 0 @32, 0 @15, -1*@11 @7, @11 @7; + margin: @4 @16 @20; + &:before{ + position: absolute; + right: @2; + top: @3; + width: @11; + height: @4; + transform: skew(0, -35deg) scaleY(0.6); + box-shadow: inset 0 0 0 @32, 0 @13, @11 @26, @12 @32+@7; + } + &:after{ + position: absolute; + left: @2; + top: @3; + width: @11; + height: @4; + transform: skew(0, 35deg) scaleY(0.6); + box-shadow: inset 0 0 0 @32, 0 @13, -1*@11 @26, -1*@12 @32+@7; + } +} +.icono-blogger{ + width: @24; + height: @14; + .border-radius(0 0 @7 @7); + margin: @14 @5 @6; + &, &:before{ + border-width: @6; + border-style: solid; + } + &:before{ + position: absolute; + width: @8; + height: @2; + left: -1*@6; + top: -1*@15; + .border-radius(@6 @6 0 0) + } +} +.icono-disqus{ + width: @31; + height: @31; + box-shadow: inset 0 0 0 @32; + .border-radius(50%); + margin: @1 @1 @2 @2; + &:before{ + position: absolute; + width: 0; + height: 0; + border: @5 solid transparent; + border-top: @10 solid; + .transform(rotate(50deg)); + left: -@5; + top: @20; + } +} +.icono-dribbble{ + width: @26; + height: @26; + .border-radius(50%); + box-shadow: inset 0 0 0 @2; + overflow: hidden; + position: relative; + background-image: radial-gradient(50% 100%, transparent 0, transparent @9, currentColor @10, currentColor @11, transparent @12); + background-repeat: no-repeat; + background-position: -@8 center; + .transform(rotate(-25deg)); + margin: @4; + &:after, &:before{ + position: absolute; + border-radius: 50%; + border: @2 solid; + width: 2*@20; + height: @30; + } + &:after{ + top: @14; + left: -@7; + width: @32; + } + &:before{ + left: -@6; + top: -@23; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/stop.less b/vendor/bower/icono/less/icons/stop.less new file mode 100644 index 0000000..5e669cf --- /dev/null +++ b/vendor/bower/icono/less/icons/stop.less @@ -0,0 +1,7 @@ +//*-- Stop --*\\ +.icono-stop{ + width: 0; + height: 0; + border: solid @10; + margin: @7; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/sun.less b/vendor/bower/icono/less/icons/sun.less new file mode 100644 index 0000000..fdcb2c5 --- /dev/null +++ b/vendor/bower/icono/less/icons/sun.less @@ -0,0 +1,10 @@ +//*-- Sun --*\\ +.icono-sun{ + width: @22; + height: @22; + border: @2 solid; + .border-radius(50%); + box-shadow: -@15 0 0 -@9, @15 0 0 -@9, 0 -@15 0 -@9, 0 @15 0 -@9, + @11 @11 0 -@9, -@11 -@11 0 -@9, @11 -@11 0 -@9, -@11 @11 0 -@9; + margin: @6; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/support.less b/vendor/bower/icono/less/icons/support.less new file mode 100644 index 0000000..de00f5f --- /dev/null +++ b/vendor/bower/icono/less/icons/support.less @@ -0,0 +1,27 @@ +//*-- Support --*\\ +.icono-support{ + width: @26; + height: @26; + border: @5 solid transparent; + box-shadow: 0 0 0 @2 inset, 0 0 0 @2; + .border-radius(50%); + margin: @4; + &:before{ + position:absolute; + width: @7; + height: @7; + top: -1*@3; + left: -1*@3; + .transform(rotate(45deg)); + box-shadow: inset 0 0 0 @32, @21 0 0 0; + } + &:after{ + position:absolute; + width: @7; + height: @7; + top: -1*@3; + right: -1*@3; + .transform(rotate(135deg)); + box-shadow: inset 0 0 0 @32, @21 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/sync.less b/vendor/bower/icono/less/icons/sync.less new file mode 100644 index 0000000..f473855 --- /dev/null +++ b/vendor/bower/icono/less/icons/sync.less @@ -0,0 +1,29 @@ +//*-- Sync --*\\ +.icono-sync{ + width: @26; + height: @26; + .border-radius(50%); + &:extend(.icono-stroke); + border-right-color: transparent; + border-left-color: transparent; + margin: @4; + &:before, &:after{ + position: absolute; + width: 0;height: 0; + border-width: @6; + border-style: solid; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + } + &:before{ + .transform(rotate(-45deg)); + right: -1*@7; + top:0; + } + &:after{ + .transform(rotate(135deg)); + left: -1*@7; + bottom: 0; + } +} diff --git a/vendor/bower/icono/less/icons/tag.less b/vendor/bower/icono/less/icons/tag.less new file mode 100644 index 0000000..154bd10 --- /dev/null +++ b/vendor/bower/icono/less/icons/tag.less @@ -0,0 +1,29 @@ +//*-- Tag --*\\ +.icono-tag{ + width: @18; + height: @24; + &:extend(.icono-stroke); + .border-radius(@6 @6 @4 @4); + border-top: none; + .transform(rotate(45deg)); + margin: @5 @8; + &:before{ + position: absolute; + top: -1*@4; + left: @1; + width: @10; + height: @10; + border-width: @2 0 0 @2; + border-style: solid; + .transform(rotate(45deg)); + .border-radius(@5 0 0 0) + } + &:after{ + &:extend(.stickCenterH); + top: @1; + width: @3; + height: @3; + &:extend(.icono-stroke); + .border-radius(50%); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/terminal.less b/vendor/bower/icono/less/icons/terminal.less new file mode 100644 index 0000000..235b4d8 --- /dev/null +++ b/vendor/bower/icono/less/icons/terminal.less @@ -0,0 +1,26 @@ +//*-- Terminal --*\\ +.icono-terminal{ + width: @28; + height: @24; + &:extend(.icono-stroke); + margin: @5 @3; + &:before{ + width: @5; + height: @5; + position: absolute; + top: 50%; + .transform(translateY(-50%) rotate(45deg)); + left: @3; + border-width: @2 @2 0 0; + border-style: solid; + } + &:after{ + position: absolute; + width: @5; + height: 0; + border-bottom: @2 solid; + right: @6; + bottom: @4; + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/textAlign.less b/vendor/bower/icono/less/icons/textAlign.less new file mode 100644 index 0000000..61e956c --- /dev/null +++ b/vendor/bower/icono/less/icons/textAlign.less @@ -0,0 +1,30 @@ +//*-- Text align --*\\ +[class*="icono-textAlign"]{ + width: @28; + height: @22; + margin: @6 @3; + &:before, &:after{ + position: absolute; + height: @2; + box-shadow: inset 0 0 0 @32, 0 @8 0 0, 0 @16 0 0; + right: 0; + } + &:before{ + width: @28; + top: 0; + } + &:after{ + width: @18; + top: @4; + } + &.icono-textAlignCenter{ + &:before, &:after{ + &:extend(.stickCenterH); + } + } + &.icono-textAlignLeft{ + &:before, &:after{ + left: 0; + } + } +} diff --git a/vendor/bower/icono/less/icons/tiles.less b/vendor/bower/icono/less/icons/tiles.less new file mode 100644 index 0000000..c04227a --- /dev/null +++ b/vendor/bower/icono/less/icons/tiles.less @@ -0,0 +1,8 @@ +//*-- Tiles --*\\ +.icono-tiles{ + .square(@4); + box-shadow: 0 -1*@8 0, -1*@8 -1*@8 0, @8 -1*@8 0, + 0 0 0 @32 inset, -1*@8 0 0, @8 0 0, + 0 @8 0, -1*@8 @8 0, @8 @8 0; + margin: @15; +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/trash.less b/vendor/bower/icono/less/icons/trash.less new file mode 100644 index 0000000..2931880 --- /dev/null +++ b/vendor/bower/icono/less/icons/trash.less @@ -0,0 +1,16 @@ +//*-- Trash --*\\ +.icono-trash{ + width: @22; + height: @22; + .border-radius(0 0 @3 @3); + &:extend(.icono-stroke); + border-top: none; + margin: @9 @6 @3; + &:before{ + width: @8; + height: @2; + &:extend(.stickCenterH); + top: -1*@6; + box-shadow: inset 0 0 0 @32, -1*@10 1*@2 0 0, -1*@6 1*@2 0 0, 0 @2 0 0, @6 @2 0 0, @10 @2 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/user.less b/vendor/bower/icono/less/icons/user.less new file mode 100644 index 0000000..0d7cd37 --- /dev/null +++ b/vendor/bower/icono/less/icons/user.less @@ -0,0 +1,18 @@ +//*-- User --*\\ +.icono-user{ + width: @32; + height: @14; + &:extend(.icono-stroke); + .border-radius(2*@32 2*@32 0 0 ~'/' 2*@32); + margin: @18 @1 @2; + &:before{ + .square(@12); + &:extend(.stickCenterH); + top: -1*@20; + &:extend(.icono-stroke); + .border-radius(50%); + } + &:after{ + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/video.less b/vendor/bower/icono/less/icons/video.less new file mode 100644 index 0000000..86184d8 --- /dev/null +++ b/vendor/bower/icono/less/icons/video.less @@ -0,0 +1,23 @@ +//*-- Video --*\\ +.icono-video{ + width: @20; + height: @20; + &:extend(.icono-stroke); + margin: @7 @7; + &:before{ + &:extend(.stickCenterV); + width: @3; + height: @3; + left: -1*@8; + box-shadow: inset 0 0 0 @32, 0 -1*@8 0 0, 0 @8 0 0, @29 0 0 0,@29 -1*@8 0 0, @29 @8 0 0; + } + &:after{ + &:extend(.stickCenter); + width: 0; + height: 0; + border-width: @4 0 @4 @6; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + } +} diff --git a/vendor/bower/icono/less/icons/volume.less b/vendor/bower/icono/less/icons/volume.less new file mode 100644 index 0000000..119c0d5 --- /dev/null +++ b/vendor/bower/icono/less/icons/volume.less @@ -0,0 +1,74 @@ +//*-- Volume --*\\ +.icono-volume{ + width: 0; + height: 0; + border: @7 solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + padding: @6 @3; + box-shadow: inset @4 0; + margin: @4 @10 @4 @11; +} +.icono-volumeLow{ + &:extend(.icono-volume); + margin: @4 @14 @4 @7; + &:before{ + width: @15; + height: @15; + position: absolute; + .border-radius(50%); + &:extend(.icono-stroke); + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + left: @2; + &:extend(.stickCenterV); + } +} +.icono-volumeMedium{ + &:extend(.icono-volumeLow all); + margin: @4 @16 @4 @5; + &:before{ + border-style: double; + border-width: @6; + left: -1*@2; + } +} +.icono-volumeHigh{ + &:extend(.icono-volumeMedium all); + margin: @4 @18 @4 @3; + &:after{ + &:extend(.icono-volumeLow:before); + width: @32; + height: @32; + left: -1*@7; + } +} +.icono-volumeDecrease{ + &:extend(.icono-volume); + margin: @4 @16 @4 @5; + &:before, &:after{ + &:extend(.stickCenterV); + box-shadow: inset 0 0 0 @32; + } + &:before{ + width: @10; + height: @2; + left: @17; + } +} +.icono-volumeIncrease{ + &:extend(.icono-volumeDecrease all); + &:after{ + height: @10; + width: @2; + left: @17+@4; + } +} +.icono-volumeMute{ + &:extend(.icono-volumeIncrease all); + &:after, &:before{ + .transform(translateY(-50%) rotate(45deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/icons/youtube.less b/vendor/bower/icono/less/icons/youtube.less new file mode 100644 index 0000000..d3e02b6 --- /dev/null +++ b/vendor/bower/icono/less/icons/youtube.less @@ -0,0 +1,31 @@ +//*-- Youtube --*\\ +.icono-youtube{ + border-right-color: transparent; + border-left-color: transparent; + .border-radius(@10); + width: @32; + height: @32 / 1.4357; + margin: @6 @1; + &, &:before{ + &:extend(.icono-stroke); + } + &:before{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-top-color: transparent; + border-bottom-color: transparent; + .border-radius(@6 ~'/' @3); + } + &:after{ + width: 0; + height: 0; + &:extend(.stickCenter); + border-width: @4 0 @4 @8; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/less/mixins.less b/vendor/bower/icono/less/mixins.less new file mode 100644 index 0000000..476ead3 --- /dev/null +++ b/vendor/bower/icono/less/mixins.less @@ -0,0 +1,56 @@ +.stickCenter(){ + position: absolute; + left: 50%; + top: 50%; + .transform(translate(-50%, -50%)); +} +.stickCenterH(){ + position: absolute; + left: 50%; + .transform(translateX(-50%)); +} +.stickCenterV(){ + position: absolute; + top: 50%; + .transform(translateY(-50%)); +} +.stickCenter(@top, @right, @bottom, @left){ + position: absolute; + top: @top; + right: @right; + bottom: @bottom; + left: @left; + margin: auto; +} +.square(@length){ + width: @length; height: @length; +} +.goldenRectL(@width){ + width: @width; + height: ceil(@width/1.61803398875); +} +.goldenRectP(@width){ + width: @width; + height: ceil(@width*1.61803398875); +} +.wDiagonal(@length){ + width: ceil(sqrt(2*@length*@length)); +} +.hDiagonal(@length){ + height: ceil(sqrt(2*@length*@length)); +} +//CSS3 Prefixes +.transform(@params){ + -webkit-transform: @params; + -moz-transform: @params; + -ms-transform: @params; + -o-transform: @params; + transform: @params; +} +.border-radius(@radius) { + -webkit-border-radius: @radius; + -moz-border-radius: @radius; + -o-border-radius: @radius; + border-radius: @radius; +} + \ No newline at end of file diff --git a/vendor/bower/icono/less/variables.less b/vendor/bower/icono/less/variables.less new file mode 100644 index 0000000..3869a09 --- /dev/null +++ b/vendor/bower/icono/less/variables.less @@ -0,0 +1,36 @@ +@maincolor: #ddd; +@size: 32px; +@stroke: @2 solid; + +@1: ceil(@size/32); +@2: ceil(@size/16); +@3: ceil(@size/12); +@4: ceil(@size/8); +@5: ceil(@size/7); +@6: ceil(@size/5.4); +@7: ceil(@size/4.9); +@8: ceil(@size/4); +@9: ceil(@size/3.7); +@10: ceil(@size/3.2); +@11: ceil(@size/3.1); +@12: ceil(@size/2.7); +@13: ceil(@size/2.5); +@14: ceil(@size/2.3); +@15: ceil(@size/2.2); +@16: ceil(@size/2); +@17: ceil(@size/1.9); +@18: ceil(@size/1.8); +@19: ceil(@size/1.7); +@20: ceil(@size/1.6); +@21: ceil(@size/1.55); +@22: ceil(@size/1.5); +@23: ceil(@size/1.4); +@24: ceil(@size/1.34); +@25: ceil(@size/1.3); +@26: ceil(@size/1.25); +@27: ceil(@size/1.2); +@28: ceil(@size/1.15); +@29: ceil(@size/1.12); +@30: ceil(@size/1.1); +@31: ceil(@size/1.05); +@32: @size; \ No newline at end of file diff --git a/vendor/bower/icono/package.json b/vendor/bower/icono/package.json new file mode 100644 index 0000000..516f8b6 --- /dev/null +++ b/vendor/bower/icono/package.json @@ -0,0 +1,43 @@ +{ + "name": "icono", + "version": "0.9.5", + "description": "Pure CSS Icons", + "main": "gulpfile.js", + "repository": { + "type": "git", + "url": "https://github.com/saeedalipoor/icono.git" + }, + "contributors": [ + { + "name": "Saeed Alipoor", + "email": "alipoor.sa@gmail.com", + "url": "https://github.com/saeedalipoor" + }, + { + "name": "Adam Ellsworth", + "email": "adam.d.ellsworth@gmail.com", + "url": "https://github.com/adamellsworth" + } + ], + "keywords": [ + "css", + "icons", + "ui", + "icono" + ], + "license": "MIT", + "bugs": { + "url": "https://github.com/saeedalipoor/icono/issues" + }, + "homepage": "http://saeedalipoor.github.io/icono/", + "devDependencies": { + "browser-sync": "^1.8.3", + "gulp": "^3.8.10", + "gulp-cssmin": "^0.1.6", + "gulp-less": "^2.0.1", + "gulp-plumber": "^0.6.6", + "gulp-rename": "^1.2.0", + "gulp-watch": "^3.0.0", + "gulp-html-replace": "~1.4.1" + } +} diff --git a/vendor/bower/icono/sass/functions.scss b/vendor/bower/icono/sass/functions.scss new file mode 100644 index 0000000..6e09acf --- /dev/null +++ b/vendor/bower/icono/sass/functions.scss @@ -0,0 +1,32 @@ +//Math functions given from https://github.com/terkel/mathsass +@function sqrt ($x) { + @if $x < 0 { + @warn "Argument for `sqrt()` must be a positive number."; + @return null; + } + $ret: 1; + @for $i from 1 through 24 { + $ret: $ret - (pow($ret, 2) - $x) / (2 * $ret); + } + @return $ret; +} +@function pow ($base, $exp) { + @if $exp == floor($exp) { + $r: 1; + $s: 0; + @if $exp < 0 { + $exp: $exp * -1; + $s: 1; + } + @while $exp > 0 { + @if $exp % 2 == 1 { + $r: $r * $base; + } + $exp: floor($exp * 0.5); + $base: $base * $base; + } + @return if($s != 0, 1 / $r, $r); + } @else { + @return exp(log($base) * $exp); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/generals.scss b/vendor/bower/icono/sass/generals.scss new file mode 100644 index 0000000..a9d43d1 --- /dev/null +++ b/vendor/bower/icono/sass/generals.scss @@ -0,0 +1,42 @@ +.icono-stroke{ + border: $U2 solid; +} + +.stickCenterV{ + @include stickCenterV; +} + +.stickCenterH{ + @include stickCenterH; +} + +.stickCenter{ + @include stickCenter; +} + +.spin[class*="spin"]{ + -webkit-animation: loading-spinner 2s infinite linear; /* Safari 4+ */ + -moz-animation: loading-spinner 2s infinite linear; /* Fx 5+ */ + -o-animation: loading-spinner 2s infinite linear; /* Opera 12+ */ + animation: loading-spinner 2s infinite linear; /* IE 10+, Fx 29+ */ +} + +@-webkit-keyframes loading-spinner { + 0% { @include transform(rotate(0deg)); } + 100% { @include transform(rotate(360deg)); } +} + +@-moz-keyframes loading-spinner { + 0% { @include transform(rotate(0deg)); } + 100% { @include transform(rotate(360deg)); } +} + +@-o-keyframes loading-spinner { + 0% { @include transform(rotate(0deg)); } + 100% { @include transform(rotate(360deg)); } +} + +@keyframes loading-spinner { + 0% { @include transform(rotate(0deg)); } + 100% { @include transform(rotate(360deg)); } +} diff --git a/vendor/bower/icono/sass/icono.scss b/vendor/bower/icono/sass/icono.scss new file mode 100644 index 0000000..e7330b3 --- /dev/null +++ b/vendor/bower/icono/sass/icono.scss @@ -0,0 +1,40 @@ +// Welcome to Iconode +// You can use this file in your project instead of .css file, and build it with other your less files. + +@import "variables"; +@import "mixins"; +@import "functions"; +@import "generals"; +@import "icons"; + +[class*="icono-"] { + display: inline-block; + vertical-align: middle; + position: relative; + font-style: normal; + color: $maincolor; + text-align: left; + text-indent: -9999px; + direction: ltr; + &:before, &:after{ + content:''; + pointer-events: none; + } + &[class*="Circle"]{ + @extend .icono-stroke; + @include border-radius(50%); + width: $U30; + height: $U30; + margin: $U2; + } + &[class*="Square"]{ + @extend .icono-stroke; + @include border-radius($U4); + width: $U30; + height: $U30; + margin: $U2; + } + &, & *{ + box-sizing: border-box; + } +} diff --git a/vendor/bower/icono/sass/icons.scss b/vendor/bower/icono/sass/icons.scss new file mode 100644 index 0000000..ee9979d --- /dev/null +++ b/vendor/bower/icono/sass/icons.scss @@ -0,0 +1,175 @@ +@import "icons/icono"; + +@import "icons/home"; + +@import "icons/mail"; + +@import "icons/rss"; + +@import "icons/bars"; + +@import "icons/plus"; + +@import "icons/cross"; + +@import "icons/check"; + +@import "icons/power"; + +@import "icons/heart"; + +@import "icons/infinity"; + +@import "icons/flag"; + +@import "icons/file"; + +@import "icons/document"; + +@import "icons/folder"; + +@import "icons/pin"; + +@import "icons/smile"; + +@import "icons/eye"; + +@import "icons/sliders"; + +@import "icons/share"; + +@import "icons/sync"; + +@import "icons/reset"; + +@import "icons/gear"; + +@import "icons/signIn"; + +@import "icons/signOut"; + +@import "icons/support"; + +@import "icons/dropper"; + +@import "icons/tiles"; + +@import "icons/list"; + +@import "icons/chain"; + +@import "icons/youtube"; + +@import "icons/rename"; + +@import "icons/search"; + +@import "icons/book"; + +@import "icons/forbidden"; + +@import "icons/trash"; + +@import "icons/keyboard"; + +@import "icons/mouse"; + +@import "icons/user"; + +@import "icons/crop"; + +@import "icons/display"; + +@import "icons/imac"; + +@import "icons/iphone"; + +@import "icons/macbook"; + +@import "icons/image"; + +@import "icons/headphone"; + +@import "icons/music"; + +@import "icons/video"; + +@import "icons/nexus"; + +@import "icons/microphone"; + +@import "icons/asterisk"; + +@import "icons/terminal"; + +@import "icons/paperClip"; + +@import "icons/market"; + +@import "icons/clock"; + +@import "icons/textAlign"; + +@import "icons/exclamation"; + +@import "icons/frown"; + +@import "icons/meh"; + +@import "icons/indent"; + +@import "icons/outdent"; + +@import "icons/locationArrow"; + +@import "icons/comment"; // 2 iconos + +@import "icons/chart"; // 3 iconos + +@import "icons/bookmark"; // 2 iconos + +@import "icons/filter"; + +@import "icons/volume"; // 7 iconos + +@import "icons/tag"; + +@import "icons/calendar"; + +@import "icons/camera"; + +@import "icons/piano"; + +@import "icons/ruler"; + +@import "icons/socials"; + +@import "icons/creditCard"; + +@import "icons/cup"; + +@import "icons/play"; + +@import "icons/pause"; + +@import "icons/stop"; + +@import "icons/rewind"; + +@import "icons/forward"; + +@import "icons/next"; + +@import "icons/previous"; + +@import "icons/caret"; // 4 iconos + +@import "icons/arrow"; // 4 iconos + +@import "icons/sun"; + +@import "icons/moon"; + +@import "icons/cart"; + +@import "icons/sitemap"; \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/arrow.scss b/vendor/bower/icono/sass/icons/arrow.scss new file mode 100644 index 0000000..7b150ad --- /dev/null +++ b/vendor/bower/icono/sass/icons/arrow.scss @@ -0,0 +1,32 @@ +//* Arrows *\\ +.icono-rightArrow { + width: $U16; + height: $U4; + margin: $U15 $U9; + box-shadow: inset 0 0 0 $U2; + @include transform(translateX(-1*$U3)); + &:before { + @extend .stickCenterV; + border-style: solid; + border-width: $U8 0 $U8 $U8; + border-color: transparent; + border-left-color: inherit; + left: 100%; + right: auto; + } +} + +.icono-leftArrow { + @extend .icono-rightArrow; + @include transform(translateX($U3) rotate(180deg)); +} + +.icono-upArrow { + @extend .icono-rightArrow; + @include transform(translateY($U3) rotate(-90deg)); +} + +.icono-downArrow { + @extend .icono-rightArrow; + @include transform(translateY(-1*$U3) rotate(90deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/asterisk.scss b/vendor/bower/icono/sass/icons/asterisk.scss new file mode 100644 index 0000000..357e38c --- /dev/null +++ b/vendor/bower/icono/sass/icons/asterisk.scss @@ -0,0 +1,21 @@ +//*-- Asterisk --*\\ +.icono-asterisk{ + width: $U4; + height: $U20; + box-shadow: inset 0 0 0 $U32; + @include border-radius($U1); + margin: $U7 $U15; + &:before, &:after{ + position: absolute; + @extend .icono-asterisk; + margin: 0; + left: 0; + top: 0; + } + &:before{ + @include transform(rotate(-58deg)); + } + &:after{ + @include transform(rotate(58deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/bars.scss b/vendor/bower/icono/sass/icons/bars.scss new file mode 100644 index 0000000..02050b9 --- /dev/null +++ b/vendor/bower/icono/sass/icons/bars.scss @@ -0,0 +1,10 @@ +//*-- bars --*\\ +.icono-bars{ + width: $U20; + height: $U2; + box-shadow: inset 0 0 0 $U32, 0 -1*$U6, 0 $U6; + margin: $U16 $U7; +} +.icono-hamburger{ + @extend .icono-bars;//will be deprecate +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/book.scss b/vendor/bower/icono/sass/icons/book.scss new file mode 100644 index 0000000..34099b7 --- /dev/null +++ b/vendor/bower/icono/sass/icons/book.scss @@ -0,0 +1,32 @@ +//*-- Book --*\\ +.icono-book{ + width: $U26; + height: $U22; + @include border-radius(0 0 0 $U6); + @extend .icono-stroke; + border-top: none; + margin: $U10 $U4 $U2; + &:before{ + position: absolute; + width: $U24; + height: $U7; + box-sizing: border-box; + @extend .icono-stroke; + border-top: none; + border-right: none; + left: -1*$U2; + top: -1*$U5; + @include border-radius(0 0 0 $U6); + } + &:after{ + position: absolute; + width: $U24; + height: $U8; + box-sizing: border-box; + left: -1*$U2; + top: -1*$U8; + @extend .icono-stroke; + border-bottom: none; + @include border-radius($U6 0 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/bookmark.scss b/vendor/bower/icono/sass/icons/bookmark.scss new file mode 100644 index 0000000..9737e5c --- /dev/null +++ b/vendor/bower/icono/sass/icons/bookmark.scss @@ -0,0 +1,30 @@ +//*-- Bookmark --*\\ +.icono-bookmark{ + width: 0; + height: 0; + border: $U9 solid; + border-bottom-color: transparent; + box-shadow: 0 -1*$U4; + @include border-radius($U3 $U3 0 0); + margin: $U10 $U8 $U6; +} +.icono-bookmarkEmpty{ + width: $U18; + height: $U22; + @extend .icono-stroke; + border-bottom: none; + @include border-radius($U3 $U3 $U2 $U2); + overflow: hidden; + margin: $U6 $U8; + &:before{ + position: absolute; + width: $U12; + height: $U12; + bottom: 0; + left: 0; + @extend .icono-stroke; + border-right: none; + border-bottom: none; + @include transform(rotate(45deg) translate(35%, 35%)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/calendar.scss b/vendor/bower/icono/sass/icons/calendar.scss new file mode 100644 index 0000000..7f6195e --- /dev/null +++ b/vendor/bower/icono/sass/icons/calendar.scss @@ -0,0 +1,28 @@ +//*-- Calendar --*\\ +.icono-calendar{ + width: $U32; + height: $U28; + border-width: $U4 $U2 $U2; + border-style: solid; + @include border-radius($U4); + margin: $U5 $U1 $U1; + &:before{ + position: absolute; + width: $U4; + height: $U4; + top: $U3; + left: $U3; + box-shadow: inset 0 0 0 $U32, $U6 0, $U12 0, $U18 0, + 0 $U6, $U6 $U6, $U12 $U6, $U18 $U6, + 0 $U12, $U6 $U12, $U12 $U12, $U18 $U12; + } + &:after{ + position: absolute; + width: $U4; + height: $U8; + box-shadow: inset 0 0 0 $U32, $U16 0; + @include border-radius($U4); + top: -1*$U8; + left: $U4; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/camera.scss b/vendor/bower/icono/sass/icons/camera.scss new file mode 100644 index 0000000..11662d1 --- /dev/null +++ b/vendor/bower/icono/sass/icons/camera.scss @@ -0,0 +1,24 @@ +//*-- camera --*\\ +.icono-camera{ + width: $U32; + height: $U24; + @include border-radius($U4); + @extend .icono-stroke; + margin: $U5 $U1; + &:before{ + @extend .stickCenter; + width: $U10; + height: $U10; + border: $U1 solid transparent; + box-shadow: inset 0 0 0 $U1, 0 0 0 $U2; + @include border-radius(50%); + } + &:after{ + position: absolute; + width: $U4; + height: $U2; + right: $U2; + top: $U2; + box-shadow: inset 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/caret.scss b/vendor/bower/icono/sass/icons/caret.scss new file mode 100644 index 0000000..ff4ff43 --- /dev/null +++ b/vendor/bower/icono/sass/icons/caret.scss @@ -0,0 +1,59 @@ +//* Carets *\\ +.icono-caretRight { + width: $U12; + height: $U20; + margin: $U7 $U11; + &:before, &:after { + width: $U14; + height: $U2; + position: absolute; + top: 0; + bottom: 0; + margin: auto 0; + right: $U2; + box-shadow: inset 0 0 0 $U32; + transform-origin: right; + } + &:before { + @include transform(rotate(45deg)); + } + &:after { + @include transform(rotate(-45deg)); + } +} + +.icono-caretRightCircle, .icono-caretRightSquare { + @extend .icono-caretRight; +} + +.icono-caretLeft { + @extend .icono-caretRight; + @include transform(rotate(180deg)); +} +.icono-caretLeftCircle, .icono-caretLeftSquare { + @extend .icono-caretLeft; +} + +.icono-caretUp { + @extend .icono-caretRight; + @include transform(rotate(-90deg)); +} +.icono-caretUpCircle, .icono-caretUpSquare { + @extend .icono-caretUp; +} + +.icono-caretDown { + @extend .icono-caretRight; + @include transform(rotate(90deg)); +} +.icono-caretDownCircle, .icono-caretDownSquare { + @extend .icono-caretDown; +} +[class*="icono-caret"] { + &[class*="Circle"], &[class*="Square"] { + &:before, &:after { + width: $U11; + right: $U8; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/cart.scss b/vendor/bower/icono/sass/icons/cart.scss new file mode 100644 index 0000000..32f95a6 --- /dev/null +++ b/vendor/bower/icono/sass/icons/cart.scss @@ -0,0 +1,19 @@ +//*-- Cart --*\\ +.icono-cart{ + width: $U22; + height: 0; + border-width: $U14 $U6 0 $U2; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + margin: $U9 $U3 $U11 $U9; + &:before{ + position: absolute; + width: $U4; + height: $U4; + @include border-radius(50%); + box-shadow: inset 0 0 0 $U32, $U13 0, -1*$U4 -1*$U20 0 $U1; + top: $U2; + left: -$U3; + } +} diff --git a/vendor/bower/icono/sass/icons/chain.scss b/vendor/bower/icono/sass/icons/chain.scss new file mode 100644 index 0000000..82b950c --- /dev/null +++ b/vendor/bower/icono/sass/icons/chain.scss @@ -0,0 +1,20 @@ +//*-- Chain --*\\ +.icono-chain{ + width: $U16; + height: $U2; + box-shadow: inset 0 0 0 $U32; + @include transform(rotate(-45deg)); + margin: $U16 $U9; + &:before, &:after{ + @include goldenRectL($U12); + @extend .stickCenterV; + @extend .icono-stroke; + @include border-radius($U4); + } + &:before{ + right: -1*$U10; + } + &:after{ + left: -1*$U10; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/chart.scss b/vendor/bower/icono/sass/icons/chart.scss new file mode 100644 index 0000000..04dfa29 --- /dev/null +++ b/vendor/bower/icono/sass/icons/chart.scss @@ -0,0 +1,73 @@ +//*-- Chart --*\\ +.icono-areaChart{ + width: $U30; + height: $U22; + @extend .icono-stroke; + border-top-width: 0; + border-right-width: 0; + border-color: transparent; + box-shadow: -1*$U2 $U2; + overflow: hidden; + margin: $U4 0 $U8 $U4; + &:before{ + $bSpace: $U7; + position: absolute; + left: 0; + bottom: $bSpace; + border: $U6 solid transparent; + border-bottom-color: currentColor; + box-shadow: 0 $bSpace; + } + &:after{ + $bSpace: $U4; + position: absolute; + left: $U11; + bottom: $bSpace; + border-width: 0 $U6 $U13; + border-style: solid; + border-color: transparent; + border-bottom-color: currentColor; + box-shadow: 0 $bSpace; + } +} +.icono-barChart{ + width: $U30; + height: $U22; + @extend .icono-stroke; + border-top-width: 0; + border-right-width: 0; + border-color: transparent; + box-shadow: -1*$U2 $U2; + overflow: hidden; + box-shadow: -1*$U2 $U2; + margin: $U4 0 $U8 $U4; + &:before{ + position: absolute; + left: 0; + bottom: 0; + width: $U4; + height: $U15; + box-shadow: inset 0 -1*$U8 0 0, $U6 0, $U12 $U7, $U18 $U5; + } +} +.icono-pieChart{ + width: 0; + height: 0; + border: $U15 solid; + border-right-color: transparent; + @include border-radius(50%); + @include transform(rotate(-45deg)); + margin: $U2; + &:before{ + position: absolute; + width: 0; + height: 0; + left: -1*$U11; + top: -1*$U14; + border: $U14 solid; + border-left-color: transparent; + border-bottom-color: transparent; + border-top-color: transparent; + @include border-radius(50%); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/check.scss b/vendor/bower/icono/sass/icons/check.scss new file mode 100644 index 0000000..7302e8d --- /dev/null +++ b/vendor/bower/icono/sass/icons/check.scss @@ -0,0 +1,37 @@ +//*-- Check --*\\ +[class*="icono-check"]{ + width: $U28; + height: $U28; + margin: $U3 0 $U3 $U6; + @include transform(rotate(-45deg)); + &:before, &:after{ + box-shadow: inset 0 0 0 $U32; + } + &:before{ + @extend [class*="icono-plus"]:before; + } + &:after{ + position: absolute; + height: $U12; + width: $U2; + left: $U4; + bottom: $U14; + } + &[class*="Circle"]{ + @extend .icono-stroke; + @include border-radius(50%); + width: $U30; + height: $U30; + margin: $U2; + &:before{ + width: $U14; + top: $U15; + left: $U14; + } + &:after{ + height: $U8; + left: $U7; + bottom: $U10; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/clock.scss b/vendor/bower/icono/sass/icons/clock.scss new file mode 100644 index 0000000..c345f2d --- /dev/null +++ b/vendor/bower/icono/sass/icons/clock.scss @@ -0,0 +1,24 @@ +//*-- Clock --*\\ +.icono-clock{ + width: $U26; + height: $U26; + @include border-radius(50%); + @extend .icono-stroke; + margin: $U4; + &:before, &:after{ + @extend .stickCenter; + top: 35%; + box-shadow: inset 0 0 0 $U32; + @include border-radius($U2); + } + &:before{ + width: $U2; + height: $U9; + } + &:after{ + width: $U6; + height: $U2; + transform-origin: left center; + @include transform(rotate(45deg) translate($U1, $U2)); + } +} diff --git a/vendor/bower/icono/sass/icons/comment.scss b/vendor/bower/icono/sass/icons/comment.scss new file mode 100644 index 0000000..748ea1a --- /dev/null +++ b/vendor/bower/icono/sass/icons/comment.scss @@ -0,0 +1,44 @@ +//*-- Comment --*\\ +.icono-commentEmpty{ + width: $U30; + height: $U22; + @extend .icono-stroke; + @include border-radius($U4 $U4 $U7 $U7); + border-bottom-color: transparent; + margin: $U5 $U2 $U7; + &:before{ + position: absolute; + width: $U6; + height: $U6; + border-width: 0 0 $U2 $U2; + border-style: solid; + @include transform(rotate(-45deg)); + bottom: -1*$U4; + left: $U6; + } + &:after{ + position: absolute; + width: $U8; + height: $U2; + border-width: 0 $U12 0 $U6; + border-style: solid; + bottom: 0; + left: 0; + } +} +.icono-comment{ + width: $U30; + height: $U20; + box-shadow: inset 0 0 0 $U32; + @include border-radius($U4); + margin: $U5 $U2 $U9; + &:before{ + position: absolute; + width: $U8; + height: $U8; + box-shadow: inset 0 0 0 $U32; + @include transform(rotate(-45deg)); + bottom: -1*$U4; + left: $U6; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/creditCard.scss b/vendor/bower/icono/sass/icons/creditCard.scss new file mode 100644 index 0000000..737d86b --- /dev/null +++ b/vendor/bower/icono/sass/icons/creditCard.scss @@ -0,0 +1,23 @@ +//*-- Credit Card --*\\ +.icono-creditCard{ + width: $U32; + height: $U24; + @extend .icono-stroke; + @include border-radius($U3); + margin: $U5 $U1; + &:before{ + position: absolute; + top: $U4; + width: 100%; + height: $U6; + box-shadow: inset 0 0 0 $U32; + } + &:after{ + left: $U3; + bottom: $U3; + position: absolute; + width: $U4; + height: $U2; + box-shadow: inset 0 0 0 $U32, $U6 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/crop.scss b/vendor/bower/icono/sass/icons/crop.scss new file mode 100644 index 0000000..07d1f1e --- /dev/null +++ b/vendor/bower/icono/sass/icons/crop.scss @@ -0,0 +1,26 @@ +//*-- Crop --*\\ +.icono-crop{ + @include square($U21); + @extend .icono-stroke; + border-left: none; + border-bottom: none; + margin: $U9 $U9 $U4 $U4; + &:before{ + position: absolute; + @include square($U21); + @extend .icono-stroke; + top: -1*$U7; + right: -1*$U7; + border-top: none; + border-right: none; + box-sizing: border-box; + } + &:after{ + //@include wDiagonal($U19); + width: $U27; + height: $U1; + @include stickCenter(0, 0, $U12, $U2); + box-shadow: inset 0 0 0 $U32; + @include transform(rotate(-45deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/cross.scss b/vendor/bower/icono/sass/icons/cross.scss new file mode 100644 index 0000000..0b00a49 --- /dev/null +++ b/vendor/bower/icono/sass/icons/cross.scss @@ -0,0 +1,5 @@ +//*-- Cross --*\\ +//Cross is 45degree rotated plus :) +.icono-cross, .icono-crossCircle{ + @include transform(rotate(45deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/cup.scss b/vendor/bower/icono/sass/icons/cup.scss new file mode 100644 index 0000000..e3199dc --- /dev/null +++ b/vendor/bower/icono/sass/icons/cup.scss @@ -0,0 +1,25 @@ +//*-- Cup --*\\ +.icono-cup{ + width: $U22; + height: $U16; + box-shadow: inset 0 0 0 $U32; + @include border-radius(0 0 $U5 $U5); + margin: $U6 $U6 $U12; + &:before{ + position: absolute; + right: -1*$U3; + top: $U4; + width: $U5; + height: $U5; + @include border-radius(50%); + box-shadow: 0 0 0 $U2; + } + &:after{ + @extend .stickCenterH; + bottom: -1*$U5; + width: $U26; + height: $U3; + @include border-radius(0 0 $U3 $U3); + box-shadow: inset 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/display.scss b/vendor/bower/icono/sass/icons/display.scss new file mode 100644 index 0000000..a5f8514 --- /dev/null +++ b/vendor/bower/icono/sass/icons/display.scss @@ -0,0 +1,21 @@ +//*-- Display --*\\ +.icono-display{ + width: $U26; + height: $U22; + @extend .icono-stroke; + margin: $U4 $U4 $U8; + &:before{ + width: $U4; + height: $U3; + @extend .stickCenterH; + bottom: -1*$U5; + box-shadow: inset 0 0 0 $U32; + } + &:after{ + width: $U14; + height: $U2; + @extend .stickCenterH; + bottom: -1*$U6; + box-shadow: inset 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/document.scss b/vendor/bower/icono/sass/icons/document.scss new file mode 100644 index 0000000..bfef54e --- /dev/null +++ b/vendor/bower/icono/sass/icons/document.scss @@ -0,0 +1,24 @@ +//*-- Document --*\\ +.icono-document{ + width: $U26; + height: $U32; + @include border-radius(0 0 0 $U10); + @extend .icono-stroke; + margin: $U1 $U4; + &:before{ + position: absolute; + @include square(0); + left: -1*$U3; + bottom: -1*$U3; + border-width: $U5; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; + } + &:after{ + width: $U13; + height: $U2; + @extend .stickCenter; + box-shadow: inset 0 0 0 $U32, 0 -1*$U5 0 0, 0 $U5 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/dropper.scss b/vendor/bower/icono/sass/icons/dropper.scss new file mode 100644 index 0000000..9e1870a --- /dev/null +++ b/vendor/bower/icono/sass/icons/dropper.scss @@ -0,0 +1,23 @@ +//*-- Dropper --*\\ +.icono-dropper{ + // @include wDiagonal($U28); + width: 2*$U20; + height: $U14; + border-width: $U3; + border-style: solid; + border-right: none; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + box-shadow: -1*$U9 0 0 $U2 inset, 0 0 0 $U2 inset; + @include border-radius(50% $U6 $U6 50%); + @include transform(rotate(-45deg)); + margin: $U12 -1*$U2 $U8 -1*$U4; + &:before{ + width: $U4; + height: $U14; + right: $U10; + box-shadow: inset 0 0 0 $U32; + @extend .stickCenterV; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/exclamation.scss b/vendor/bower/icono/sass/icons/exclamation.scss new file mode 100644 index 0000000..e5e49de --- /dev/null +++ b/vendor/bower/icono/sass/icons/exclamation.scss @@ -0,0 +1,37 @@ +//*-- Exclamation --*\\ +[class*="icono-exclamation"]{ + overflow: visible; + width: $U30; + border-bottom: $U2 solid; + @include border-radius(0 0 $U4 $U4); + margin: $U26 $U2 $U6; + &:before{ + position: absolute; + width: $U26; + height: $U26; + left: $U1; + top: -1*$U14; + border-width: $U2 0 0 $U2; + border-style: solid; + @include border-radius($U4 0); + @include transform(rotate(45deg) skew(12deg, 12deg)); + } + &:after{ + width: $U4; + height: $U3; + top: -1*$U14; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32, 0 $U3, 0 $U8; + } + &[class*="Circle"]{ + height: $U30; + margin: $U2; + &:before{ + display: none; + } + &:after{ + box-shadow: inset 0 0 0 $U32, 0 $U3, 0 $U5, 0 $U10; + top: $U6; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/eye.scss b/vendor/bower/icono/sass/icons/eye.scss new file mode 100644 index 0000000..709266f --- /dev/null +++ b/vendor/bower/icono/sass/icons/eye.scss @@ -0,0 +1,17 @@ +//*-- Eye --*\\ +.icono-eye{ + @include border-radius(80% 20%); + @include transform(rotate(45deg)); + @extend .icono-stroke; + border-width: $U2 $U1 $U1 $U2; + height: $U28; + width: $U28; + margin: $U3 $U3; + &:before{ + @include border-radius(50%); + box-shadow: 0 -1*$U3 0 $U3 inset; + height: $U11; + width: $U11; + @extend .stickCenter; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/file.scss b/vendor/bower/icono/sass/icons/file.scss new file mode 100644 index 0000000..946d3ce --- /dev/null +++ b/vendor/bower/icono/sass/icons/file.scss @@ -0,0 +1,22 @@ +//*-- File --*\\ +.icono-file{ + width: $U26; + height: $U32; + @extend .icono-stroke; + @include border-radius(0 $U12 0 0); + margin: $U1 $U4; + &:before{ + position:absolute; + top: -1*$U2; + right:-1*$U2; + border-style: solid; + width: 0; + height: 0; + border-width: $U5; + border-top-color: transparent; + border-right-color: transparent; + } + &:after{ + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/filter.scss b/vendor/bower/icono/sass/icons/filter.scss new file mode 100644 index 0000000..4001478 --- /dev/null +++ b/vendor/bower/icono/sass/icons/filter.scss @@ -0,0 +1,12 @@ +//*-- Filter --*\\ +.icono-filter{ + width: 0; + height: 0; + border: $U10 solid; + border-bottom: none; + border-left-color: transparent; + border-right-color: transparent; + padding: $U3; + box-shadow: inset 0 $U7; + margin: $U9 $U4; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/flag.scss b/vendor/bower/icono/sass/icons/flag.scss new file mode 100644 index 0000000..cbaa192 --- /dev/null +++ b/vendor/bower/icono/sass/icons/flag.scss @@ -0,0 +1,26 @@ +//*-- Flag --*\\ +.icono-flag{ + width: $U22; + height: $U25; + border-left: $U3 solid; + margin: $U5 $U6 $U4; + &:before, &:after{ + position:absolute; + width: $U9; + height: $U8; + @extend .icono-stroke; + } + &:before{ + left: -1*$U2; + top: 1px; + @include border-radius(0 2px 0 0); + border-right-width: $U2 + 1; + } + &:after{ + width: $U5; + left: $U9; + top: $U4; + border-left-width: $U2 + 1; + @include border-radius(2px 2px 0 2px); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/folder.scss b/vendor/bower/icono/sass/icons/folder.scss new file mode 100644 index 0000000..5a8102c --- /dev/null +++ b/vendor/bower/icono/sass/icons/folder.scss @@ -0,0 +1,29 @@ +//*-- Folder --*\\ +.icono-folder{ + width: $U18; + height: $U22; + @extend .icono-stroke; + border-left-width: 0; + @include border-radius(0 $U3 $U3 0); + margin: $U8 $U2 $U4 $U14; + &:before{ + position: absolute; + width: $U12; + height: $U20; + left: -1*$U12; + bottom: -1*$U2; + border-width: 0 0 $U2 $U2; + border-style: solid; + @include border-radius(0 0 0 $U3); + } + &:after{ + position: absolute; + width: $U10; + height: $U5; + left: -1*$U12; + top: -1*$U7; + border-width: $U2 $U2 0 $U2; + border-style: solid; + @include border-radius($U3 $U3 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/forbidden.scss b/vendor/bower/icono/sass/icons/forbidden.scss new file mode 100644 index 0000000..ee59119 --- /dev/null +++ b/vendor/bower/icono/sass/icons/forbidden.scss @@ -0,0 +1,15 @@ +//*-- Forbidden --*\\ +.icono-forbidden{ + @include square($U28); + @extend .icono-stroke; + border-width: $U3; + @include border-radius(50%); + margin: $U3; + @include transform(rotate(45deg)); + &:before{ + @extend .stickCenter; + width: $U24; + height: $U4; + box-shadow: inset 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/forward.scss b/vendor/bower/icono/sass/icons/forward.scss new file mode 100644 index 0000000..d0482df --- /dev/null +++ b/vendor/bower/icono/sass/icons/forward.scss @@ -0,0 +1,17 @@ +//*-- Fast Forward --*\\ +.icono-forward{ + width: 0; + height: 0; + border: $U10 solid transparent; + border-left: $U10 solid; + margin: $U7; + &:before{ + position: absolute; + left: 0; + top: -$U10; + width: 0; + height: 0; + border: $U10 solid transparent; + border-left: $U10 solid; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/frown.scss b/vendor/bower/icono/sass/icons/frown.scss new file mode 100644 index 0000000..3390257 --- /dev/null +++ b/vendor/bower/icono/sass/icons/frown.scss @@ -0,0 +1,12 @@ +//*-- Frown --*\\ +.icono-frown{ + @extend .icono-smile; + &:before{ + @extend .icono-smile:before; + } + &:after{ + @extend .icono-smile:after; + @include transform(translateX(-50%) rotate(180deg)); + transform-origin: center 85%; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/gear.scss b/vendor/bower/icono/sass/icons/gear.scss new file mode 100644 index 0000000..73546ae --- /dev/null +++ b/vendor/bower/icono/sass/icons/gear.scss @@ -0,0 +1,17 @@ +//*-- Gear --*\\ +.icono-gear{ + width: $U32; + height: $U32; + border: $U3 dotted; + @include border-radius(50%); + margin: $U1; + &:before{ + @extend .stickCenter; + width: $U22; + height: $U22; + box-shadow: 0 0 0 $U3, 0 0 0 $U2 inset; + @include border-radius(50%); + border: $U6 solid transparent; + box-sizing: border-box; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/headphone.scss b/vendor/bower/icono/sass/icons/headphone.scss new file mode 100644 index 0000000..a4d7bda --- /dev/null +++ b/vendor/bower/icono/sass/icons/headphone.scss @@ -0,0 +1,18 @@ +//*-- Headphone --*\\ +.icono-headphone{ + width: $U30; + height: $U27; + @extend .icono-stroke; + border-bottom-color: transparent; + @include border-radius($U32#{'/'}$U32 $U32 $U16 $U16); + margin: $U2 $U2 $U5; + &:before{ + position: absolute; + width: $U4; + height: $U12; + left: $U1; + bottom: -1*$U4; + @include border-radius($U5); + box-shadow: inset 0 0 0 $U32, $U20 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/heart.scss b/vendor/bower/icono/sass/icons/heart.scss new file mode 100644 index 0000000..4f518f4 --- /dev/null +++ b/vendor/bower/icono/sass/icons/heart.scss @@ -0,0 +1,31 @@ +//*-- Heart --*\\ +.icono-heart{ + width: $U20; + height: $U20; + @extend .icono-stroke; + border-top-color: transparent; + border-left-color: transparent; + @include transform(rotate(45deg)); + @include border-radius($U4 0); + margin: $U9 $U7 $U5; + &:before, &:after{ + position: absolute; + @extend .icono-stroke; + } + &:before{ + width: ceil($U20/2.5); + height: ceil($U20*0.69); + left: -1*ceil($U20/2.5)-$U2; + bottom: -1*$U2; + @include border-radius($U20 0 0 $U20); + border-right-color: transparent; + } + &:after{ + width: ceil($U20*0.69); + height: ceil($U20/2.5); + right: -1*$U2; + top: -1*ceil($U20/2.5)-$U2; + @include border-radius($U20 $U20 0 0); + border-bottom-color: transparent; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/home.scss b/vendor/bower/icono/sass/icons/home.scss new file mode 100644 index 0000000..ed845d0 --- /dev/null +++ b/vendor/bower/icono/sass/icons/home.scss @@ -0,0 +1,27 @@ +//*-- Home --*\\ +.icono-home{ + width: $U22; + height: $U16; + @extend .icono-stroke; + border-top: none; + margin: $U15 $U6 $U3; + &:before{ + @include square($U18); + @include transform(rotate(45deg)); + position: absolute; + left: -1*$U2; + top: -1*$U7; + @extend .icono-stroke; + border-right-color: transparent; + border-bottom-color: transparent; + } + &:after{ + position: absolute; + @include goldenRectP($U6); + bottom: 0; + @include stickCenterH(); + @extend .icono-stroke; + border-width: $U1; + border-bottom: none; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/icono.scss b/vendor/bower/icono/sass/icons/icono.scss new file mode 100644 index 0000000..888325f --- /dev/null +++ b/vendor/bower/icono/sass/icons/icono.scss @@ -0,0 +1,27 @@ +.icono-icono{ + width: $U13; + height: $U4; + box-shadow: inset 0 0 0 $U32, 0 $U16, $U17 -1*$U18; + transform: skew(0, 30deg); + margin: $U11 $U19 $U19 $U2; + &:before{ + position: absolute; + width: $U13; + height: $U4; + box-shadow: inset 0 0 0 $U32, 0 $U16, -1*$U17 -1*$U17; + right: -1*$U17; + top: -1*$U10; + transform: skew(0, -48deg); + } + &:after{ + position: absolute; + width: $U22; + height: $U15; + left: 0; + top: -1*$U5; + border: $U4 solid; + border-top-color: transparent; + border-bottom: none; + transform: skew(0, -30deg) scaleY(0.6); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/imac.scss b/vendor/bower/icono/sass/icons/imac.scss new file mode 100644 index 0000000..136681a --- /dev/null +++ b/vendor/bower/icono/sass/icons/imac.scss @@ -0,0 +1,50 @@ +//*-- iMac --*\\ +.icono-imac{ + width: $U28; + height: $U24; + @extend .icono-stroke; + border-width: $U2 $U2 $U6; + border-color: transparent; + @include border-radius($U3); + box-shadow: 0 0 0 $U1, 0 0 0 $U1 inset; + margin: $U3 $U3 $U7; + &:before{ + position: absolute; + height: $U4; + right: -1*$U3; + left: -1*$U3; + bottom: -1*$U6; + box-shadow: inset 0 0 0 $U32; + @include border-radius(0 0 $U3 $U3); + } + &:after{ + width: $U9; + height: $U7; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32; + bottom: -1*$U12; + @include border-radius($U32 $U32 0 0 #{'/'} 2*$U32); + } +} +.icono-imacBold{ + width: $U28; + height: $U22; + @extend .icono-stroke; + @include border-radius($U4); + margin: $U4 $U3 $U8; + &:before{ + width: $U9; + height: $U7; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32; + bottom: -1*$U6; + @include border-radius($U32 $U32 0 0 #{'/'} 2*$U32); + } + &:after{ + width: $U24; + height: $U3; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32; + bottom: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/image.scss b/vendor/bower/icono/sass/icons/image.scss new file mode 100644 index 0000000..51c0294 --- /dev/null +++ b/vendor/bower/icono/sass/icons/image.scss @@ -0,0 +1,26 @@ +//*-- Image --*\\ +.icono-image{ + width: $U30; + height: $U26; + @extend .icono-stroke; + @include border-radius($U3); + overflow: hidden; + margin: $U4 $U2; + &:before{ + position: absolute; + width: $U20; + height: $U20; + left: -1*$U2; + top: $U14; + @include transform(rotate(45deg)); + box-shadow: inset 0 0 0 $U32, $U10 -1*$U6 0 0; + } + &:after{ + position: absolute; + @include square($U4); + @include border-radius(50%); + box-shadow: inset 0 0 0 $U32; + top: $U5; + right: $U5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/indent.scss b/vendor/bower/icono/sass/icons/indent.scss new file mode 100644 index 0000000..b4f2a4f --- /dev/null +++ b/vendor/bower/icono/sass/icons/indent.scss @@ -0,0 +1,18 @@ +//*-- Indent --*\\ +.icono-indent{ + width: $U20; + height: $U16; + border-width: $U4 0 $U4 $U8; + border-style: solid; + border-color: transparent; + box-shadow: 0 -1*$U2, 0 $U2, inset 0 $U2, inset 0 -1*$U2; + margin: $U9 $U7; + &:before{ + @extend .stickCenterV; + left: -1*$U8; + border: $U5 solid; + border-top-color: transparent; + border-bottom-color: transparent; + border-right-width: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/infinity.scss b/vendor/bower/icono/sass/icons/infinity.scss new file mode 100644 index 0000000..c7b500b --- /dev/null +++ b/vendor/bower/icono/sass/icons/infinity.scss @@ -0,0 +1,21 @@ +//*-- Infinity --*\\ +.icono-infinity{ + width: $U32; + height: $U16; + margin: $U9 $U1; + &:before, &:after{ + width: $U10; + height: $U10; + position: absolute; + @extend .icono-stroke; + @include transform(rotate(45deg)); + } + &:before{ + left: 0; + @include border-radius($U32 0 $U32 $U32); + } + &:after{ + right: 1px; + @include border-radius($U32 $U32 $U32 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/iphone.scss b/vendor/bower/icono/sass/icons/iphone.scss new file mode 100644 index 0000000..6f5b394 --- /dev/null +++ b/vendor/bower/icono/sass/icons/iphone.scss @@ -0,0 +1,34 @@ +//*-- iPhone --*\\ +.icono-iphone{ + width: $U19; + height: $U31; + @extend .icono-stroke; + @include border-radius($U3); + border-width: $U5 $U1; + border-color: transparent; + box-shadow: 0 0 0 $U1, 0 0 0 $U1 inset; + margin: $U2 $U8 $U1 $U7; + &:before, &:after{ + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32; + } + &:before{ + width: $U3; + height: $U1; + top: -1*$U3; + } + &:after{ + width: $U3; + height: $U3; + bottom: -1*$U4; + @include border-radius(50%); + } +} +.icono-iphoneBold{ + width: $U20; + height: $U32; + margin: $U1 $U7; + @include border-radius($U4); + @extend .icono-stroke; + border-width: $U5 $U2; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/keyboard.scss b/vendor/bower/icono/sass/icons/keyboard.scss new file mode 100644 index 0000000..f835714 --- /dev/null +++ b/vendor/bower/icono/sass/icons/keyboard.scss @@ -0,0 +1,15 @@ +//*-- Keyboard --*\\ +.icono-keyboard{ + width: $U32; + height: $U22; + @include border-radius($U3); + @extend .icono-stroke; + margin: $U6 $U1; + &:before{ + @include square($U2); + @extend .stickCenter; + box-shadow: -1*$U2 -1*$U4 0, -1*$U6 -1*$U4 0, -1*$U10 -1*$U4 0, $U2 -1*$U4 0, $U6 -1*$U4 0, $U8 -1*$U4 0, $U10 -1*$U4 0, + -1*$U4 0 0, -1*$U8 0 0, -1*$U10 0 0, inset 0 0 0 $U32, $U4 0 0, $U8 0 0, $U10 0 0, + $U4 $U4 0, $U2 $U4 0, 0 $U4 0, -1*$U2 $U4 0, -1*$U6 $U4 0, -1*$U10 $U4 0, $U6 $U4 0, $U10 $U4 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/list.scss b/vendor/bower/icono/sass/icons/list.scss new file mode 100644 index 0000000..bebb6b8 --- /dev/null +++ b/vendor/bower/icono/sass/icons/list.scss @@ -0,0 +1,13 @@ +//*-- List --*\\ +.icono-list{ + @include square($U4); + box-shadow: inset 0 0 0 $U32, 0 -1*$U8 0 0, 0 1*$U8 0 0; + margin: $U15 $U26 $U15 $U4; + &:before{ + @extend .stickCenterV; + width: $U18; + height: $U4; + left: $U8; + box-shadow: inset 0 0 0 $U32, 0 -1*$U8 0 0, 0 1*$U8 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/locationArrow.scss b/vendor/bower/icono/sass/icons/locationArrow.scss new file mode 100644 index 0000000..e96fb32 --- /dev/null +++ b/vendor/bower/icono/sass/icons/locationArrow.scss @@ -0,0 +1,25 @@ +//*-- LocationArrow --*\\ +.icono-locationArrow{ + width: $U32; + height: $U32; + margin: $U1; + &:before{ + position: absolute; + left: $U7; + top: $U16; + border-width: $U6 0 $U6 $U6; + border-style: solid; + border-left-color: transparent; + @include transform(rotate(-45deg)); + } + &:after{ + position: absolute; + top: $U10; + left: $U2; + border-width: $U10; + border-style: solid; + border-bottom-color: transparent; + border-left-color: transparent; + @include transform(skew(-30deg, -30deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/macbook.scss b/vendor/bower/icono/sass/icons/macbook.scss new file mode 100644 index 0000000..412cc44 --- /dev/null +++ b/vendor/bower/icono/sass/icons/macbook.scss @@ -0,0 +1,34 @@ +//*-- Macbook --*\\ +.icono-macbook{ + width: $U32; + height: $U2; + box-shadow: inset 0 0 0 $U32; + @include border-radius(0 0 $U32 $U32 #{'/'} $U3); + margin: $U25 $U1 $U7 $U1; + &:before{ + width: $U20; + height: $U14; + @extend .icono-stroke; + @extend .stickCenterH; + bottom: $U2; + border-width: $U3 $U1 $U1 $U1; + border-color: transparent; + @include border-radius($U3 $U3 0 0); + box-shadow: 0 0 0 $U1, 0 0 0 $U1 inset; + } +} +.icono-macbookBold{ + width: $U32; + height: $U2; + box-shadow: inset 0 0 0 $U32; + margin: $U25 $U1 $U7 $U1; + &:before{ + width: $U20; + height: $U14; + @extend .stickCenterH; + bottom: $U2; + @extend .icono-stroke; + border-width: $U3 $U2 $U1; + @include border-radius($U3 $U3 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/mail.scss b/vendor/bower/icono/sass/icons/mail.scss new file mode 100644 index 0000000..b7cca4e --- /dev/null +++ b/vendor/bower/icono/sass/icons/mail.scss @@ -0,0 +1,15 @@ +//*-- Mail --*\\ +.icono-mail{ + @include goldenRectL($U28); + @extend .icono-stroke; + overflow: hidden; + margin: $U8 $U3; + &:before{ + position: absolute; + @include square($U32/1.3); + @extend .icono-stroke; + @include transform(rotate(50deg) skew(-10deg, -20deg)); + top: -1*$U20; + left: -1*$U3; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/market.scss b/vendor/bower/icono/sass/icons/market.scss new file mode 100644 index 0000000..d8f9968 --- /dev/null +++ b/vendor/bower/icono/sass/icons/market.scss @@ -0,0 +1,25 @@ +//*-- Market --*\\ +.icono-market{ + width: $U32; + height: $U12; + @extend .icono-stroke; + border-top: none; + margin: $U19 $U1 $U3; + &:before{ + width: $U6; + height: $U13; + position: absolute; + top: -1*$U15; + left: -1*$U5; + @include border-radius(0 0 $U10 $U10); + border-left: none; + box-shadow: inset 0 0 0 $U32, $U8 0 0, $U16 0 0, $U24 0 0, $U32 0 0; + } + &:after{ + width: $U6; + height: $U6; + bottom: -1*$U2; + @extend .stickCenterH; + @extend .icono-stroke; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/meh.scss b/vendor/bower/icono/sass/icons/meh.scss new file mode 100644 index 0000000..fbc9367 --- /dev/null +++ b/vendor/bower/icono/sass/icons/meh.scss @@ -0,0 +1,15 @@ +//*-- Meh --*\\ +.icono-meh{ + @extend .icono-smile; + &:before{ + @extend .icono-smile:before; + } + &:after{ + @extend .icono-smile:after; + top: 0; + width: $U12; + border-left-width: 0; + border-right-width: 0; + @include border-radius(0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/microphone.scss b/vendor/bower/icono/sass/icons/microphone.scss new file mode 100644 index 0000000..75107ca --- /dev/null +++ b/vendor/bower/icono/sass/icons/microphone.scss @@ -0,0 +1,24 @@ +//*-- Microphone --*\\ +.icono-microphone{ + width: $U22; + height: $U15; + @extend .icono-stroke; + border-width: 0 $U2 $U2; + @include border-radius($U20#{'/'}0 0 $U20 $U20); + margin: $U12 $U6 $U7; + &:before{ + width: $U10; + height: $U18; + @extend .stickCenterH; + top: -1*$U11; + @include border-radius($U20); + @extend .icono-stroke; + } + &:after{ + width: $U2; + height: $U2; + bottom: -1*$U4; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32, 0 $U2, 0 $U4, -1*$U2 $U4, -1*$U4 $U4, -1*$U6 $U4, $U2 $U4, $U4 $U4, $U6 $U4; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/moon.scss b/vendor/bower/icono/sass/icons/moon.scss new file mode 100644 index 0000000..7bff6f0 --- /dev/null +++ b/vendor/bower/icono/sass/icons/moon.scss @@ -0,0 +1,17 @@ +//*-- Moon --*\\ +.icono-moon{ + width: $U22; + height: $U22; + @include border-radius(50%); + overflow: hidden; + margin: $U6; + &:before{ + position: absolute; + width: $U20; + height: $U20; + top: -$U2; + left: $U6; + @include border-radius(50%); + box-shadow: 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/mouse.scss b/vendor/bower/icono/sass/icons/mouse.scss new file mode 100644 index 0000000..3413da7 --- /dev/null +++ b/vendor/bower/icono/sass/icons/mouse.scss @@ -0,0 +1,26 @@ +//*-- Mouse --*\\ +.icono-mouse{ + width: $U23; + height: $U32; + @include border-radius($U11 $U11 $U12 $U12); + @extend .icono-stroke; + margin: $U1 $U5 $U1 $U6; + &:before{ + width: $U1; + height: $U6; + @include border-radius($U2); + @extend .stickCenterH; + @extend .icono-stroke; + border-color: transparent; + border-width: $U1; + top: $U5; + box-shadow: 0 0 0 $U1, 0 0 0 $U2 inset; + } + &:after{ + width: $U1; + height: $U4; + @extend .stickCenterH; + top: 0; + box-shadow: inset 0 0 0 $U32, 0 $U13 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/music.scss b/vendor/bower/icono/sass/icons/music.scss new file mode 100644 index 0000000..b678677 --- /dev/null +++ b/vendor/bower/icono/sass/icons/music.scss @@ -0,0 +1,26 @@ +//*-- Music --*\\ +.icono-music{ + width: $U18; + height: $U6; + @include transform(skewY(-15deg)); + box-shadow: inset 0 0 0 $U32; + @include border-radius($U2 $U2 0 0); + margin: $U4 $U5 $U24 $U11; + &:before{ + position: absolute; + width: $U2; + height: $U16; + left: 0; + top: $U4; + box-shadow: inset 0 0 0 $U32, $U16 0 0 0; + } + &:after{ + position: absolute; + width: $U10; + height: $U8; + left: -1*$U8; + top: $U17; + @include border-radius(50%); + box-shadow: inset 0 0 0 $U32, $U16 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/next.scss b/vendor/bower/icono/sass/icons/next.scss new file mode 100644 index 0000000..f3a5878 --- /dev/null +++ b/vendor/bower/icono/sass/icons/next.scss @@ -0,0 +1,17 @@ +//*-- Next --*\\ +.icono-next{ + width: 0; + height: 0; + border: $U10 solid transparent; + border-left: $U10 solid; + margin: $U7; + &:before{ + position: absolute; + left: 0; + top: -$U10; + width: 0; + height: 0; + border-width: $U10 $U3 $U10 $U3; + border-style: solid; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/nexus.scss b/vendor/bower/icono/sass/icons/nexus.scss new file mode 100644 index 0000000..20e89d6 --- /dev/null +++ b/vendor/bower/icono/sass/icons/nexus.scss @@ -0,0 +1,9 @@ +//*-- Nexus --*\\ +.icono-nexus{ + width: $U21; + height: $U32; + @extend .icono-stroke; + border-width: $U3 $U1; + @include border-radius($U16 #{'/'} $U3); + margin: $U1 $U7 $U1 $U6; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/outdent.scss b/vendor/bower/icono/sass/icons/outdent.scss new file mode 100644 index 0000000..be15506 --- /dev/null +++ b/vendor/bower/icono/sass/icons/outdent.scss @@ -0,0 +1,9 @@ +//*-- Outdent --*\\ +.icono-outdent{ + @extend .icono-indent; + &:before{ + @extend .icono-indent:before; + border-left-width: 0; + border-right-width: $U5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/paperclip.scss b/vendor/bower/icono/sass/icons/paperclip.scss new file mode 100644 index 0000000..11ffb46 --- /dev/null +++ b/vendor/bower/icono/sass/icons/paperclip.scss @@ -0,0 +1,30 @@ +//*-- Paper clip --*\\ +.icono-paperClip{ + width: $U24; + height: $U18; + @extend .icono-stroke; + border-left: none; + @include border-radius(0 $U16 $U16 0); + @include transform(rotate(-45deg)); + margin: $U5 0 $U11 $U10; + &:before{ + width: $U18; + height: $U6; + right: $U2; + @extend .stickCenterV; + @extend .icono-stroke; + @include border-radius(0 $U16 $U16 0); + border-left: none; + } + &:after{ + position: absolute; + width: $U12; + height: $U10; + left: -1*$U12; + top: -1*$U2; + @extend .icono-stroke; + border-right: none; + @include border-radius($U16 0 0 $U16); + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/pause.scss b/vendor/bower/icono/sass/icons/pause.scss new file mode 100644 index 0000000..f958a76 --- /dev/null +++ b/vendor/bower/icono/sass/icons/pause.scss @@ -0,0 +1,6 @@ +.icono-pause{ + width: $U6; + height: $U20; + margin: $U7 $U20 $U7 $U8; + box-shadow: inset 0 0 0 $U32, $U12 0 0 0; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/piano.scss b/vendor/bower/icono/sass/icons/piano.scss new file mode 100644 index 0000000..c716006 --- /dev/null +++ b/vendor/bower/icono/sass/icons/piano.scss @@ -0,0 +1,23 @@ +//*-- piano --*\\ +.icono-piano{ + width: $U28; + height: $U22; + @extend .icono-stroke; + margin: $U6 $U3; + &:before{ + position: absolute; + left: $U4; + top: 0; + width: $U1; + height: 100%; + box-shadow: inset 0 0 0 $U32, $U5 0, $U10 0, $U15 0; + } + &:after{ + position: absolute; + width: $U3; + height: $U12; + left: $U3; + top: 0; + box-shadow: inset 0 0 0 $U32, $U5 0, $U10 0, $U15 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/pin.scss b/vendor/bower/icono/sass/icons/pin.scss new file mode 100644 index 0000000..5ac9883 --- /dev/null +++ b/vendor/bower/icono/sass/icons/pin.scss @@ -0,0 +1,17 @@ +//*-- Pin --*\\ +.icono-pin{ + width: $U26; + height: $U26; + @extend .icono-stroke; + @include border-radius(50% 50% 50% 0); + @include transform(rotate(-45deg)); + margin: $U1 $U4 $U7; + &:before{ + position: absolute; + width: $U6; + height: $U6; + @extend .icono-stroke; + @include border-radius(50%); + @extend .stickCenter; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/play.scss b/vendor/bower/icono/sass/icons/play.scss new file mode 100644 index 0000000..1d137ed --- /dev/null +++ b/vendor/bower/icono/sass/icons/play.scss @@ -0,0 +1,9 @@ +.icono-play { + width: 0; + height: 0; + border-width: $U10 0 $U10 $U16; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + margin: $U7 $U9; +} diff --git a/vendor/bower/icono/sass/icons/plus.scss b/vendor/bower/icono/sass/icons/plus.scss new file mode 100644 index 0000000..db4beb3 --- /dev/null +++ b/vendor/bower/icono/sass/icons/plus.scss @@ -0,0 +1,26 @@ +//*-- Plus --*\\ +[class*="icono-plus"], [class*="icono-cross"]{ + width: $U30; + height: $U30; + margin: $U2; + &:before, &:after{ + @extend .stickCenter; + box-shadow: inset 0 0 0 $U32; + } + &:before{ + width: $U20; + height: $U2; + } + &:after{ + height: $U20; + width: $U2; + } + &[class*="Circle"]{ + &:before{ + width: $U18; + } + &:after{ + height: $U18; + } + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/power.scss b/vendor/bower/icono/sass/icons/power.scss new file mode 100644 index 0000000..c3eee4c --- /dev/null +++ b/vendor/bower/icono/sass/icons/power.scss @@ -0,0 +1,17 @@ +//*-- Power --*\\ +.icono-power{ + width: $U22; + height: $U22; + @extend .icono-stroke; + @include border-radius(50%); + border-top-color: transparent; + margin: $U6; + &:before{ + position: absolute; + top: -15%; + left: $U8; + width: $U2; + height:60%; + box-shadow: inset 0 0 0 $U32; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/previous.scss b/vendor/bower/icono/sass/icons/previous.scss new file mode 100644 index 0000000..2b13beb --- /dev/null +++ b/vendor/bower/icono/sass/icons/previous.scss @@ -0,0 +1,6 @@ +//*-- Previous --*\\ +.icono-previous{ + @extend .icono-next; + @include transform(rotate(180deg)); + margin: $U7 $U10 $U7 $U14; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/rename.scss b/vendor/bower/icono/sass/icons/rename.scss new file mode 100644 index 0000000..df3f884 --- /dev/null +++ b/vendor/bower/icono/sass/icons/rename.scss @@ -0,0 +1,21 @@ +//*-- Rename --*\\ +.icono-rename{ + width: $U26; + height: $U10; + @extend .icono-stroke; + border-color: transparent; + border-width: $U3; + box-shadow: 0 0 0 $U1, $U11 0 0 0 inset; + margin: $U12 $U4; + &:before{ + width: $U1; + height: $U18; + @extend .stickCenterV; + left: $U9; + border-width: $U2 $U4; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + box-shadow: 0 0 0 $U1 inset; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/reset.scss b/vendor/bower/icono/sass/icons/reset.scss new file mode 100644 index 0000000..fca1c01 --- /dev/null +++ b/vendor/bower/icono/sass/icons/reset.scss @@ -0,0 +1,23 @@ +//*-- Reset --*\\ +.icono-reset{ + width: $U26; + height: $U26; + @include border-radius(50%); + border-width: $U2; + border-style: solid; + border-left-color: transparent; + margin: $U4; + &:before{ + position: absolute; + width: 0; + height: 0; + left: -1*$U7; + bottom: 0; + border-width: $U6; + border-style: solid; + border-right-color: transparent; + border-left-color: transparent; + border-bottom-color: transparent; + @include transform(rotate(135deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/rewind.scss b/vendor/bower/icono/sass/icons/rewind.scss new file mode 100644 index 0000000..106f7b8 --- /dev/null +++ b/vendor/bower/icono/sass/icons/rewind.scss @@ -0,0 +1,5 @@ +//*-- Rewind --*\\ +.icono-rewind{ + @extend .icono-forward; + @include transform(rotate(180deg)); +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/rss.scss b/vendor/bower/icono/sass/icons/rss.scss new file mode 100644 index 0000000..9b7c1ce --- /dev/null +++ b/vendor/bower/icono/sass/icons/rss.scss @@ -0,0 +1,23 @@ +//*-- RSS --*\\ +.icono-rss{ + @include square($U22); + overflow: hidden; + margin: $U6; + &:before, &:after{ + position: absolute; + @include border-radius(50%); + } + &:before{ + @include square($U6); + box-shadow: 0 0 $U32 inset; + left: 0; + bottom: 0; + } + &:after{ + @include square($U27); + right: 15%; + top: 15%; + border: $U4 solid transparent; + box-shadow: inset 0 0 0 $U2, 0 0 0 $U2; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/ruler.scss b/vendor/bower/icono/sass/icons/ruler.scss new file mode 100644 index 0000000..5bec7c6 --- /dev/null +++ b/vendor/bower/icono/sass/icons/ruler.scss @@ -0,0 +1,23 @@ +//*-- Ruler --*\\ +.icono-ruler{ + width: $U27; + height: $U12; + @extend .icono-stroke; + margin: $U11 $U4 $U11 $U3; + &:before{ + position: absolute; + width: $U1; + height: $U4; + box-shadow: inset 0 0 0 $U32, $U6 0, $U12 0; + left: $U5; + top: 0; + } + &:after{ + position: absolute; + width: $U1; + height: $U2; + box-shadow: inset 0 0 0 $U32, $U2 0, $U6 0, $U8 0, $U12 0, $U14 0, $U18 0, $U20 0; + left: $U1; + top: 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/search.scss b/vendor/bower/icono/sass/icons/search.scss new file mode 100644 index 0000000..96b40ae --- /dev/null +++ b/vendor/bower/icono/sass/icons/search.scss @@ -0,0 +1,16 @@ +//*-- Search --*\\ +.icono-search{ + @include square($U22); + @include border-radius(50%); + @extend .icono-stroke; + @include transform(rotate(45deg)); + margin: $U4 $U4 $U8 $U8; + &:before{ + width: $U4; + height: $U11; + @extend .stickCenterH; + box-shadow: inset 0 0 0 $U32; + top: $U19; + @include border-radius(0 0 $U1 $U1); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/share.scss b/vendor/bower/icono/sass/icons/share.scss new file mode 100644 index 0000000..e2ea174 --- /dev/null +++ b/vendor/bower/icono/sass/icons/share.scss @@ -0,0 +1,23 @@ +//*-- Share --*\\ +.icono-share{ + height: $U9; + width: $U9; + @include border-radius(50%); + box-shadow: inset 0 0 0 $U32, $U22 -1*$U11 0 0, $U22 $U11 0 0; + margin: $U12 $U24 $U13 $U1; + &:before, &:after{ + position: absolute; + width: $U24; + height: $U2; + box-shadow: inset 0 0 0 $U32; + left: 0; + } + &:before{ + top:-1*$U2; + @include transform(rotate(-25deg)); + } + &:after{ + top:$U9; + @include transform(rotate(25deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/signin.scss b/vendor/bower/icono/sass/icons/signin.scss new file mode 100644 index 0000000..b95747e --- /dev/null +++ b/vendor/bower/icono/sass/icons/signin.scss @@ -0,0 +1,22 @@ +//*-- Sign in --*\\ +.icono-signIn{ + width: $U18; + height: $U32; + @extend .icono-stroke; + border-left: none; + margin-left: $U5; + @include border-radius(0 $U3 $U3 0); + margin: $U1 $U8; + &:before{ + position: absolute; + width: $U11; + height: $U11; + left:-1*$U10; + top:$U7; + @extend .icono-stroke; + border-bottom: none; + border-left: none; + @include transform(rotate(45deg)); + @include border-radius(0 $U4 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/signout.scss b/vendor/bower/icono/sass/icons/signout.scss new file mode 100644 index 0000000..b43a7e5 --- /dev/null +++ b/vendor/bower/icono/sass/icons/signout.scss @@ -0,0 +1,22 @@ +//*-- Sign out --*\\ +.icono-signOut{ + width: $U18; + height: $U32; + @extend .icono-stroke; + border-right: none; + margin-right: $U5; + @include border-radius($U3 0 0 $U3); + margin: $U1 $U8; + &:before{ + position: absolute; + width: $U11; + height: $U11; + right:-1*$U2; + top:$U7; + @extend .icono-stroke; + border-bottom: none; + border-left: none; + @include transform(rotate(45deg)); + @include border-radius(0 $U4 0 0); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/sitemap.scss b/vendor/bower/icono/sass/icons/sitemap.scss new file mode 100644 index 0000000..0c57dca --- /dev/null +++ b/vendor/bower/icono/sass/icons/sitemap.scss @@ -0,0 +1,20 @@ +//* Sitemap *\\ +.icono-sitemap { + width: $U24; + height: $U2; + box-shadow: 0 -1*$U5; + margin: $U21 $U5 $U11; + &:before { + @extend .stickCenterH; + width: $U6; + height: $U6; + @include border-radius($U2); + box-shadow: inset 0 0 0 $U32, $U11 0, -1*$U11 0, 0 -1*$U14 0 $U1; + } + &:after { + @extend .stickCenterH; + width: $U2; + height: $U10; + box-shadow: 0 -1*$U7, $U11 -1*$U5, -1*$U11 -1*$U5; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/sliders.scss b/vendor/bower/icono/sass/icons/sliders.scss new file mode 100644 index 0000000..963ce5a --- /dev/null +++ b/vendor/bower/icono/sass/icons/sliders.scss @@ -0,0 +1,24 @@ +//*-- Sliders --*\\ +.icono-sliders{ + height: $U30; + width: $U30; + margin: $U2; + &:before, &:after{ + @include transform(translateX(-50%)); + left: 50%; + position: absolute; + } + &:before{ + width: $U8; + height: $U7; + @include border-radius($U2); + top: 67%; + box-shadow: inset 0 0 0 $U32, $U10 -1*$U10, -1*$U10 -1*$U14; + } + &:after{ + position: absolute; + width: $U2; + height:100%; + box-shadow: inset 0 0 0 $U32, $U10 0, -1*$U10 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/smile.scss b/vendor/bower/icono/sass/icons/smile.scss new file mode 100644 index 0000000..ecd8998 --- /dev/null +++ b/vendor/bower/icono/sass/icons/smile.scss @@ -0,0 +1,30 @@ +//*-- Smile --*\\ +.icono-smile{ + @include border-radius(50%); + @extend .icono-stroke; + height: $U30; + width: $U30; + margin: $U2; + &:before{ + @include border-radius(50%); + box-shadow: $U8 0 0 0, 0 0 0 $U2 inset; + height: $U4; + width: $U4; + left: $U7; + position: absolute; + top: 27%; + } + &:after{ + @include border-radius(50%); + @include transform(translateX(-50%)); + @extend .icono-stroke; + border-top-color: transparent; + border-left-color: transparent; + border-right-color: transparent; + height: $U16; + left:50%; + position: absolute; + top: 6%; + width: $U16; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/socials.scss b/vendor/bower/icono/sass/icons/socials.scss new file mode 100644 index 0000000..9244f56 --- /dev/null +++ b/vendor/bower/icono/sass/icons/socials.scss @@ -0,0 +1,237 @@ +//*-- Socials --*\\ +.icono-facebook{ + width: $U9; + height: $U26; + box-shadow: inset $U2 $U4 0 0; + border-left: $U3 solid; + @include border-radius($U5 0 0 0); + margin: $U4 $U11 $U4 $U14; + &:before{ + position: absolute; + top: $U9; + left: -1*$U6; + width: $U11; + height: 0; + border-top: $U4 solid; + border-right: $U1 solid transparent; + } +} +.icono-twitter{ + width: $U14; + height: $U23; + @include border-radius(0 0 0 $U8); + box-shadow: -1*$U6 $U2 0 0; + margin: $U4 $U7 $U7 $U13; + &:before{ + position: absolute; + bottom: -1*$U2; + left: -1*$U6; + width: $U17; + height: $U6; + @include border-radius(0 0 0 $U8); + box-shadow: inset $U4 -1*$U6, 0 -1*$U11; + } + &:after{ + position: absolute; + width: $U6; + height: $U6; + box-shadow: inset 0 0 0 $U32, $U13 $U8, $U13 $U19; + @include border-radius(50%); + left: -1*$U6; + } +} +.icono-gplus{ + width: $U10; + height: $U2; + box-shadow: inset 0 0 0 $U32; + margin: $U14 $U4 $U18 $U20; + &:before{ + position: absolute; + top: -$U5; + right: $U10; + content: "g" !important; + font-family: georgia; + font-size: $U32; + text-indent: 0; + line-height: 0; + } + &:after{ + @extend .stickCenter; + width: $U2; + height: $U10; + box-shadow: inset 0 0 0 $U32; + } +} +.icono-linkedIn{ + width: $U5; + height: $U16; + box-shadow: inset 0 0 0 $U32, $U8 0; + margin: $U12 $U24 $U6 $U5; + &:before{ + position: absolute; + width: $U5; + height: $U5; + box-shadow: inset 0 0 0 $U32; + top: -1*$U7; + left: 0; + @include border-radius(50%); + } + &:after{ + position: absolute; + width: $U12; + height: $U16; + border-right: $U1 solid; + left: $U11; + bottom: 0; + @include border-radius($U8 $U5 0 0#{'/'}$U11 $U5 0 0); + box-shadow: inset -1*$U4 $U4; + } +} +.icono-instagram{ + width: $U26; + height: $U26; + box-shadow: inset 0 0 0 $U2; + @include border-radius($U4); + margin: $U4; + &:before{ + @extend .stickCenter; + width: $U10; + height: $U10; + @include border-radius(50%); + box-shadow: 0 0 0 $U3; + } + &:after{ + position: absolute; + width: $U5; + height: $U5; + @include border-radius($U1); + right: $U3; + top: $U3; + box-shadow: 0 0 0 $U2, $U1 $U1 0 $U2, -1*$U5 -1*$U1 0 $U1, -1*$U10 -1*$U1 0 $U1, -1*$U16 $U1 0 $U2; + } +} +.icono-flickr{ + width: $U24; + height: $U24; + overflow: hidden; + @include border-radius($U4); + margin: $U5; + &:before, &:after{ + @extend .stickCenterV; + width: $U7; + height: $U7; + @include border-radius(50%); + } + &:before{ + left: $U4; + box-shadow: 0 0 0 $U1, 0 -1*$U10 0 $U6, 0 $U10 0 $U6, -1*$U4 0 0 $U3; + } + &:after{ + right: $U4; + box-shadow: 0 0 0 $U1, 0 -1*$U10 0 $U6, 0 $U10 0 $U6, $U4 0 0 $U3; + } +} +.icono-delicious{ + width: $U24; + height: $U24; + overflow: hidden; + @include border-radius($U4); + box-shadow: inset 0 0 0 $U2; + margin: $U5; + &:before{ + position: absolute; + width: $U12; + height: $U12; + box-shadow: inset 0 0 0 $U32, $U12 -1*$U12 0 0; + left: 0; + bottom: 0; + } +} +.icono-codepen{ + width: $U2; + height: $U10; + box-shadow: inset 0 0 0 $U32, 0 $U15, -1*$U11 $U7, $U11 $U7; + margin: $U4 $U16 $U20; + &:before{ + position: absolute; + right: $U2; + top: $U3; + width: $U11; + height: $U4; + transform: skew(0, -35deg) scaleY(0.6); + box-shadow: inset 0 0 0 $U32, 0 $U13, $U11 $U26, $U12 $U32+$U7; + } + &:after{ + position: absolute; + left: $U2; + top: $U3; + width: $U11; + height: $U4; + transform: skew(0, 35deg) scaleY(0.6); + box-shadow: inset 0 0 0 $U32, 0 $U13, -1*$U11 $U26, -1*$U12 $U32+$U7; + } +} +.icono-blogger{ + width: $U24; + height: $U14; + @include border-radius(0 0 $U7 $U7); + margin: $U14 $U5 $U6; + &, &:before{ + border-width: $U6; + border-style: solid; + } + &:before{ + position: absolute; + width: $U8; + height: $U2; + left: -1*$U6; + top: -1*$U15; + @include border-radius($U6 $U6 0 0) + } +} +.icono-disqus{ + width: $U31; + height: $U31; + box-shadow: inset 0 0 0 $U32; + @include border-radius(50%); + margin: $U1 $U1 $U2 $U2; + &:before{ + position: absolute; + width: 0; + height: 0; + border: $U5 solid transparent; + border-top: $U10 solid; + @include transform(rotate(50deg)); + left: -$U5; + top: $U20; + } +} +.icono-dribbble{ + width: $U26; + height: $U26; + border-radius: 50%; + box-shadow: inset 0 0 0 $U2; + overflow: hidden; + position: relative; + background-image: radial-gradient(50% 100%, transparent 0, transparent $U9, currentColor $U10, currentColor $U11, transparent $U12); + background-repeat: no-repeat; + background-position: -$U8 center; + @include transform(rotate(-25deg)); + margin: $U4; + &:after, &:before{ + position: absolute; + @include border-radius(50%); + border: $U2 solid; + width: 2*$U20; + height: $U30; + } + &:after{ + top: $U14; + left: -$U7; + width: $U32; + } + &:before{ + left: -$U6; + top: -$U23; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/stop.scss b/vendor/bower/icono/sass/icons/stop.scss new file mode 100644 index 0000000..448091f --- /dev/null +++ b/vendor/bower/icono/sass/icons/stop.scss @@ -0,0 +1,7 @@ +//*-- Stop --*\\ +.icono-stop{ + width: 0; + height: 0; + border: solid $U10; + margin: $U7; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/sun.scss b/vendor/bower/icono/sass/icons/sun.scss new file mode 100644 index 0000000..1012e77 --- /dev/null +++ b/vendor/bower/icono/sass/icons/sun.scss @@ -0,0 +1,10 @@ +//*-- Sun --*\\ +.icono-sun{ + width: $U22; + height: $U22; + border: $U2 solid; + @include border-radius(50%); + box-shadow: -1*$U15 0 0 -1*$U9, $U15 0 0 -1*$U9, 0 -1*$U15 0 -1*$U9, 0 $U15 0 -1*$U9, + $U11 $U11 0 -1*$U9, -1*$U11 -1*$U11 0 -1*$U9, $U11 -1*$U11 0 -1*$U9, -1*$U11 $U11 0 -1*$U9; + margin: $U6; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/support.scss b/vendor/bower/icono/sass/icons/support.scss new file mode 100644 index 0000000..efa614a --- /dev/null +++ b/vendor/bower/icono/sass/icons/support.scss @@ -0,0 +1,27 @@ +//*-- Support --*\\ +.icono-support{ + width: $U26; + height: $U26; + border: $U5 solid transparent; + box-shadow: 0 0 0 $U2 inset, 0 0 0 $U2; + @include border-radius(50%); + margin: $U4; + &:before{ + position:absolute; + width: $U7; + height: $U7; + top: -1*$U3; + left: -1*$U3; + @include transform(rotate(45deg)); + box-shadow: inset 0 0 0 $U32, $U21 0 0 0; + } + &:after{ + position:absolute; + width: $U7; + height: $U7; + top: -1*$U3; + right: -1*$U3; + @include transform(rotate(135deg)); + box-shadow: inset 0 0 0 $U32, $U21 0 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/sync.scss b/vendor/bower/icono/sass/icons/sync.scss new file mode 100644 index 0000000..a80720f --- /dev/null +++ b/vendor/bower/icono/sass/icons/sync.scss @@ -0,0 +1,29 @@ +//*-- Sync --*\\ +.icono-sync{ + width: $U26; + height: $U26; + @include border-radius(50%); + @extend .icono-stroke; + border-right-color: transparent; + border-left-color: transparent; + margin: $U4; + &:before, &:after{ + position: absolute; + width: 0;height: 0; + border-width: $U6; + border-style: solid; + border-right-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + } + &:before{ + @include transform(rotate(-45deg)); + right: -1*$U7; + top:0; + } + &:after{ + @include transform(rotate(135deg)); + left: -1*$U7; + bottom: 0; + } +} diff --git a/vendor/bower/icono/sass/icons/tag.scss b/vendor/bower/icono/sass/icons/tag.scss new file mode 100644 index 0000000..a26b631 --- /dev/null +++ b/vendor/bower/icono/sass/icons/tag.scss @@ -0,0 +1,29 @@ +//*-- Tag --*\\ +.icono-tag{ + width: $U18; + height: $U24; + @extend .icono-stroke; + @include border-radius($U6 $U6 $U4 $U4); + border-top: none; + @include transform(rotate(45deg)); + margin: $U5 $U8; + &:before{ + position: absolute; + top: -1*$U4; + left: $U1; + width: $U10; + height: $U10; + border-width: $U2 0 0 $U2; + border-style: solid; + @include transform(rotate(45deg)); + @include border-radius($U5 0 0 0) + } + &:after{ + @extend .stickCenterH; + top: $U1; + width: $U3; + height: $U3; + @extend .icono-stroke; + @include border-radius(50%); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/terminal.scss b/vendor/bower/icono/sass/icons/terminal.scss new file mode 100644 index 0000000..33b7051 --- /dev/null +++ b/vendor/bower/icono/sass/icons/terminal.scss @@ -0,0 +1,26 @@ +//*-- Terminal --*\\ +.icono-terminal{ + width: $U28; + height: $U24; + @extend .icono-stroke; + margin: $U5 $U3; + &:before{ + width: $U5; + height: $U5; + position: absolute; + top: 50%; + @include transform(translateY(-50%) rotate(45deg)); + left: $U3; + border-width: $U2 $U2 0 0; + border-style: solid; + } + &:after{ + position: absolute; + width: $U5; + height: 0; + border-bottom: $U2 solid; + right: $U6; + bottom: $U4; + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/textAlign.scss b/vendor/bower/icono/sass/icons/textAlign.scss new file mode 100644 index 0000000..9dc1f4e --- /dev/null +++ b/vendor/bower/icono/sass/icons/textAlign.scss @@ -0,0 +1,30 @@ +//*-- Text align --*\\ +[class*="icono-textAlign"]{ + width: $U28; + height: $U22; + margin: $U6 $U3; + &:before, &:after{ + position: absolute; + height: $U2; + box-shadow: inset 0 0 0 $U32, 0 $U8 0 0, 0 $U16 0 0; + right: 0; + } + &:before{ + width: $U28; + top: 0; + } + &:after{ + width: $U18; + top: $U4; + } + &.icono-textAlignCenter{ + &:before, &:after{ + @extend .stickCenterH; + } + } + &.icono-textAlignLeft{ + &:before, &:after{ + left: 0; + } + } +} diff --git a/vendor/bower/icono/sass/icons/tiles.scss b/vendor/bower/icono/sass/icons/tiles.scss new file mode 100644 index 0000000..b4d10c4 --- /dev/null +++ b/vendor/bower/icono/sass/icons/tiles.scss @@ -0,0 +1,8 @@ +//*-- Tiles --*\\ +.icono-tiles{ + @include square($U4); + box-shadow: 0 -1*$U8 0, -1*$U8 -1*$U8 0, $U8 -1*$U8 0, + 0 0 0 $U32 inset, -1*$U8 0 0, $U8 0 0, + 0 $U8 0, -1*$U8 $U8 0, $U8 $U8 0; + margin: $U15; +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/trash.scss b/vendor/bower/icono/sass/icons/trash.scss new file mode 100644 index 0000000..4875585 --- /dev/null +++ b/vendor/bower/icono/sass/icons/trash.scss @@ -0,0 +1,16 @@ +//*-- Trash --*\\ +.icono-trash{ + width: $U22; + height: $U22; + @include border-radius(0 0 $U3 $U3); + @extend .icono-stroke; + border-top: none; + margin: $U9 $U6 $U3; + &:before{ + width: $U8; + height: $U2; + @extend .stickCenterH; + top: -1*$U6; + box-shadow: inset 0 0 0 $U32, -1*$U10 1*$U2 0 0, -1*$U6 1*$U2 0 0, 0 $U2 0 0, $U6 $U2 0 0, $U10 $U2 0 0; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/user.scss b/vendor/bower/icono/sass/icons/user.scss new file mode 100644 index 0000000..567f341 --- /dev/null +++ b/vendor/bower/icono/sass/icons/user.scss @@ -0,0 +1,18 @@ +//*-- User --*\\ +.icono-user{ + width: $U32; + height: $U14; + @extend .icono-stroke; + @include border-radius(2*$U32 2*$U32 0 0 #{'/'} 2*$U32); + margin: $U18 $U1 $U2; + &:before{ + @include square($U12); + @extend .stickCenterH; + top: -1*$U20; + @extend .icono-stroke; + @include border-radius(50%); + } + &:after{ + + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/video.scss b/vendor/bower/icono/sass/icons/video.scss new file mode 100644 index 0000000..647f1c0 --- /dev/null +++ b/vendor/bower/icono/sass/icons/video.scss @@ -0,0 +1,23 @@ +//*-- Video --*\\ +.icono-video{ + width: $U20; + height: $U20; + @extend .icono-stroke; + margin: $U7 $U7; + &:before{ + @extend .stickCenterV; + width: $U3; + height: $U3; + left: -1*$U8; + box-shadow: inset 0 0 0 $U32, 0 -1*$U8 0 0, 0 $U8 0 0, $U29 0 0 0,$U29 -1*$U8 0 0, $U29 $U8 0 0; + } + &:after{ + @extend .stickCenter; + width: 0; + height: 0; + border-width: $U4 0 $U4 $U6; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + } +} diff --git a/vendor/bower/icono/sass/icons/volume.scss b/vendor/bower/icono/sass/icons/volume.scss new file mode 100644 index 0000000..63b8b55 --- /dev/null +++ b/vendor/bower/icono/sass/icons/volume.scss @@ -0,0 +1,74 @@ +//*-- Volume --*\\ +.icono-volume{ + width: 0; + height: 0; + border: $U7 solid; + border-left: none; + border-top-color: transparent; + border-bottom-color: transparent; + padding: $U6 $U3; + box-shadow: inset $U4 0; + margin: $U4 $U10 $U4 $U11; +} +.icono-volumeLow{ + @extend .icono-volume; + margin: $U4 $U14 $U4 $U7; + &:before{ + width: $U15; + height: $U15; + position: absolute; + @include border-radius(50%); + @extend .icono-stroke; + border-top-color: transparent; + border-bottom-color: transparent; + border-left-color: transparent; + left: $U2; + @extend .stickCenterV; + } +} +.icono-volumeMedium{ + @extend .icono-volumeLow; + margin: $U4 $U16 $U4 $U5; + &:before{ + border-style: double; + border-width: $U6; + left: -1*$U2; + } +} +.icono-volumeHigh{ + @extend .icono-volumeMedium; + margin: $U4 $U18 $U4 $U3; + &:after{ + @extend .icono-volumeLow:before; + width: $U32; + height: $U32; + left: -1*$U7; + } +} +.icono-volumeDecrease{ + @extend .icono-volume; + margin: $U4 $U16 $U4 $U5; + &:before, &:after{ + @extend .stickCenterV; + box-shadow: inset 0 0 0 $U32; + } + &:before{ + width: $U10; + height: $U2; + left: $U17; + } +} +.icono-volumeIncrease{ + @extend .icono-volumeDecrease; + &:after{ + height: $U10; + width: $U2; + left: $U17+$U4; + } +} +.icono-volumeMute{ + @extend .icono-volumeIncrease; + &:after, &:before{ + @include transform(translateY(-50%) rotate(45deg)); + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/icons/youtube.scss b/vendor/bower/icono/sass/icons/youtube.scss new file mode 100644 index 0000000..2cdb3c3 --- /dev/null +++ b/vendor/bower/icono/sass/icons/youtube.scss @@ -0,0 +1,31 @@ +//*-- Youtube --*\\ +.icono-youtube{ + border-right-color: transparent; + border-left-color: transparent; + @include border-radius($U10); + width: $U32; + height: $U32 / 1.4357; + margin: $U6 $U1; + &, &:before{ + @extend .icono-stroke; + } + &:before{ + position: absolute; + top: 0; + right: 0; + bottom: 0; + left: 0; + border-top-color: transparent; + border-bottom-color: transparent; + @include border-radius($U6 #{'/'} $U3); + } + &:after{ + width: 0; + height: 0; + @extend .stickCenter; + border-width: $U4 0 $U4 $U8; + border-style: solid; + border-top-color: transparent; + border-bottom-color: transparent; + } +} \ No newline at end of file diff --git a/vendor/bower/icono/sass/mixins.scss b/vendor/bower/icono/sass/mixins.scss new file mode 100644 index 0000000..08e1a02 --- /dev/null +++ b/vendor/bower/icono/sass/mixins.scss @@ -0,0 +1,74 @@ +@mixin stickCenter($top: 0, $right: 0, $bottom: 0, $left: 0){ + position: absolute; + @if ($top == $bottom){ + @if ($left == $right){ + //stick center method 1 + left: 50%; + top: 50%; + @include transform(translate(-50%, -50%)); + }@else{ + //stick center V + top: 50%; + @include transform(translateY(-50%)); + right: $right; + left: $left; + margin: 0 auto; + } + }@else if ($left == $right){ + //stick center H + left: 50%; + @include transform(translateX(-50%)); + top: $top; + bottom: $bottom; + margin: auto 0; + }@else{ + //stick center method 2 + top: $top; + right: $right; + bottom: $bottom; + left: $left; + margin: auto; + } +} +@mixin stickCenterH{ + position: absolute; + left: 50%; + @include transform(translateX(-50%)); +} +@mixin stickCenterV{ + position: absolute; + top: 50%; + @include transform(translateY(-50%)); +} +@mixin square($length){ + width: $length; height: $length; +} +@mixin goldenRectL($width){ + width: $width; + height: ceil($width/1.61803398875); +} +@mixin goldenRectP($width){ + width: $width; + height: ceil($width*1.61803398875); +} +@mixin wDiagonal($length){ + width: ceil(sqrt(2 * $length * $length)); +} +@mixin hDiagonal($length){ + height: ceil(sqrt(2 * $length * $length)); +} +//CSS3 Prefixes +@mixin transform($params){ + -webkit-transform: $params; + -moz-transform: $params; + -ms-transform: $params; + -o-transform: $params; + transform: $params; +} +@mixin border-radius($radius) { + -webkit-border-radius: $radius; + -moz-border-radius: $radius; + -o-border-radius: $radius; + border-radius: $radius; +} + \ No newline at end of file diff --git a/vendor/bower/icono/sass/variables.scss b/vendor/bower/icono/sass/variables.scss new file mode 100644 index 0000000..d223565 --- /dev/null +++ b/vendor/bower/icono/sass/variables.scss @@ -0,0 +1,38 @@ +$maincolor: #ddd; +$size: 32px;//pixel for this version + + +$U1: ceil($size/32); +$U2: ceil($size/16); +$U3: ceil($size/12); +$U4: ceil($size/8); +$U5: ceil($size/7); +$U6: ceil($size/5.4); +$U7: ceil($size/4.9); +$U8: ceil($size/4); +$U9: ceil($size/3.7); +$U10: ceil($size/3.2); +$U11: ceil($size/3.1); +$U12: ceil($size/2.7); +$U13: ceil($size/2.5); +$U14: ceil($size/2.3); +$U15: ceil($size/2.2); +$U16: ceil($size/2); +$U17: ceil($size/1.9); +$U18: ceil($size/1.8); +$U19: ceil($size/1.7); +$U20: ceil($size/1.6); +$U21: ceil($size/1.55); +$U22: ceil($size/1.5); +$U23: ceil($size/1.4); +$U24: ceil($size/1.34); +$U25: ceil($size/1.3); +$U26: ceil($size/1.25); +$U27: ceil($size/1.2); +$U28: ceil($size/1.15); +$U29: ceil($size/1.12); +$U30: ceil($size/1.1); +$U31: ceil($size/1.05); +$U32: $size; + +$stroke: $U2 solid; \ No newline at end of file diff --git a/vendor/bower/jquery-ujs/.bower.json b/vendor/bower/jquery-ujs/.bower.json new file mode 100644 index 0000000..b6033a1 --- /dev/null +++ b/vendor/bower/jquery-ujs/.bower.json @@ -0,0 +1,33 @@ +{ + "name": "jquery-ujs", + "homepage": "https://github.com/rails/jquery-ujs", + "authors": [ + "Stephen St. Martin", + "Steve Schwartz" + ], + "description": "Ruby on Rails unobtrusive scripting adapter for jQuery", + "main": "src/rails.js", + "license": "MIT", + "version": "1.0.3", + "dependencies": { + "jquery": ">1.8.*" + }, + "ignore": [ + "**/.*", + "Gemfile*", + "Rakefile", + "bower_components", + "script", + "test" + ], + "_release": "1.0.3", + "_resolution": { + "type": "version", + "tag": "v1.0.3", + "commit": "519aad962496497870621e5b6afe2a727a28839d" + }, + "_source": "git://github.com/rails/jquery-ujs.git", + "_target": "~1.0.3", + "_originalSource": "jquery-ujs", + "_direct": true +} \ No newline at end of file diff --git a/vendor/bower/jquery-ujs/CHANGELOG.md b/vendor/bower/jquery-ujs/CHANGELOG.md new file mode 100644 index 0000000..8e4116f --- /dev/null +++ b/vendor/bower/jquery-ujs/CHANGELOG.md @@ -0,0 +1,24 @@ +## v1.0.3 + +* Replace deprecated `deferred.error()` with `fail()`. + + *Carlos Antonio da Silva* +## v1.0.2 + +* Re-enables buttons and links after going back through the `pageshow` event. + + *Gabriel Sobrinho* + +## v1.0.1 + +* `confirm` is no longer called twice for `button` elements inside a `form`. + + *Lucas Mazza* + +* `button` or submit inputs using the `form` attribute are properly bound. + + *Marnen Laibow-Koser* + +## v1.0.0 + +* First tagged release. diff --git a/vendor/bower/jquery-ujs/MIT-LICENSE.txt b/vendor/bower/jquery-ujs/MIT-LICENSE.txt new file mode 100644 index 0000000..ed37a23 --- /dev/null +++ b/vendor/bower/jquery-ujs/MIT-LICENSE.txt @@ -0,0 +1,20 @@ +Copyright (c) 2007-2010 Contributors at http://github.com/rails/jquery-ujs/contributors + +Permission is hereby granted, free of charge, to any person obtaining +a copy of this software and associated documentation files (the +"Software"), to deal in the Software without restriction, including +without limitation the rights to use, copy, modify, merge, publish, +distribute, sublicense, and/or sell copies of the Software, and to +permit persons to whom the Software is furnished to do so, subject to +the following conditions: + +The above copyright notice and this permission notice shall be +included in all copies or substantial portions of the Software. + +THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, +EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF +MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND +NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE +LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION +OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION +WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE. diff --git a/vendor/bower/jquery-ujs/README.md b/vendor/bower/jquery-ujs/README.md new file mode 100644 index 0000000..29ea432 --- /dev/null +++ b/vendor/bower/jquery-ujs/README.md @@ -0,0 +1,72 @@ +Unobtrusive scripting adapter for jQuery +======================================== + +This unobtrusive scripting support file is developed for the Ruby on Rails framework, but is not strictly tied to any specific backend. You can drop this into any application to: + +- force confirmation dialogs for various actions; +- make non-GET requests from hyperlinks; +- make forms or hyperlinks submit data asynchronously with Ajax; +- have submit buttons become automatically disabled on form submit to prevent double-clicking. + +These features are achieved by adding certain ["data" attributes][data] to your HTML markup. In Rails, they are added by the framework's template helpers. + +Full [documentation is on the wiki][wiki], including the [list of published Ajax events][events]. + +Requirements +------------ + +- [jQuery 1.8.x or higher][jquery]; +- HTML5 doctype (optional). + +If you don't use HTML5, adding "data" attributes to your HTML4 or XHTML pages might make them fail [W3C markup validation][validator]. However, this shouldn't create any issues for web browsers or other user agents. + +Installation using the jquery-rails gem +------------ + +For automated installation in Rails, use the "jquery-rails" gem. Place this in your Gemfile: + +```ruby +gem 'jquery-rails' +``` + +And run: + +```shell +$ bundle install +``` + +Require both `jquery` and `jquery_ujs` into your application.js manifest. + +```javascript +//= require jquery +//= require jquery_ujs +``` + +Installation using Bower +------------ + +Run `bower install jquery-ujs --save` to install the jquery-ujs package. + +Usage +------------ + +Require both `jquery` and `jquery-ujs` into your application.js manifest. + +```javascript +//= require jquery +//= require jquery-ujs +``` + +How to run tests +------------ + +Follow [this wiki](https://github.com/rails/jquery-ujs/wiki/Running-Tests-and-Contributing) to run tests . + + +[data]: http://www.w3.org/TR/html5/dom.html#embedding-custom-non-visible-data-with-the-data-*-attributes "Embedding custom non-visible data with the data-* attributes" +[wiki]: https://github.com/rails/jquery-ujs/wiki +[events]: https://github.com/rails/jquery-ujs/wiki/ajax +[jquery]: http://docs.jquery.com/Downloading_jQuery +[validator]: http://validator.w3.org/ +[csrf]: http://api.rubyonrails.org/classes/ActionController/RequestForgeryProtection.html +[adapter]: https://github.com/rails/jquery-ujs/raw/master/src/rails.js diff --git a/vendor/bower/jquery-ujs/bower.json b/vendor/bower/jquery-ujs/bower.json new file mode 100644 index 0000000..9b5d5df --- /dev/null +++ b/vendor/bower/jquery-ujs/bower.json @@ -0,0 +1,20 @@ +{ + "name": "jquery-ujs", + "homepage": "https://github.com/rails/jquery-ujs", + "authors": ["Stephen St. Martin", "Steve Schwartz"], + "description": "Ruby on Rails unobtrusive scripting adapter for jQuery", + "main": "src/rails.js", + "license": "MIT", + "version": "1.0.3", + "dependencies": { + "jquery": ">1.8.*" + }, + "ignore": [ + "**/.*", + "Gemfile*", + "Rakefile", + "bower_components", + "script", + "test" + ] +} diff --git a/vendor/bower/jquery-ujs/src/rails.js b/vendor/bower/jquery-ujs/src/rails.js new file mode 100644 index 0000000..a4fb0be --- /dev/null +++ b/vendor/bower/jquery-ujs/src/rails.js @@ -0,0 +1,469 @@ +(function($, undefined) { + +/** + * Unobtrusive scripting adapter for jQuery + * https://github.com/rails/jquery-ujs + * + * Requires jQuery 1.8.0 or later. + * + * Released under the MIT license + * + */ + + // Cut down on the number of issues from people inadvertently including jquery_ujs twice + // by detecting and raising an error when it happens. + if ( $.rails !== undefined ) { + $.error('jquery-ujs has already been loaded!'); + } + + // Shorthand to make it a little easier to call public rails functions from within rails.js + var rails; + var $document = $(document); + + $.rails = rails = { + // Link elements bound by jquery-ujs + linkClickSelector: 'a[data-confirm], a[data-method], a[data-remote], a[data-disable-with], a[data-disable]', + + // Button elements bound by jquery-ujs + buttonClickSelector: 'button[data-remote]:not(form button), button[data-confirm]:not(form button)', + + // Select elements bound by jquery-ujs + inputChangeSelector: 'select[data-remote], input[data-remote], textarea[data-remote]', + + // Form elements bound by jquery-ujs + formSubmitSelector: 'form', + + // Form input elements bound by jquery-ujs + formInputClickSelector: 'form input[type=submit], form input[type=image], form button[type=submit], form button:not([type]), input[type=submit][form], input[type=image][form], button[type=submit][form], button[form]:not([type])', + + // Form input elements disabled during form submission + disableSelector: 'input[data-disable-with]:enabled, button[data-disable-with]:enabled, textarea[data-disable-with]:enabled, input[data-disable]:enabled, button[data-disable]:enabled, textarea[data-disable]:enabled', + + // Form input elements re-enabled after form submission + enableSelector: 'input[data-disable-with]:disabled, button[data-disable-with]:disabled, textarea[data-disable-with]:disabled, input[data-disable]:disabled, button[data-disable]:disabled, textarea[data-disable]:disabled', + + // Form required input elements + requiredInputSelector: 'input[name][required]:not([disabled]),textarea[name][required]:not([disabled])', + + // Form file input elements + fileInputSelector: 'input[type=file]', + + // Link onClick disable selector with possible reenable after remote submission + linkDisableSelector: 'a[data-disable-with], a[data-disable]', + + // Button onClick disable selector with possible reenable after remote submission + buttonDisableSelector: 'button[data-remote][data-disable-with], button[data-remote][data-disable]', + + // Make sure that every Ajax request sends the CSRF token + CSRFProtection: function(xhr) { + var token = $('meta[name="csrf-token"]').attr('content'); + if (token) xhr.setRequestHeader('X-CSRF-Token', token); + }, + + // making sure that all forms have actual up-to-date token(cached forms contain old one) + refreshCSRFTokens: function(){ + var csrfToken = $('meta[name=csrf-token]').attr('content'); + var csrfParam = $('meta[name=csrf-param]').attr('content'); + $('form input[name="' + csrfParam + '"]').val(csrfToken); + }, + + // Triggers an event on an element and returns false if the event result is false + fire: function(obj, name, data) { + var event = $.Event(name); + obj.trigger(event, data); + return event.result !== false; + }, + + // Default confirm dialog, may be overridden with custom confirm dialog in $.rails.confirm + confirm: function(message) { + return confirm(message); + }, + + // Default ajax function, may be overridden with custom function in $.rails.ajax + ajax: function(options) { + return $.ajax(options); + }, + + // Default way to get an element's href. May be overridden at $.rails.href. + href: function(element) { + return element.attr('href'); + }, + + // Submits "remote" forms and links with ajax + handleRemote: function(element) { + var method, url, data, elCrossDomain, crossDomain, withCredentials, dataType, options; + + if (rails.fire(element, 'ajax:before')) { + elCrossDomain = element.data('cross-domain'); + crossDomain = elCrossDomain === undefined ? null : elCrossDomain; + withCredentials = element.data('with-credentials') || null; + dataType = element.data('type') || ($.ajaxSettings && $.ajaxSettings.dataType); + + if (element.is('form')) { + method = element.attr('method'); + url = element.attr('action'); + data = element.serializeArray(); + // memoized value from clicked submit button + var button = element.data('ujs:submit-button'); + if (button) { + data.push(button); + element.data('ujs:submit-button', null); + } + } else if (element.is(rails.inputChangeSelector)) { + method = element.data('method'); + url = element.data('url'); + data = element.serialize(); + if (element.data('params')) data = data + "&" + element.data('params'); + } else if (element.is(rails.buttonClickSelector)) { + method = element.data('method') || 'get'; + url = element.data('url'); + data = element.serialize(); + if (element.data('params')) data = data + "&" + element.data('params'); + } else { + method = element.data('method'); + url = rails.href(element); + data = element.data('params') || null; + } + + options = { + type: method || 'GET', data: data, dataType: dataType, + // stopping the "ajax:beforeSend" event will cancel the ajax request + beforeSend: function(xhr, settings) { + if (settings.dataType === undefined) { + xhr.setRequestHeader('accept', '*/*;q=0.5, ' + settings.accepts.script); + } + if (rails.fire(element, 'ajax:beforeSend', [xhr, settings])) { + element.trigger('ajax:send', xhr); + } else { + return false; + } + }, + success: function(data, status, xhr) { + element.trigger('ajax:success', [data, status, xhr]); + }, + complete: function(xhr, status) { + element.trigger('ajax:complete', [xhr, status]); + }, + error: function(xhr, status, error) { + element.trigger('ajax:error', [xhr, status, error]); + }, + crossDomain: crossDomain + }; + + // There is no withCredentials for IE6-8 when + // "Enable native XMLHTTP support" is disabled + if (withCredentials) { + options.xhrFields = { + withCredentials: withCredentials + }; + } + + // Only pass url to `ajax` options if not blank + if (url) { options.url = url; } + + return rails.ajax(options); + } else { + return false; + } + }, + + // Handles "data-method" on links such as: + // Delete + handleMethod: function(link) { + var href = rails.href(link), + method = link.data('method'), + target = link.attr('target'), + csrfToken = $('meta[name=csrf-token]').attr('content'), + csrfParam = $('meta[name=csrf-param]').attr('content'), + form = $('
'), + metadataInput = ''; + + if (csrfParam !== undefined && csrfToken !== undefined) { + metadataInput += ''; + } + + if (target) { form.attr('target', target); } + + form.hide().append(metadataInput).appendTo('body'); + form.submit(); + }, + + // Helper function that returns form elements that match the specified CSS selector + // If form is actually a "form" element this will return associated elements outside the from that have + // the html form attribute set + formElements: function(form, selector) { + return form.is('form') ? $(form[0].elements).filter(selector) : form.find(selector); + }, + + /* Disables form elements: + - Caches element value in 'ujs:enable-with' data store + - Replaces element text with value of 'data-disable-with' attribute + - Sets disabled property to true + */ + disableFormElements: function(form) { + rails.formElements(form, rails.disableSelector).each(function() { + rails.disableFormElement($(this)); + }); + }, + + disableFormElement: function(element) { + var method, replacement; + + method = element.is('button') ? 'html' : 'val'; + replacement = element.data('disable-with'); + + element.data('ujs:enable-with', element[method]()); + if (replacement !== undefined) { + element[method](replacement); + } + + element.prop('disabled', true); + }, + + /* Re-enables disabled form elements: + - Replaces element text with cached value from 'ujs:enable-with' data store (created in `disableFormElements`) + - Sets disabled property to false + */ + enableFormElements: function(form) { + rails.formElements(form, rails.enableSelector).each(function() { + rails.enableFormElement($(this)); + }); + }, + + enableFormElement: function(element) { + var method = element.is('button') ? 'html' : 'val'; + if (element.data('ujs:enable-with')) element[method](element.data('ujs:enable-with')); + element.prop('disabled', false); + }, + + /* For 'data-confirm' attribute: + - Fires `confirm` event + - Shows the confirmation dialog + - Fires the `confirm:complete` event + + Returns `true` if no function stops the chain and user chose yes; `false` otherwise. + Attaching a handler to the element's `confirm` event that returns a `falsy` value cancels the confirmation dialog. + Attaching a handler to the element's `confirm:complete` event that returns a `falsy` value makes this function + return false. The `confirm:complete` event is fired whether or not the user answered true or false to the dialog. + */ + allowAction: function(element) { + var message = element.data('confirm'), + answer = false, callback; + if (!message) { return true; } + + if (rails.fire(element, 'confirm')) { + answer = rails.confirm(message); + callback = rails.fire(element, 'confirm:complete', [answer]); + } + return answer && callback; + }, + + // Helper function which checks for blank inputs in a form that match the specified CSS selector + blankInputs: function(form, specifiedSelector, nonBlank) { + var inputs = $(), input, valueToCheck, + selector = specifiedSelector || 'input,textarea', + allInputs = form.find(selector); + + allInputs.each(function() { + input = $(this); + valueToCheck = input.is('input[type=checkbox],input[type=radio]') ? input.is(':checked') : input.val(); + // If nonBlank and valueToCheck are both truthy, or nonBlank and valueToCheck are both falsey + if (!valueToCheck === !nonBlank) { + + // Don't count unchecked required radio if other radio with same name is checked + if (input.is('input[type=radio]') && allInputs.filter('input[type=radio]:checked[name="' + input.attr('name') + '"]').length) { + return true; // Skip to next input + } + + inputs = inputs.add(input); + } + }); + return inputs.length ? inputs : false; + }, + + // Helper function which checks for non-blank inputs in a form that match the specified CSS selector + nonBlankInputs: function(form, specifiedSelector) { + return rails.blankInputs(form, specifiedSelector, true); // true specifies nonBlank + }, + + // Helper function, needed to provide consistent behavior in IE + stopEverything: function(e) { + $(e.target).trigger('ujs:everythingStopped'); + e.stopImmediatePropagation(); + return false; + }, + + // replace element's html with the 'data-disable-with' after storing original html + // and prevent clicking on it + disableElement: function(element) { + var replacement = element.data('disable-with'); + + element.data('ujs:enable-with', element.html()); // store enabled state + if (replacement !== undefined) { + element.html(replacement); + } + + element.bind('click.railsDisable', function(e) { // prevent further clicking + return rails.stopEverything(e); + }); + }, + + // restore element to its original state which was disabled by 'disableElement' above + enableElement: function(element) { + if (element.data('ujs:enable-with') !== undefined) { + element.html(element.data('ujs:enable-with')); // set to old enabled state + element.removeData('ujs:enable-with'); // clean up cache + } + element.unbind('click.railsDisable'); // enable element + } + }; + + if (rails.fire($document, 'rails:attachBindings')) { + + $.ajaxPrefilter(function(options, originalOptions, xhr){ if ( !options.crossDomain ) { rails.CSRFProtection(xhr); }}); + + // This event works the same as the load event, except that it fires every + // time the page is loaded. + // + // See https://github.com/rails/jquery-ujs/issues/357 + // See https://developer.mozilla.org/en-US/docs/Using_Firefox_1.5_caching + $(window).on("pageshow.rails", function () { + $($.rails.enableSelector).each(function () { + var element = $(this); + + if (element.data("ujs:enable-with")) { + $.rails.enableFormElement(element); + } + }); + + $($.rails.linkDisableSelector).each(function () { + var element = $(this); + + if (element.data("ujs:enable-with")) { + $.rails.enableElement(element); + } + }); + }); + + $document.delegate(rails.linkDisableSelector, 'ajax:complete', function() { + rails.enableElement($(this)); + }); + + $document.delegate(rails.buttonDisableSelector, 'ajax:complete', function() { + rails.enableFormElement($(this)); + }); + + $document.delegate(rails.linkClickSelector, 'click.rails', function(e) { + var link = $(this), method = link.data('method'), data = link.data('params'), metaClick = e.metaKey || e.ctrlKey; + if (!rails.allowAction(link)) return rails.stopEverything(e); + + if (!metaClick && link.is(rails.linkDisableSelector)) rails.disableElement(link); + + if (link.data('remote') !== undefined) { + if (metaClick && (!method || method === 'GET') && !data) { return true; } + + var handleRemote = rails.handleRemote(link); + // response from rails.handleRemote() will either be false or a deferred object promise. + if (handleRemote === false) { + rails.enableElement(link); + } else { + handleRemote.fail( function() { rails.enableElement(link); } ); + } + return false; + + } else if (method) { + rails.handleMethod(link); + return false; + } + }); + + $document.delegate(rails.buttonClickSelector, 'click.rails', function(e) { + var button = $(this); + + if (!rails.allowAction(button)) return rails.stopEverything(e); + + if (button.is(rails.buttonDisableSelector)) rails.disableFormElement(button); + + var handleRemote = rails.handleRemote(button); + // response from rails.handleRemote() will either be false or a deferred object promise. + if (handleRemote === false) { + rails.enableFormElement(button); + } else { + handleRemote.fail( function() { rails.enableFormElement(button); } ); + } + return false; + }); + + $document.delegate(rails.inputChangeSelector, 'change.rails', function(e) { + var link = $(this); + if (!rails.allowAction(link)) return rails.stopEverything(e); + + rails.handleRemote(link); + return false; + }); + + $document.delegate(rails.formSubmitSelector, 'submit.rails', function(e) { + var form = $(this), + remote = form.data('remote') !== undefined, + blankRequiredInputs, + nonBlankFileInputs; + + if (!rails.allowAction(form)) return rails.stopEverything(e); + + // skip other logic when required values are missing or file upload is present + if (form.attr('novalidate') == undefined) { + blankRequiredInputs = rails.blankInputs(form, rails.requiredInputSelector); + if (blankRequiredInputs && rails.fire(form, 'ajax:aborted:required', [blankRequiredInputs])) { + return rails.stopEverything(e); + } + } + + if (remote) { + nonBlankFileInputs = rails.nonBlankInputs(form, rails.fileInputSelector); + if (nonBlankFileInputs) { + // slight timeout so that the submit button gets properly serialized + // (make it easy for event handler to serialize form without disabled values) + setTimeout(function(){ rails.disableFormElements(form); }, 13); + var aborted = rails.fire(form, 'ajax:aborted:file', [nonBlankFileInputs]); + + // re-enable form elements if event bindings return false (canceling normal form submission) + if (!aborted) { setTimeout(function(){ rails.enableFormElements(form); }, 13); } + + return aborted; + } + + rails.handleRemote(form); + return false; + + } else { + // slight timeout so that the submit button gets properly serialized + setTimeout(function(){ rails.disableFormElements(form); }, 13); + } + }); + + $document.delegate(rails.formInputClickSelector, 'click.rails', function(event) { + var button = $(this); + + if (!rails.allowAction(button)) return rails.stopEverything(event); + + // register the pressed submit button + var name = button.attr('name'), + data = name ? {name:name, value:button.val()} : null; + + button.closest('form').data('ujs:submit-button', data); + }); + + $document.delegate(rails.formSubmitSelector, 'ajax:send.rails', function(event) { + if (this == event.target) rails.disableFormElements($(this)); + }); + + $document.delegate(rails.formSubmitSelector, 'ajax:complete.rails', function(event) { + if (this == event.target) rails.enableFormElements($(this)); + }); + + $(function(){ + rails.refreshCSRFTokens(); + }); + } + +})( jQuery );