Adding the code

2 files changed, 190 insertions, 0 deletions

diff --git a/desktop/css/charms.css b/desktop/css/charms.css
new file mode 100644
index 0000000..d94ae28
--- /dev/null
+++ b/desktop/css/charms.css
@@ -0,0 +1,123 @@
+body {
+font-family:Segoe UI;
+margin:0px;
+padding:0px;
+}
+img, a {
+	outline:none;
+	border: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:#001E4E;
+	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);
+}
+#ctime {
+	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;
+}
+#settingscharms {
+	padding : 40px;
+	display:none;
+	background-color:#001E4E;
+	position:fixed;
+	top:0px;
+	right:0px;
+	height:100%;
+	width: 345px;
+	color:#FFFFFF;
+
+}
+.closesettings {
+float:right;
+height:32px !important;
+width:32px !important;
+}
+.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;
+} 
\ No newline at end of file
diff --git a/desktop/css/scrollbar.css b/desktop/css/scrollbar.css
new file mode 100644
index 0000000..ca573bd
--- /dev/null
+++ b/desktop/css/scrollbar.css
@@ -0,0 +1,67 @@
+/*
+Windows 8 Scrollbar CSS
+by ntim007
+http://ntim007.kodingen.com
+http://ntim007.deviantart.com
+*/
+/* For Chrome or Safari */
+/* Scrollbar background color */
+::-webkit-scrollbar {
+background-color:#EFEFEF;
+padding:0;
+}
+/* UP, DOWN, LEFT and RIGHT button styling */
+::-webkit-scrollbar-button:hover {
+background-color:#DBDBDB !important;
+}
+::-webkit-scrollbar-button:vertical:decrement {
+background:url('../img/scrollbar/up.png') no-repeat center;
+}
+::-webkit-scrollbar-button:vertical:increment {
+background:url('../img/scrollbar/down.png') no-repeat center;
+}
+::-webkit-scrollbar-button:horizontal:decrement {
+background:url('../img/scrollbar/left.png') no-repeat center;
+}
+::-webkit-scrollbar-button:horizontal:increment {
+background:url('../img/scrollbar/right.png') no-repeat center;
+}
+::-webkit-scrollbar-button:active:vertical:decrement {
+background:url('../img/scrollbar/up-active.png') no-repeat center #606060 !important;
+}
+::-webkit-scrollbar-button:active:vertical:increment {
+background:url('../img/scrollbar/down-active.png') no-repeat center #606060 !important;
+}
+::-webkit-scrollbar-button:active:horizontal:decrement {
+background:url('../img/scrollbar/left-active.png') no-repeat center #606060 !important;
+}
+::-webkit-scrollbar-button:active:horizontal:increment {
+background:url('../img/scrollbar/right-active.png') no-repeat center #606060 !important;
+}
+/* Scrollbar thumb */
+::-webkit-scrollbar-thumb {
+background-color:#CDCDCD;
+
+}
+::-webkit-scrollbar-thumb:hover {
+background-color:#A6A6A6;
+
+}
+::-webkit-scrollbar-thumb:active {
+background-color:#606060;
+
+}
+/* Some unstyled stuff */
+::-webkit-scrollbar-track {
+
+}
+::-webkit-scrollbar-track-piece {
+
+}
+
+::-webkit-scrollbar-corner {
+
+}
+::-webkit-resizer {
+
+}
\ No newline at end of file