2015-01-12 02:03:45 +01:00
/* ---- src/Ui/media/Wrapper.css ---- */
body { margin : 0 px ; padding : 0 px ; height : 100 % ; background-color : #D2CECD ; overflow : hidden }
body . back { background-color : #090909 }
a { color : black }
. template { display : none !important }
# inner-iframe { width : 100 % ; height : 100 % ; position : absolute ; border : 0 px ; -webkit- transition : all 0.8 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) , opacity 0.8 s ease-in-out ; -moz- transition : all 0.8 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) , opacity 0.8 s ease-in-out ; -o- transition : all 0.8 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) , opacity 0.8 s ease-in-out ; -ms- transition : all 0.8 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) , opacity 0.8 s ease-in-out ; transition : all 0.8 s cubic-bezier ( 0.68 , -0.55 , 0.265 , 1.55 ) , opacity 0.8 s ease-in-out }
# inner-iframe . back { -webkit- transform : scale ( 0.95 ) translate ( -300 px , 0 px ) ; -moz- transform : scale ( 0.95 ) translate ( -300 px , 0 px ) ; -o- transform : scale ( 0.95 ) translate ( -300 px , 0 px ) ; -ms- transform : scale ( 0.95 ) translate ( -300 px , 0 px ) ; transform : scale ( 0.95 ) translate ( -300 px , 0 px ) ; opacity : 0.4 }
2015-01-21 12:58:26 +01:00
. button { padding : 5 px 10 px ; margin-left : 10 px ; background-color : #FFF85F ; border-bottom : 2 px solid #CDBD1E ; -webkit- border-radius : 2 px ; -moz- border-radius : 2 px ; -o- border-radius : 2 px ; -ms- border-radius : 2 px ; border-radius : 2 px ; text-decoration : none ; -webkit- transition : all 0.5 s ; -moz- transition : all 0.5 s ; -o- transition : all 0.5 s ; -ms- transition : all 0.5 s ; transition : all 0.5 s ; }
. button : hover { background-color : #FFF400 ; border-bottom : 2 px solid #4D4D4C ; -webkit- transition : none ; -moz- transition : none ; -o- transition : none ; -ms- transition : none ; transition : none }
. button : active { position : relative ; top : 1 px }
. button-Delete { background-color : #e74c3c ; border-bottom-color : #c0392b ; color : white }
. button-Delete : hover { background-color : #FF5442 ; border-bottom-color : #8E2B21 }
2015-01-12 02:03:45 +01:00
2015-02-14 14:05:00 +01:00
2015-01-12 02:03:45 +01:00
/* Fixbutton */
. fixbutton {
position : absolute ; right : 35px ; top : 15px ; width : 40px ; z-index : 999 ;
text-align : center ; color : white ; font-family : Consolas ; font-size : 25px ; line-height : 40px ;
}
. fixbutton-bg {
-webkit-border-radius : 80px ; -moz-border-radius : 80px ; -o-border-radius : 80px ; -ms-border-radius : 80px ; border-radius : 80px ; background-color : rgba ( 180 , 180 , 180 , 0 . 5 ) ; cursor : pointer ;
display : block ; width : 80px ; height : 80px ; -webkit-transition : background-color 0 . 2s , box-shadow 0 . 5s ; -moz-transition : background-color 0 . 2s , box-shadow 0 . 5s ; -o-transition : background-color 0 . 2s , box-shadow 0 . 5s ; -ms-transition : background-color 0 . 2s , box-shadow 0 . 5s ; transition : background-color 0 . 2s , box-shadow 0 . 5s ; -webkit-transform : scale ( 0 . 6 ) ; -moz-transform : scale ( 0 . 6 ) ; -o-transform : scale ( 0 . 6 ) ; -ms-transform : scale ( 0 . 6 ) ; transform : scale ( 0 . 6 ) ; margin-left : -20px ; margin-top : -20px ; /* 2x size to prevent blur on anim */
/*box-shadow: inset 105px 260px 0px -200px rgba(0,0,0,0.1);*/ /* -webkit-box-shadow: inset -75px 183px 0px -200px rgba(0,0,0,0.1); -moz-box-shadow: inset -75px 183px 0px -200px rgba(0,0,0,0.1); -o-box-shadow: inset -75px 183px 0px -200px rgba(0,0,0,0.1); -ms-box-shadow: inset -75px 183px 0px -200px rgba(0,0,0,0.1); box-shadow: inset -75px 183px 0px -200px rgba(0,0,0,0.1) ; */
}
. fixbutton-text { pointer-events : none ; position : absolute ; z-index : 999 ; width : 40 px ; backface-visibility : hidden ; -webkit- perspective : 1000 px ; -moz- perspective : 1000 px ; -o- perspective : 1000 px ; -ms- perspective : 1000 px ; perspective : 1000 px }
. fixbutton-burger { pointer-events : none ; position : absolute ; z-index : 999 ; width : 40 px ; opacity : 0 ; left : -20 px }
. fixbutton-bg : hover { background-color : #AF3BFF }
/* Notification */
version 0.2.7, plugin system, multiuser plugin for zeroproxies, reworked imports, cookie parse, stats moved to plugin, usermanager class, dont generate site auth on listing, multiline notifications, allow server side prompt from user, update script keep plugins disabled status
2015-03-24 01:33:09 +01:00
. notifications { position : absolute ; top : 0 px ; right : 80 px ; display : inline-block ; z-index : 999 ; white-space : nowrap }
2015-01-12 02:03:45 +01:00
. notification {
version 0.2.7, plugin system, multiuser plugin for zeroproxies, reworked imports, cookie parse, stats moved to plugin, usermanager class, dont generate site auth on listing, multiline notifications, allow server side prompt from user, update script keep plugins disabled status
2015-03-24 01:33:09 +01:00
position : relative ; float : right ; clear : both ; margin : 10px ; -webkit-box-sizing : border-box ; -moz-box-sizing : border-box ; -o-box-sizing : border-box ; -ms-box-sizing : border-box ; box-sizing : border-box ; overflow : hidden ; backface-visibility : hidden ; -webkit-perspective : 1000px ; -moz-perspective : 1000px ; -o-perspective : 1000px ; -ms-perspective : 1000px ; perspective : 1000px ; padding-bottom : 5px ;
color : # 4F4F4F ; font-family : 'Helvetica Neue' , 'Segoe UI' , Helvetica , Arial , sans-serif ; font-size : 14px ; line-height : 20px ; /*border: 1px solid rgba(210, 206, 205, 0.2)*/
2015-01-12 02:03:45 +01:00
}
. notification-icon {
display : block ; width : 50px ; height : 50px ; position : absolute ; float : left ; z-index : 1 ;
text-align : center ; background-color : # e74c3c ; line-height : 45px ; vertical-align : bottom ; font-size : 40px ; color : white ;
}
version 0.2.7, plugin system, multiuser plugin for zeroproxies, reworked imports, cookie parse, stats moved to plugin, usermanager class, dont generate site auth on listing, multiline notifications, allow server side prompt from user, update script keep plugins disabled status
2015-03-24 01:33:09 +01:00
. notification . body {
max-width : 420px ; padding-left : 14px ; padding-right : 60px ; height : 40px ; vertical-align : middle ; display : table ;
background-color : white ; left : 50px ; top : 0px ; position : relative ; padding-top : 5px ; padding-bottom : 5px ;
}
. notification . long . body { padding-top : 10 px ; padding-bottom : 10 px }
. notification . message { display : table-cell ; vertical-align : middle }
2015-01-12 02:03:45 +01:00
. notification . visible { max-width : 350 px }
. notification . close { position : absolute ; top : 0 px ; right : 0 px ; font-size : 19 px ; line-height : 13 px ; color : #DDD ; padding : 7 px ; text-decoration : none }
. notification . close : hover { color : black }
. notification . close : active , . notification . close : focus { color : #AF3BFF }
version 0.2.7, plugin system, multiuser plugin for zeroproxies, reworked imports, cookie parse, stats moved to plugin, usermanager class, dont generate site auth on listing, multiline notifications, allow server side prompt from user, update script keep plugins disabled status
2015-03-24 01:33:09 +01:00
. notification small { color : #AAA }
version 0.2.0, new lib for bitcoin ecc, dont display or track notify errors, dont reload again within 1 sec, null peer ip fix, signingmoved to ContentManager, content.json include support, content.json multisig ready, content.json proper bitcoincore compatible signing, content.json include permissions, multithreaded publish, publish timeout 60s, no exception on invalid bitcoin address, testcase for new lib, bip32 based persite privatekey generation, multiuser ready, simple json database query command, websocket api fileGet, wrapper loading title stuck bugfix
2015-02-09 02:09:02 +01:00
. body-white . notification { -webkit- box-shadow : 0 px 1 px 9 px rgba ( 0 , 0 , 0 , 0.1 ) ; -moz- box-shadow : 0 px 1 px 9 px rgba ( 0 , 0 , 0 , 0.1 ) ; -o- box-shadow : 0 px 1 px 9 px rgba ( 0 , 0 , 0 , 0.1 ) ; -ms- box-shadow : 0 px 1 px 9 px rgba ( 0 , 0 , 0 , 0.1 ) ; box-shadow : 0 px 1 px 9 px rgba ( 0 , 0 , 0 , 0.1 ) }
2015-01-12 02:03:45 +01:00
/* Notification types */
2015-01-21 12:58:26 +01:00
. notification-ask . notification-icon { background-color : #f39c12 ; }
2015-01-12 02:03:45 +01:00
. notification-info . notification-icon { font-size : 22 px ; font-weight : bold ; background-color : #2980b9 ; line-height : 48 px }
. notification-done . notification-icon { font-size : 22 px ; background-color : #27ae60 }
2015-01-24 19:14:29 +01:00
/* Notification input */
. notification . input { padding : 6 px ; border : 1 px solid #DDD ; margin-left : 10 px ; border-bottom : 2 px solid #DDD ; -webkit- border-radius : 1 px ; -moz- border-radius : 1 px ; -o- border-radius : 1 px ; -ms- border-radius : 1 px ; border-radius : 1 px ; margin-right : -11 px ; -webkit- transition : all 0.3 s ; -moz- transition : all 0.3 s ; -o- transition : all 0.3 s ; -ms- transition : all 0.3 s ; transition : all 0.3 s }
. notification . input : focus { border-color : #95a5a6 ; outline : none }
2015-01-12 02:03:45 +01:00
/* Icons (based on http://nicolasgallagher.com/pure-css-gui-icons/demo/) */
. icon-success { left : 6 px ; width : 5 px ; height : 12 px ; border-width : 0 5 px 5 px 0 ; border-style : solid ; border-color : white ; margin-left : 20 px ; margin-top : 15 px ; transform : rotate ( 45 deg ) }
/* Loading screen */
. loadingscreen { width : 100 % ; height : 100 % ; position : absolute ; background-color : #EEE ; z-index : 1 ; overflow : hidden ; display : none }
. loading-text { text-align : center ; vertical-align : middle ; top : 50 % ; position : absolute ; margin-top : 39 px ; width : 100 % }
/* Console */
. console { line-height : 24 px ; font-family : monospace ; font-size : 14 px ; color : #ADADAD ; text-transform : uppercase ; opacity : 0 ; -webkit- transform : translateY ( -20 px ) ; -moz- transform : translateY ( -20 px ) ; -o- transform : translateY ( -20 px ) ; -ms- transform : translateY ( -20 px ) ; transform : translateY ( -20 px ) ; }
. console-line : last-child { color : #6C6767 }
. console . cursor {
background-color : # 999 ; color : # 999 ; -webkit-animation : pulse 1 . 5s infinite ease-in-out ; -moz-animation : pulse 1 . 5s infinite ease-in-out ; -o-animation : pulse 1 . 5s infinite ease-in-out ; -ms-animation : pulse 1 . 5s infinite ease-in-out ; animation : pulse 1 . 5s infinite ease-in-out ; margin-right : -9px ;
display : inline-block ; width : 9px ; height : 19px ; vertical-align : -4px ;
}
. console . console-error { color : #e74c3c ; font-weight : bold ; -webkit- animation : pulse 2 s infinite linear ; -moz- animation : pulse 2 s infinite linear ; -o- animation : pulse 2 s infinite linear ; -ms- animation : pulse 2 s infinite linear ; animation : pulse 2 s infinite linear }
2015-02-14 14:05:00 +01:00
. console . console-warning { color : #8e44ad ; }
. console . button { margin : 20 px ; display : inline-block ; text-transform : none ; padding : 10 px 20 px }
2015-01-12 02:03:45 +01:00
/* Flipper loading anim */
. flipper-container { width : 40 px ; height : 40 px ; position : absolute ; top : 0 % ; left : 50 % ; -webkit- transform : translate3d ( -50 % , -50 % , 0 ) ; -moz- transform : translate3d ( -50 % , -50 % , 0 ) ; -o- transform : translate3d ( -50 % , -50 % , 0 ) ; -ms- transform : translate3d ( -50 % , -50 % , 0 ) ; transform : translate3d ( -50 % , -50 % , 0 ) ; -webkit- perspective : 1200 ; -moz- perspective : 1200 ; -o- perspective : 1200 ; -ms- perspective : 1200 ; perspective : 1200 ; opacity : 0 }
. flipper { position : relative ; display : block ; height : inherit ; width : inherit ; -webkit- animation : flip 1.2 s infinite ease-in-out ; -moz- animation : flip 1.2 s infinite ease-in-out ; -o- animation : flip 1.2 s infinite ease-in-out ; -ms- animation : flip 1.2 s infinite ease-in-out ; animation : flip 1.2 s infinite ease-in-out ; -webkit- transform-style : preserve-3d ; }
. flipper . front , . flipper . back {
position : absolute ; top : 0 ; left : 0 ; backface-visibility : hidden ; /*transform-style: preserve-3d;*/ display : block ;
background-color : # d50000 ; height : 100 % ; width : 100 % ; /*outline: 1px solid transparent; /* FF AA fix */
}
. flipper . back { background-color : white ; z-index : 800 ; -webkit- transform : rotateY ( -180 deg ) ; -moz- transform : rotateY ( -180 deg ) ; -o- transform : rotateY ( -180 deg ) ; -ms- transform : rotateY ( -180 deg ) ; transform : rotateY ( -180 deg ) }
/* Loading ready */
. loadingscreen . ready . console { opacity : 1 ; -webkit- transform : translateY ( 0 px ) ; -moz- transform : translateY ( 0 px ) ; -o- transform : translateY ( 0 px ) ; -ms- transform : translateY ( 0 px ) ; transform : translateY ( 0 px ) ; -webkit- transition : all 0.3 s ; -moz- transition : all 0.3 s ; -o- transition : all 0.3 s ; -ms- transition : all 0.3 s ; transition : all 0.3 s }
. loadingscreen . ready . flipper-container { top : 50 % ; opacity : 1 ; -webkit- transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; -moz- transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; -o- transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; -ms- transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; }
/* Loading done */
. loadingscreen . done { height : 0 % ; -webkit- transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; -moz- transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; -o- transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; -ms- transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; }
. loadingscreen . done . console { -webkit- transform : translateY ( 300 px ) ; -moz- transform : translateY ( 300 px ) ; -o- transform : translateY ( 300 px ) ; -ms- transform : translateY ( 300 px ) ; transform : translateY ( 300 px ) ; opacity : 0 ; -webkit- transition : all 1.5 s ; -moz- transition : all 1.5 s ; -o- transition : all 1.5 s ; -ms- transition : all 1.5 s ; transition : all 1.5 s }
. loadingscreen . done . flipper-container { opacity : 0 ; -webkit- transition : all 1.5 s ; -moz- transition : all 1.5 s ; -o- transition : all 1.5 s ; -ms- transition : all 1.5 s ; transition : all 1.5 s }
2015-02-26 01:32:27 +01:00
. progressbar { background : #26C281 ; position : fixed ; z-index : 100 ; top : 0 ; left : 0 ; width : 0 % ; height : 2 px ; -webkit- transition : width 0.5 s , opacity 1 s ; -moz- transition : width 0.5 s , opacity 1 s ; -o- transition : width 0.5 s , opacity 1 s ; -ms- transition : width 0.5 s , opacity 1 s ; transition : width 0.5 s , opacity 1 s ; display : none }
. progressbar . peg {
display : block ; position : absolute ; right : 0px ; width : 100px ; height : 100 % ;
-webkit-box-shadow : 0 0 10px # AF3BFF , 0 0 5px # 29d ; -moz-box-shadow : 0 0 10px # AF3BFF , 0 0 5px # 29d ; -o-box-shadow : 0 0 10px # AF3BFF , 0 0 5px # 29d ; -ms-box-shadow : 0 0 10px # AF3BFF , 0 0 5px # 29d ; box-shadow : 0 0 10px # AF3BFF , 0 0 5px # 29d ; opacity : 1 . 0 ; -webkit-transform : rotate ( 3deg ) translate ( 0px , -4px ) ; -moz-transform : rotate ( 3deg ) translate ( 0px , -4px ) ; -o-transform : rotate ( 3deg ) translate ( 0px , -4px ) ; -ms-transform : rotate ( 3deg ) translate ( 0px , -4px ) ; transform : rotate ( 3deg ) translate ( 0px , -4px ) ;
}
2015-01-12 02:03:45 +01:00
/* Animations */
@ keyframes flip {
0 % { -webkit- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; }
50 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) }
100 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; }
}
@ -webkit-keyframes flip {
0 % { -webkit- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; }
50 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) }
100 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; }
}
@ -moz-keyframes flip {
0 % { -webkit- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; }
50 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) ; transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) }
100 % { -webkit- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -moz- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -o- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; -ms- transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; transform : perspective ( 120 px ) rotateX ( -180 deg ) rotateY ( -179.9 deg ) ; }
}
@ keyframes pulse {
0 % { opacity : 0 }
5 % { opacity : 1 }
30 % { opacity : 1 }
70 % { opacity : 0 }
100 % { opacity : 0 }
}
@ -webkit-keyframes pulse {
0 % { opacity : 0 }
5 % { opacity : 1 }
30 % { opacity : 1 }
70 % { opacity : 0 }
100 % { opacity : 0 }
}
@ -moz-keyframes pulse {
0 % { opacity : 0 }
5 % { opacity : 1 }
30 % { opacity : 1 }
70 % { opacity : 0 }
100 % { opacity : 0 }
}