PHP Classes

File: public/flat-admin/css/plugins/pageguide/pageguide.css

Recommend this page to a friend!
  Classes of adriano123456   Budget System   public/flat-admin/css/plugins/pageguide/pageguide.css   Download  
File: public/flat-admin/css/plugins/pageguide/pageguide.css
Role: Auxiliary data
Content type: text/plain
Description: Auxiliary data
Class: Budget System
Elaborate budgets for purchases of products
Author: By
Last change:
Date: 4 months ago
Size: 20,018 bytes
 

Contents

Class file image Download
/* Variables ================================================== */ @-webkit-keyframes pg-pulse { 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } } @-moz-keyframes pg-pulse { 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } } @-ms-keyframes pg-pulse { 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } } @-o-keyframes pg-pulse { 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } } @keyframes pg-pulse { 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } } .pg-pulse-frames 0% { -webkit-transform: rotate(0) scale(1) skew(0) translate(0); -moz-transform: rotate(0) scale(1) skew(0) translate(0); -o-transform: rotate(0) scale(1) skew(0) translate(0); -ms-transform: rotate(0) scale(1) skew(0) translate(0); transform: rotate(0) scale(1) skew(0) translate(0); opacity: 0.8; } .pg-pulse-frames 100% { -webkit-transform: rotate(0) scale(1.3) skew(0) translate(0); -moz-transform: rotate(0) scale(1.3) skew(0) translate(0); -o-transform: rotate(0) scale(1.3) skew(0) translate(0); -ms-transform: rotate(0) scale(1.3) skew(0) translate(0); transform: rotate(0) scale(1.3) skew(0) translate(0); -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; opacity: 0; } /* Mixins ================================================== */ .pg-disable-select { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .pg-enable-select { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; } /* Page Guide ================================================== */ #pageGuideWrapper { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; color: #000; font-size: 13px; font-family: 'Helvetica', 'Arial', sans-serif; } #pageGuideWrapper #pageGuideToggle { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; background-color: rgba(0, 0, 0, 0.1); -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; clear: both; color: #444; cursor: pointer; display: block; float: right; font-size: 12px; height: 60px; line-height: 25px; padding: 34px 6px 6px 8px; position: fixed; text-align: left; text-decoration: none; text-shadow: 0 1px rgba(255, 255, 255, 0.5); top: 130px; right: -210px; width: 210px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #pageGuideWrapper #pageGuideToggle:before { content: "i"; position: absolute; left: 23px; top: 6px; height: 25px; width: 25px; font: 20px/26px "Palatino Linotype", "Book Antiqua", Palatino, serif; font-weight: bold; text-align: center; text-shadow: 0 -1px rgba(0, 0, 0, 0.3); color: #fff; background-color: rgba(100, 150, 255, 0.25); border: 3px solid rgba(235, 235, 235, 0.95); border-radius: 15px; -webkit-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3); -moz-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3); -o-box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3); box-shadow: 0 -1px 0 0 rgba(0, 0, 0, 0.3); } #pageGuideWrapper #pageGuideToggle div { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; border-left: 1px solid rgba(255, 255, 255, 0.8); display: block; height: 48px; width: 135px; line-height: 16px; overflow: hidden; padding: 0 0 0 6px; position: absolute; right: 0; top: 6px; } #pageGuideWrapper #pageGuideToggle div span { display: block; margin: 0 0 0 -118px; width: 124px; -webkit-transition: all 0.2s ease-in; -moz-transition: all 0.2s ease-in; -o-transition: all 0.2s ease-in; -ms-transition: all 0.2s ease-in; transition: all 0.2s ease-in; } #pageGuideWrapper #pageGuideToggle a.pageguide-close { bottom: -25px; color: #444; opacity: 0; position: absolute; right: 5px; text-decoration: none; text-shadow: none; } #pageGuideWrapper #pageGuideToggle a.pageguide-close:hover { color: #be0267; } #pageGuideWrapper .pageguide-guide { list-style: none; margin: 0 0 0 0; padding: 0 0 0 0; } #pageGuideWrapper .pageguide-guide li { background-color: #7a7a7a; -webkit-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 4px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); -webkit-transition: min-height, max-height 0.1s ease-in-out; -moz-transition: min-height, max-height 0.1s ease-in-out; -o-transition: min-height, max-height 0.1s ease-in-out; -ms-transition: min-height, max-height 0.1s ease-in-out; transition: min-height, max-height 0.1s ease-in-out; -webkit-transition: opacity 0.5s ease-out; -moz-transition: opacity 0.5s ease-out; -o-transition: opacity 0.5s ease-out; -ms-transition: opacity 0.5s ease-out; transition: opacity 0.5s ease-out; opacity: 0; cursor: pointer; display: block; height: 46px; line-height: 48px; min-height: 0px; max-height: 0px; position: absolute; text-align: center; width: 50px; z-index: 1000; -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; } #pageGuideWrapper .pageguide-guide li.expanded { opacity: 0.5; height: 46px; min-height: 15px; max-height: 46px; } #pageGuideWrapper .pageguide-guide li.expanded:after { display: block; } #pageGuideWrapper .pageguide-guide li ins { background: none; color: #fff; display: block; font-size: 25px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); overflow: hidden; text-decoration: none; width: 50px; } #pageGuideWrapper .pageguide-guide li div { display: none; } #pageGuideWrapper .pageguide-guide li:after { content: " "; display: none; height: 0; position: absolute; width: 0; border-top: none; border-right: none; border-bottom: none; border-left: none; top: auto; left: auto; right: auto; } #pageGuideWrapper .pageguide-guide li.pageguide-top { -webkit-border-radius: 3px 3px 3px 0; -moz-border-radius: 3px 3px 3px 0; -o-border-radius: 3px 3px 3px 0; border-radius: 3px 3px 3px 0; } #pageGuideWrapper .pageguide-guide li.pageguide-top:after { border-top: 6px solid #7a7a7a; border-right: 6px solid transparent; bottom: -4px; left: 0; } #pageGuideWrapper .pageguide-guide li.pageguide-bottom { -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; } #pageGuideWrapper .pageguide-guide li.pageguide-bottom:after { border-bottom: 6px solid #7a7a7a; border-right: 6px solid transparent; left: 0; top: -4px; } #pageGuideWrapper .pageguide-guide li.pageguide-right { -webkit-border-radius: 0 3px 3px 3px; -moz-border-radius: 0 3px 3px 3px; -o-border-radius: 0 3px 3px 3px; border-radius: 0 3px 3px 3px; } #pageGuideWrapper .pageguide-guide li.pageguide-right:after { border-top: 6px solid #7a7a7a; border-left: 6px solid transparent; left: -4px; top: 0; } #pageGuideWrapper .pageguide-guide li.pageguide-left { -webkit-border-radius: 3px 0 3px 3px; -moz-border-radius: 3px 0 3px 3px; -o-border-radius: 3px 0 3px 3px; border-radius: 3px 0 3px 3px; } #pageGuideWrapper .pageguide-guide li.pageguide-left:after { border-top: 6px solid #7a7a7a; border-right: 6px solid transparent; right: -4px; top: 0; } #pageGuideWrapper .pageguide-guide li:hover { background-color: rgba(241, 2, 130, 0.95); } #pageGuideWrapper .pageguide-guide li:hover.pageguide-bottom:after { border-bottom: 6px solid rgba(241, 2, 130, 0.95); } #pageGuideWrapper .pageguide-guide li:hover.pageguide-right:after, #pageGuideWrapper .pageguide-guide li:hover.pageguide-left:after, #pageGuideWrapper .pageguide-guide li:hover.pageguide-top:after { border-top: 6px solid rgba(241, 2, 130, 0.95); } #pageGuideWrapper .pageguide-guide li.pageguide-active { opacity: 1; background-color: rgba(241, 2, 130, 0.95); -webkit-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); -moz-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); -o-box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); box-shadow: 2px 2px 6px rgba(0, 0, 0, 0.15) 0 5px 0 rgba(0, 0, 0, 0.5); } #pageGuideWrapper .pageguide-guide li.pageguide-active.pageguide-top:after { border-top: 8px solid rgba(241, 2, 130, 0.95); border-right: 8px solid transparent; bottom: -8px; } #pageGuideWrapper .pageguide-guide li.pageguide-active.pageguide-bottom:after { border-bottom: 8px solid rgba(241, 2, 130, 0.95); border-right: 8px solid transparent; top: -8px; } #pageGuideWrapper .pageguide-guide li.pageguide-active.pageguide-right:after { border-top: 8px solid rgba(241, 2, 130, 0.95); border-left: 8px solid transparent; left: -8px; } #pageGuideWrapper .pageguide-guide li.pageguide-active.pageguide-left:after { border-top: 8px solid rgba(241, 2, 130, 0.95); border-right: 8px solid transparent; right: -8px; } #pageGuideWrapper #pageGuideMessage { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; -webkit-border-radius: 5px 5px 0 0; -moz-border-radius: 5px 5px 0 0; -o-border-radius: 5px 5px 0 0; border-radius: 5px 5px 0 0; background-color: rgba(0, 0, 0, 0.85); -webkit-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); -o-box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); box-shadow: 0 0 9px 4px rgba(0, 0, 0, 0.4); bottom: 0; display: none; font-size: 16px; height: 0; margin: 0 5% 0 5%; padding: 10px; position: fixed; width: 90%; z-index: 1001; } #pageGuideWrapper #pageGuideMessage span { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background-color: rgba(241, 2, 130, 0.95); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; color: #fff; display: block; font-size: 25px; height: 46px; left: 40px; line-height: 48px; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.5); overflow: hidden; position: absolute; text-align: center; top: 25px; width: 50px; cursor: pointer; } #pageGuideWrapper #pageGuideMessage div.pageguide-content { -webkit-touch-callout: text; -webkit-user-select: text; -khtml-user-select: text; -moz-user-select: text; -ms-user-select: text; user-select: text; font-weight: 300; color: #fff; line-height: 22px; margin: 10px 90px 0 120px; position: relative; } #pageGuideWrapper #pageGuideMessage div.pageguide-content a { color: #5aa5c8; } #pageGuideWrapper #pageGuideMessage div.pageguide-content a:hover { color: #fff; } #pageGuideWrapper #pageGuideMessage .pageguide-close { background-color: #f10282; -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; text-shadow: 1px 1px 0px rgba(0, 0, 0, 0.25); color: #fff; display: block; font-size: 12px; height: 24px; line-height: 26px; overflow: hidden; position: absolute; right: 50px; text-align: center; text-decoration: none; top: 0; width: 50px; cursor: pointer; } #pageGuideWrapper #pageGuideMessage .pageguide-back, #pageGuideWrapper #pageGuideMessage .pageguide-fwd { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; background: transparent url("../../../img/plugins/pageguide/pageguide_arrow.png") 10px 4px no-repeat; display: block; height: 30px; overflow: hidden; text-indent: -999px; width: 30px; position: absolute; top: 34px; left: 10px; cursor: pointer; } #pageGuideWrapper #pageGuideMessage .pageguide-back { -webkit-transform: rotate(-180deg) scale(1) skew(0) translate(0); -moz-transform: rotate(-180deg) scale(1) skew(0) translate(0); -o-transform: rotate(-180deg) scale(1) skew(0) translate(0); -ms-transform: rotate(-180deg) scale(1) skew(0) translate(0); transform: rotate(-180deg) scale(1) skew(0) translate(0); } #pageGuideWrapper #pageGuideMessage .pageguide-fwd { left: 90px; } .pageguide-ready #pageGuideWrapper #pageGuideToggle.pageguide-toggle-close { right: -135px; } .pageguide-ready #pageGuideWrapper #pageGuideToggle.pageguide-toggle-open { right: 0; } .pageguide-ready #pageGuideWrapper #pageGuideToggle:hover { background-color: rgba(0, 0, 0, 0.2); right: 0 !important; } .pageguide-ready #pageGuideWrapper #pageGuideToggle:hover div span { margin: 0; } .pageguide-open #pageGuideWrapper #pageGuideToggle { -webkit-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25); -moz-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25); -o-box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25); box-shadow: 2px 2px 5px 0 rgba(0, 0, 0, 0.25); background-color: rgba(241, 2, 130, 0.9); color: #fff; text-shadow: 0 1px rgba(0, 0, 0, 0.25); right: 0 !important; } .pageguide-open #pageGuideWrapper #pageGuideToggle a { opacity: 100; } .pageguide-open #pageGuideWrapper #pageGuideToggle div { border-left: 1px solid rgba(255, 255, 255, 0.15); } .pageguide-open #pageGuideWrapper #pageGuideToggle div span { margin: 0; } .pageguide-open #pageGuideWrapper #pageGuideToggle:before { background-color: #fd299b; } .pageguide-open #pageGuideWrapper #pageGuideToggle:hover { background-color: #fe5bb2; } .pageguide-open #pageGuideWrapper #pageGuideToggle:hover div span { margin: 0; } .pageguide-open #pageGuideShadow { pointer-events: none; } .pageguide-open .pageguide-shadow { display: none; opacity: 0; position: absolute; top: 0; left: 0; background-color: rgba(241, 2, 130, 0.15); -webkit-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); -moz-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); -o-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); -webkit-border-radius: 3px; -moz-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; /*.pg-transition(all, 0.5s, ease-out);*/ } .pageguide-open .pageguide-shadow.pageguide-shadow-active { display: block; opacity: 100; position: absolute; top: 0; left: 0; padding: 0; margin: 0; pointer-events: none; -webkit-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); -moz-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); -o-box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); box-shadow: 0 0 1px 1px rgba(241, 2, 130, 0.35); } .pageguide-open .pageguide-shadow.pageguide-shadow-active .pageguide-shadow-pulse { opacity: 0; display: none; position: absolute; top: 0; left: 0; height: inherit; width: inherit; padding: inherit; background-color: rgba(241, 2, 130, 0.05); z-index: 500; pointer-events: none; -webkit-box-shadow: 0 0 5px 1px #f10282; -moz-box-shadow: 0 0 5px 1px #f10282; -o-box-shadow: 0 0 5px 1px #f10282; box-shadow: 0 0 5px 1px #f10282; -webkit-animation-name: pg-pulse; -webkit-animation-duration: 0.7s; -webkit-animation-iteration-count: 1; -webkit-animation-direction: normal; -webkit-animation-timing-function: ease-out; -moz-animation-name: pg-pulse; -moz-animation-duration: 0.7s; -moz-animation-iteration-count: 1; -moz-animation-direction: normal; -moz-animation-timing-function: ease-out; -o-animation-name: pg-pulse; -o-animation-duration: 0.7s; -o-animation-iteration-count: 1; -o-animation-direction: normal; -o-animation-timing-function: ease-out; -ms-animation-name: pg-pulse; -ms-animation-duration: 0.7s; -ms-animation-iteration-count: 1; -ms-animation-direction: normal; -ms-animation-timing-function: ease-out; animation-name: pg-pulse; animation-duration: 0.7s; animation-iteration-count: 1; animation-direction: normal; animation-timing-function: ease-out; }