2015-01-12 02:03:45 +01:00
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 ; 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 { 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 ; border-radius : 2 px ; text-decoration : none ; transition : all 0.5 s ; }
. button : hover { background-color : #FFF400 ; border-bottom : 2 px solid #4D4D4C ; 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 {
border-radius : 80px ; background-color : rgba ( 180 , 180 , 180 , 0 . 5 ) ; cursor : pointer ;
display : block ; width : 80px ; height : 80px ; transition : background-color 0 . 2s , box-shadow 0 . 5s ; 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);*/ /* 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 ; 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 */
. notifications { position : absolute ; top : 0 px ; right : 85 px ; display : inline-block ; z-index : 999 ; white-space : nowrap }
. notification {
position : relative ; float : right ; clear : both ; margin : 10px ; height : 50px ; box-sizing : border-box ; overflow : hidden ; backface-visibility : hidden ; perspective : 1000px ;
2015-01-24 19:14:29 +01:00
background-color : white ; 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 ;
}
. notification . body { max-width : 420 px ; padding-left : 68 px ; padding-right : 17 px ; height : 50 px ; vertical-align : middle ; display : table-cell }
. 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.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 { 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 ; border-radius : 1 px ; margin-right : -11 px ; 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 ; transform : translateY ( -20 px ) ; }
. console-line : last-child { color : #6C6767 }
. console . cursor {
background-color : # 999 ; color : # 999 ; 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 ; 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 % ; transform : translate3d ( -50 % , -50 % , 0 ) ; perspective : 1200 ; opacity : 0 }
. flipper { position : relative ; display : block ; height : inherit ; width : inherit ; 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 ; transform : rotateY ( -180 deg ) }
/* Loading ready */
. loadingscreen . ready . console { opacity : 1 ; transform : translateY ( 0 px ) ; transition : all 0.3 s }
. loadingscreen . ready . flipper-container { top : 50 % ; opacity : 1 ; transition : all 1 s cubic-bezier ( 1 , 0 , 0 , 1 ) ; }
/* Loading done */
. loadingscreen . done { height : 0 % ; transition : all 1 s cubic-bezier ( 0.6 , -0.28 , 0.735 , 0.045 ) ; }
. loadingscreen . done . console { transform : translateY ( 300 px ) ; opacity : 0 ; transition : all 1.5 s }
. loadingscreen . done . flipper-container { opacity : 0 ; transition : all 1.5 s }
/* Animations */
@ keyframes flip {
0 % { transform : perspective ( 120 px ) rotateX ( 0 deg ) rotateY ( 0 deg ) ; }
50 % { transform : perspective ( 120 px ) rotateX ( -180.1 deg ) rotateY ( 0 deg ) }
100 % { 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 }
}