diff --git a/src/main/webapp/sass/app.scss b/src/main/webapp/sass/app.scss
new file mode 100644
index 00000000..7e04670b
--- /dev/null
+++ b/src/main/webapp/sass/app.scss
@@ -0,0 +1,8 @@
+
+@import "generic/misc";
+
+
+@import "components/admin-panel";
+@import "components/toolbar";
+@import "components/entry-list";
+@import "components/subscription-list";
\ No newline at end of file
diff --git a/src/main/webapp/sass/base/.gitkeep b/src/main/webapp/sass/base/.gitkeep
new file mode 100644
index 00000000..e69de29b
diff --git a/src/main/webapp/sass/components/_admin-panel.scss b/src/main/webapp/sass/components/_admin-panel.scss
new file mode 100644
index 00000000..e8cefe17
--- /dev/null
+++ b/src/main/webapp/sass/components/_admin-panel.scss
@@ -0,0 +1,4 @@
+/* admin */
+.admin .users-table {
+	height: 400px;
+}
\ No newline at end of file
diff --git a/src/main/webapp/sass/components/_entry-list.scss b/src/main/webapp/sass/components/_entry-list.scss
new file mode 100644
index 00000000..ad2beb29
--- /dev/null
+++ b/src/main/webapp/sass/components/_entry-list.scss
@@ -0,0 +1,134 @@
+
+.entryList {
+	padding-top: 50px;
+}
+
+/* entry list*/
+.entrylist-header {
+	border-bottom: 1px solid #eee;
+}
+
+.entrylist-header h3 {
+	margin: 0;
+}
+
+.entry-body {
+	padding-left: 24px;
+}
+
+#feed-accordion .entry {
+	border-bottom: 1px solid #CCCCCC;
+}
+
+#feed-accordion .no-entries {
+	text-align: center;
+	font-weight: bold;
+	margin-top: 80px;
+}
+
+#feed-accordion .entry-heading {
+	height: 20px;
+	display: block;
+	color: black;
+	cursor: pointer;
+	padding: 6px 0px;
+}
+
+#feed-accordion .entry-heading .feed-name {
+	color: #555;
+	display: block;
+	overflow: hidden;
+	white-space: nowrap;
+	position: absolute;
+	width: 145px;
+	text-overflow: ellipsis;
+}
+
+#feed-accordion .entry-heading .entry-name {
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+	white-space: nowrap;
+	margin-right: 100px;
+}
+
+#feed-accordion .entry-heading .shrink {
+	margin-left: 150px;
+}
+
+#feed-accordion .entry-heading .entry-date {
+	display: block;
+	position: absolute;
+	right: 20px;
+}
+
+#feed-accordion a.entry-heading:hover {
+	text-decoration: none;
+}
+
+#feed-accordion .open {
+	background-color: #EBEBEB;
+}
+
+#feed-accordion .closed:hover {
+	background-color: #EBEBEB;
+}
+
+#feed-accordion .entry-heading .unread {
+	font-weight: bold;
+}
+
+#feed-accordion .entry-body h4 {
+	margin-top: 5px;
+}
+
+#feed-accordion  .entry-body-content {
+	max-width: 650px;
+}
+
+#feed-accordion .entry-buttons {
+	background-color: #fafafa;
+	padding: 3px 0px;
+	border-top: 1px solid #ebebeb;
+}
+
+#feed-accordion .entry-buttons .checkbox.inline {
+	padding-top: 0px;
+}
+
+#feed-accordion .share-buttons a {
+	color: #333333;
+	padding-left: 5px;
+}
+
+#feed-accordion .share-buttons a:hover {
+	text-decoration: none;
+}
+
+#feed-accordion .entry-buttons label {
+	margin-bottom: 0px;
+	font-size: 12px;
+}
+
+#feed-accordion .star {
+	text-decoration: none;
+	padding: 0px 5px;
+}
+
+#feed-accordion .icon-star-yellow {
+	color: gold;
+	text-shadow: -1px 0 black, 0 1px black, 1px 0 black, 0 -1px black;
+}
+
+#feed-accordion .icon-star-empty {
+	color: #555;
+}
+
+#feed-accordion.expanded .entry {
+	margin-bottom: 50px;
+	border-top: 1px solid #ebebeb;
+}
+
+#feed-accordion.expanded .current {
+	border-left: 1px solid blue;
+}
diff --git a/src/main/webapp/sass/components/_subscription-list.scss b/src/main/webapp/sass/components/_subscription-list.scss
new file mode 100644
index 00000000..9ddba1e9
--- /dev/null
+++ b/src/main/webapp/sass/components/_subscription-list.scss
@@ -0,0 +1,99 @@
+
+/* tree*/
+.sidebar-nav-fixed {
+	margin-top: 10px;
+	position: fixed;
+	top: 0;
+	bottom: 0;
+	width: 16%;
+	overflow: auto;
+}
+
+.css-treeview {
+	margin-top: 15px;
+	font-family: inherit;
+	font-size: 12px;
+	white-space: nowrap;
+}
+
+.css-treeview ul {
+	list-style: none;
+	margin-left: 0px;
+}
+
+.css-treeview li {
+	line-height: 20px;
+}
+
+.css-treeview .fldr {
+	cursor: pointer;
+	display: inline-block;
+	width: 14px;
+	height: 14px;
+	line-height: 14px;
+	vertical-align: text-top;
+	margin-top: 1px;
+}
+
+.css-treeview .error {
+	color: red;
+	font-style: italic;
+}
+
+.css-treeview label {
+	overflow: hidden;
+	text-overflow: ellipsis;
+	display: block;
+	margin: 3px 0px 3px;
+}
+
+.css-treeview label,.css-treeview a,.css-treeview label::before {
+	font-family: inherit;
+	font-size: 12px;
+	white-space: nowrap;
+}
+
+.css-treeview .selected {
+	color: #d14836;
+}
+
+.css-treeview .unread {
+	font-weight: bold;
+}
+
+.css-treeview a {
+	cursor: pointer;
+	color: black;
+	display: block;
+	overflow: hidden;
+	text-overflow: ellipsis;
+}
+
+.css-treeview a:hover {
+	text-decoration: none;
+}
+
+.css-treeview li .tree-item:hover {
+	background-color: #EBEBEB;
+	text-decoration: none;
+}
+
+.css-treeview .indent1 {
+	padding-left: 22px;
+}
+
+.css-treeview .indent2 {
+	padding-left: 44px;
+}
+
+.css-treeview .indent3 {
+	padding-left: 66px;
+}
+
+.css-treeview .indent4 {
+	padding-left: 88px;
+}
+
+.css-treeview .indent5 {
+	padding-left: 110px;
+}
diff --git a/src/main/webapp/sass/components/_toolbar.scss b/src/main/webapp/sass/components/_toolbar.scss
new file mode 100644
index 00000000..ce524784
--- /dev/null
+++ b/src/main/webapp/sass/components/_toolbar.scss
@@ -0,0 +1,14 @@
+
+.toolbar {
+	padding-top: 10px;
+	padding-bottom: 10px;
+	width: 100%;
+	z-index: 10;
+	position: fixed;
+	background-color: #FFF;
+}
+
+.toolbar .donate {
+	display: inline-block;
+}
+
diff --git a/src/main/webapp/sass/generic/_misc.scss b/src/main/webapp/sass/generic/_misc.scss
new file mode 100644
index 00000000..89522427
--- /dev/null
+++ b/src/main/webapp/sass/generic/_misc.scss
@@ -0,0 +1,37 @@
+.pointer {
+	cursor: pointer;
+}
+
+.bs-fb ul {
+	margin-bottom: 0px;
+}
+
+.horizontal-align {
+	padding-top: 5px;
+	line-height: 20px
+}
+
+.welcome .header {
+	margin: 20px 0 40px 0;
+}
+
+.main .spinner {
+	display: inline-block;
+	margin-left: 11px;
+	top: -4px;
+}
+
+.icon {
+	width: 14px;
+	height: 14px;
+	display: block;
+}
+
+.main .dropdown-menu a {
+	cursor: pointer;
+}
+
+.favicon {
+	width: 16px;
+	height: 16px;
+}