From 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 1 Oct 2017 00:24:20 -0400 Subject: Adding the code --- games/pixelpaint/css/charms.css | 167 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 167 insertions(+) create mode 100644 games/pixelpaint/css/charms.css (limited to 'games/pixelpaint/css/charms.css') diff --git a/games/pixelpaint/css/charms.css b/games/pixelpaint/css/charms.css new file mode 100644 index 0000000..cbd7cbf --- /dev/null +++ b/games/pixelpaint/css/charms.css @@ -0,0 +1,167 @@ +body { +font-family:Segoe UI; +margin:0px; +padding:0px; +} +img, a { + outline:none; + border:none; +} +#splashscreen { +margin:0; +position:fixed; +top:0; +width:100%; +height:100%; +color:#FFFFFF; +background-image:url('../splashscreen.png'); +background-position:center; +background-color:#414141; +background-repeat:no-repeat; +animation:splash 4s; +-ms-animation:splash 4s; +-webkit-animation:splash 4s; +-o-animation:splash 4s; +opacity:0; +z-index:-1; +} +@keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-webkit-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-ms-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +@-o-keyframes splash { +from { +z-index:999; +opacity: 1; +} +66% { +opacity: 1; +} +to { +opacity:0; +z-index:1; +display:none; +} +} +#hoverarea { + position:fixed; + top:0px; + right:0px; + width:15px; + height:15px; +} +#bottomhoverarea { + position:fixed; + bottom:0px; + right:0px; + width:15px; + height:15px; +} +#starthoverarea { + position:fixed; + bottom:0px; + left:0px; + width:15px; + height:15px; +} +#charmsbar { + display:none; + background-color:#111111; + position:fixed; + padding:5% 0; + top:0px; + right:0px; + height:100%; + width: 86px; + +} +#settingscharms { + padding : 40px; + display:none; + background-color:#3B66AD; + position:fixed; + top:0px; + right:0px; + height:100%; + width: 345px; + +} +#startbutton { + display:none; + position:fixed; + left:0px; + bottom:0px; +} +#iconnetwork { + position:absolute; + top:35px; + left:25px; +} +#iconbattery { + position:absolute; + bottom:35px; + left:32px; +} +#datetime { + display:none; + position:fixed; + left:50px; + bottom:50px; + width:490px; + height:139px; + background-color: rgba(17,17,17,1); +} +#time { + position:absolute; + left:70px; + bottom:19px; + font-family: Segoe UI Light; + font-size: 64pt; + color:#FFFFFF; +} +#date { + margin-top:20px; + margin-right:20px; + float:right; + font-size:24pt; + font-family: Segoe UI; + color:#FFFFFF; +} -- cgit v1.2.3