From 78f3c0e9893d36e0ce039c2b79ede8a92ebe468a Mon Sep 17 00:00:00 2001 From: Unknown Date: Sun, 1 Oct 2017 00:24:20 -0400 Subject: Adding the code --- start/charmsabout.css | 143 ++++++++++++++++++++++++++++++++++++++++++++++++++ 1 file changed, 143 insertions(+) create mode 100644 start/charmsabout.css (limited to 'start/charmsabout.css') diff --git a/start/charmsabout.css b/start/charmsabout.css new file mode 100644 index 0000000..86111fd --- /dev/null +++ b/start/charmsabout.css @@ -0,0 +1,143 @@ +/* CSS Reset + Font */ +body { + font-family:Segoe UI; +} +img, a { + border:none; + outline:none; +} +/* Charms */ +/* Hover areas */ +#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; +} +/* Charms bar */ +#charmsbar { + z-index:2; + display:none; + background-color:#111111; + position:fixed; + padding:5% 0; + top:0px; + right:0px; + height:100%; + width: 86px; + +} +/* Start button */ +#startbutton { + display:none; + position:fixed; + left:0px; + bottom:0px; + margin:0; + padding:0; +} +/* Date and time on charms */ +#datetime { + display:none; + position:fixed; + left:50px; + bottom:50px; + width:490px; + height:139px; + background-color: rgba(17,17,17,0.96); + color:#FFFFFF; +} +#time { + position:absolute; + left:70px; + bottom:19px; + font-family: Segoe UI Light; + font-size: 64pt; +} +#date { + margin-top:20px; + margin-right:20px; + float:right; + font-size:24pt; +} +#iconnetwork { + position:absolute; + top:35px; + left:25px; +} +#iconbattery { + position:absolute; + bottom:35px; + left:32px; +} + +/* Text styling on Settings, share charms */ + +.ch1 { + font-family:Segoe UI Semilight; + font-size:28px; + margin-bottom:25px; +} +.ch2 { + font-size:11pt; + margin-bottom:25px; +} +.ch2d { + font-size:11pt; + color:#A8A8A8; + margin-bottom:25px; +} +.sharing { + font-size:14pt; +} +/* Close button on settings, share charms */ +.closesettings { + float:right; + height:32px !important; + width:32px !important; + box-shadow:none !important; + background-image: url(images/charmsbar/settings/close.png); +} +/*.closesettings:hover { + background-image: url(images/charmsbar/settings/close-hover.png); +}*/ +.closesettings:active { + background-image: url(images/charmsbar/settings/close-active.png); +} +/* Charms */ +.charms { + z-index:2; + background-color:#001E4E; + padding : 40px; + position:fixed; + top:0px; + right:0px; + height:100%; + width: 345px; + -webkit-user-select: none; + -khtml-user-select: none; + -moz-user-select: none; + -ms-user-select: none; + user-select: none; + display:none; + color:#FFF; +} +/* Settings charms */ +#settingscharms { + +} \ No newline at end of file -- cgit v1.2.3