cloned from 'bitbucket', 2013/08/13

author: Alvin Li <liweitianux@gmail.com> 2013-08-13 14:13:24 +0800
committer: Alvin Li <liweitianux@gmail.com> 2013-08-13 14:13:24 +0800
commit: 9636d4a6767f49384d5c386bc3f1142c88b90613 (patch)
tree: 3a70f6d9e4be1791d36c87cc7cbfd1d5aa2b39dd /97suifangqa/staticfiles/stylesheets/sass
parent: 9383d9a8a5988d071766c3d08a5c946e9c5b02ae (diff)
download: 97dev-9636d4a6767f49384d5c386bc3f1142c88b90613.tar.bz2
26 files changed, 4925 insertions, 0 deletions
diff --git a/97suifangqa/staticfiles/stylesheets/sass/blocks.css b/97suifangqa/staticfiles/stylesheets/sass/blocks.css
new file mode 100644
index 0000000..3178510
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/blocks.css
@@ -0,0 +1,164 @@
+/**
+ * @file
+ * Block Styling
+ */
+/* line 9, ../../../sass/sass/blocks.scss */
+.block {
+  /* Block wrapper */
+  margin-bottom: 1.5em;
+}
+/* line 12, ../../../sass/sass/blocks.scss */
+.block.first {
+  /* The first block in the region */
+}
+/* line 15, ../../../sass/sass/blocks.scss */
+.block.last {
+  /* The last block in the region */
+}
+/* line 18, ../../../sass/sass/blocks.scss */
+.block.odd {
+  /* Zebra striping for each block in the region */
+}
+/* line 21, ../../../sass/sass/blocks.scss */
+.block.even {
+  /* Zebra striping for each block in the region */
+}
+/* line 24, ../../../sass/sass/blocks.scss */
+.block h2.block-title {
+  /* Block title */
+}
+
+/* line 29, ../../../sass/sass/blocks.scss */
+#block-aggregator-category-1 {
+  /* Block for the latest news items in the first category */
+}
+
+/* line 32, ../../../sass/sass/blocks.scss */
+#block-aggregator-feed-1 {
+  /* Block for the latest news items in the first feed */
+}
+
+/* line 35, ../../../sass/sass/blocks.scss */
+#block-block-1 {
+  /* First block created with "Add block" link */
+}
+
+/* line 38, ../../../sass/sass/blocks.scss */
+#block-blog-recent {
+  /* "Recent blog posts" block */
+}
+
+/* line 41, ../../../sass/sass/blocks.scss */
+#block-book-navigation {
+  /* "Book navigation" block for the current book's table of contents */
+}
+
+/* line 44, ../../../sass/sass/blocks.scss */
+#block-comment-recent {
+  /* "Recent comments" block */
+}
+
+/* line 47, ../../../sass/sass/blocks.scss */
+#block-forum-active {
+  /* "Active forum topics" block */
+}
+
+/* line 50, ../../../sass/sass/blocks.scss */
+#block-forum-new {
+  /* "New forum topics" block */
+}
+
+/* line 53, ../../../sass/sass/blocks.scss */
+#block-locale-language {
+  /* Language switcher block */
+}
+
+/* line 56, ../../../sass/sass/blocks.scss */
+#block-menu-menu-NAME {
+  /* Custom menu block */
+}
+
+/* line 59, ../../../sass/sass/blocks.scss */
+#block-node-recent {
+  /* "Recent content" block */
+}
+
+/* line 62, ../../../sass/sass/blocks.scss */
+#block-node-syndicate {
+  /* "Syndicate" block for primary RSS feed; see also page.css's .feed-icon */
+}
+
+/* line 65, ../../../sass/sass/blocks.scss */
+#block-poll-recent {
+  /* "Most recent poll" block */
+}
+
+/* line 68, ../../../sass/sass/blocks.scss */
+#block-profile-author-information {
+  /* "Author information" block for the profile of the page's author */
+}
+
+/* line 71, ../../../sass/sass/blocks.scss */
+#block-search-form {
+  /* "Search form" block */
+}
+
+/* line 74, ../../../sass/sass/blocks.scss */
+#block-shortcut-shortcuts {
+  /* "Shortcuts" block */
+}
+
+/* line 77, ../../../sass/sass/blocks.scss */
+#block-statistics-popular {
+  /* "Popular content" block */
+}
+
+/* line 80, ../../../sass/sass/blocks.scss */
+#block-system-main-menu {
+  /* "Main menu" block */
+}
+
+/* line 83, ../../../sass/sass/blocks.scss */
+#block-system-management {
+  /* "Management" block for Drupal management menu */
+}
+
+/* line 86, ../../../sass/sass/blocks.scss */
+#block-system-navigation {
+  /* "Navigation" block for Drupal navigation menu */
+}
+
+/* line 89, ../../../sass/sass/blocks.scss */
+#block-system-user-menu {
+  /* "User menu" block for Drupal user menu */
+}
+
+/* line 92, ../../../sass/sass/blocks.scss */
+#block-system-help {
+  /* "System help" block */
+}
+
+/* line 95, ../../../sass/sass/blocks.scss */
+#block-system-main {
+  /* "Main page content" block */
+}
+
+/* line 98, ../../../sass/sass/blocks.scss */
+#block-system-powered-by {
+  /* "Powered by Drupal" block */
+}
+
+/* line 101, ../../../sass/sass/blocks.scss */
+#block-user-login {
+  /* "User login form" block */
+}
+
+/* line 104, ../../../sass/sass/blocks.scss */
+#block-user-new {
+  /* "Who's new" block for a list of the newest users */
+}
+
+/* line 107, ../../../sass/sass/blocks.scss */
+#block-user-online {
+  /* "Who's online" block for a list of the online users */
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/blog.css b/97suifangqa/staticfiles/stylesheets/sass/blog.css
new file mode 100644
index 0000000..424fb4c
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/blog.css
@@ -0,0 +1,1185 @@
+@charset "UTF-8";
+/**
+ * @file
+ * Blog specific styles
+ * @author 赵迤晨 (Zhao Yichen) <interarticle@gmail.com>
+ */
+/* line 10, ../../../sass/sass/blog.scss */
+body.scrolled-down.blog #blog-top-nav {
+  background-color: white;
+}
+/* line 13, ../../../sass/sass/blog.scss */
+body.scrolled-down.blog #blog-top-nav .background {
+  border-bottom: 1px solid #eee;
+}
+
+/* line 22, ../../../sass/sass/blog.scss */
+.blog .post-question input[type="text"] {
+  background-color: #8b8885;
+  color: white;
+  border: 1px solid white;
+  -webkit-box-shadow: 0px 0px 2px white;
+  -moz-box-shadow: 0px 0px 2px white;
+  box-shadow: 0px 0px 2px white;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"].placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus.placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"].input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus.input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:-moz-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus:-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]::-webkit-input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]::-moz-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus::-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:-ms-input-placeholder {
+  color: #eeeeee;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+.blog .post-question input[type="text"]:focus:-ms-input-placeholder {
+  color: transparent;
+}
+/* line 32, ../../../sass/sass/blog.scss */
+.blog #sidebar-first #header {
+  position: absolute;
+  bottom: 30px;
+  text-align: center;
+  width: auto;
+}
+/* line 40, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon {
+  font-size: 1.07143em;
+  line-height: 1.33333em;
+  margin-bottom: 1.5em;
+  color: white;
+  position: relative;
+  white-space: nowrap;
+  height: 33px;
+  min-width: 89px;
+  -webkit-transition: min-width 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: min-width 0.3s ease 0s;
+  -o-transition: min-width 0.3s ease 0s;
+  transition: min-width 0.3s ease 0s;
+}
+/* line 56, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .controls-wrap,
+.blog #nav-ribbon .head-background,
+.blog #nav-ribbon .tail-cut {
+  height: 33px;
+}
+/* line 60, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .controls-wrap {
+  position: absolute;
+  padding-left: 20px;
+}
+/* line 67, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .head-background,
+.blog #nav-ribbon .links-wrap,
+.blog #nav-ribbon .tail {
+  background-color: #0063a8;
+}
+/* line 71, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .head-background {
+  position: absolute;
+  top: 0;
+  left: 0;
+  width: 20px;
+  -webkit-box-shadow: inset 20px 0px 20px -20px;
+  -moz-box-shadow: inset 20px 0px 20px -20px;
+  box-shadow: inset 20px 0px 20px -20px;
+}
+/* line 81, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .links-wrap,
+.blog #nav-ribbon .tail,
+.blog #nav-ribbon .tail-cut {
+  float: left;
+}
+/* line 85, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .links-wrap {
+  -webkit-transition: width 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: width 0.3s ease 0s;
+  -o-transition: width 0.3s ease 0s;
+  transition: width 0.3s ease 0s;
+  width: 0px;
+  overflow: hidden;
+}
+/* line 93, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon:hover .links-wrap, .blog #nav-ribbon.active .links-wrap,
+.blog #nav-ribbon ul.links {
+  width: 174px;
+}
+/* line 100, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon:hover, .blog #nav-ribbon.active {
+  min-width: 263px;
+}
+/* line 105, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon ul.links li a,
+.blog #nav-ribbon .tail {
+  line-height: 33px;
+  text-align: center;
+}
+/* line 110, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon ul.links {
+  display: block;
+  white-space: nowrap;
+  margin: 0;
+  padding: 0;
+}
+/* line 115, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon ul.links li {
+  display: block;
+  padding: 0;
+  float: left;
+}
+/* line 119, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon ul.links li a {
+  width: 86px;
+  display: block;
+  color: white;
+  border-right: 1px solid #267ab5;
+}
+/* line 126, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon ul.links li a:hover, .blog #nav-ribbon ul.links li a:active, .blog #nav-ribbon ul.links li a.active {
+  text-decoration: none;
+  background-color: #00497f;
+}
+/* line 134, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .tail {
+  width: 50px;
+  cursor: pointer;
+}
+/* line 139, ../../../sass/sass/blog.scss */
+.blog #nav-ribbon .tail-cut {
+  width: 19px;
+  height: 33px;
+  background: url(../../images/nav-ribbon-tail-cut.png);
+}
+
+/* line 150, ../../../sass/sass/blog.scss */
+.blog-details #return-to-results-button {
+  visibility: hidden;
+}
+/* line 154, ../../../sass/sass/blog.scss */
+.blog-details.blog-results-detail #return-to-results-button {
+  visibility: visible;
+}
+/* line 159, ../../../sass/sass/blog.scss */
+.blog-details a.jargon:hover {
+  text-decoration: none;
+  border-bottom: 1px dashed;
+}
+/* line 163, ../../../sass/sass/blog.scss */
+.blog-details .jargon-explanations {
+  display: none;
+}
+/* line 168, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .region-wrap,
+.blog-details #content .region-wrap {
+  padding-top: 0.5em;
+  padding-left: 2em;
+  padding-right: 2em;
+}
+/* line 177, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav {
+  z-index: 10;
+  position: absolute;
+}
+/* line 181, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .breadcrumb {
+  margin-top: 1.5em;
+}
+/* line 184, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .breadcrumb ul.inline li {
+  padding-right: 0;
+}
+/* line 186, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .breadcrumb ul.inline li a.button {
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+}
+/* line 191, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .breadcrumb ul.inline li a.button.first {
+  background-image: url(../../images/breadcrumb-dark-grey-button-left-arrow-wbg.png);
+  background-position: center left;
+  background-repeat: no-repeat;
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  -ms-border-radius: 0 3px 3px 0;
+  -o-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+  border: none;
+  padding-left: 20px;
+}
+/* line 198, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .breadcrumb ul.inline li a.button.first:hover {
+  background-color: #4c4948;
+}
+/* line 211, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-name {
+  font-size: 18px;
+  color: #9fa0a0;
+}
+/* line 215, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav {
+  width: auto;
+}
+/* line 222, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links {
+  display: block;
+  width: auto;
+  margin: 0;
+}
+/* line 226, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links li {
+  margin-right: 3em;
+  padding: 0;
+}
+/* line 229, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links li a {
+  color: inherit;
+}
+/* line 231, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links li a.active {
+  color: #006699;
+  border-bottom: 1px solid #006699;
+  text-decoration: none;
+}
+/* line 237, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links:hover li a.active {
+  color: inherit;
+  border-bottom: none;
+}
+/* line 244, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .section-nav ul.links li a:hover, .blog-details #blog-top-nav .section-nav ul.links:hover li a:hover {
+  color: #006699;
+  border-bottom: 1px solid #006699;
+  text-decoration: none;
+}
+/* line 250, ../../../sass/sass/blog.scss */
+.blog-details #blog-top-nav .background {
+  z-index: -1;
+  position: absolute;
+  top: 0;
+  bottom: -2px;
+  left: 0;
+  right: 0;
+  margin-left: 2em;
+  margin-right: 2em;
+  background-color: white;
+  border-bottom: 1px solid transparent;
+}
+/* line 265, ../../../sass/sass/blog.scss */
+.blog-details #content {
+  margin-top: 150px;
+  position: relative;
+}
+/* line 268, ../../../sass/sass/blog.scss */
+.blog-details #content .text {
+  font-size: 1.14286em;
+  line-height: 1.6875em;
+}
+/* line 270, ../../../sass/sass/blog.scss */
+.blog-details #content .text h3 {
+  font-size: 1.1em;
+  color: #4c4a49;
+}
+/* line 274, ../../../sass/sass/blog.scss */
+.blog-details #content .text h4 {
+  color: #4c4a49;
+}
+/* line 280, ../../../sass/sass/blog.scss */
+.blog-details #content .text .image-wrap {
+  border: 1px solid #c9caca;
+  margin-bottom: 1.14286em;
+}
+/* line 285, ../../../sass/sass/blog.scss */
+.blog-details #content .text a.enlarge-image {
+  cursor: pointer;
+  cursor: url(../../images/zoom.cur), auto;
+}
+/* line 290, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box {
+  z-index: 1;
+  position: absolute;
+  display: none;
+  position: absolute;
+  margin-top: 8px;
+  left: 20px;
+  right: 20px;
+  background-color: white;
+  border: 1px solid #8fc31f;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+  -webkit-box-shadow: 0px 0px 30px #999999;
+  -moz-box-shadow: 0px 0px 30px #999999;
+  box-shadow: 0px 0px 30px #999999;
+}
+/* line 105, ../../../sass/sass/_custom.scss */
+.blog-details #content .jargon-explanation-box.open {
+  display: block;
+}
+/* line 300, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .content-wrap {
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  padding-top: 0.7em;
+}
+/* line 306, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .content-wrap .jargon-details {
+  min-height: 150px;
+  max-height: 200px;
+  overflow: auto;
+}
+/* line 311, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .content-wrap .references {
+  font-size: 0.8em;
+  font-style: italic;
+}
+/* line 316, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .text-pointer {
+  z-index: 10;
+  position: absolute;
+  width: 20px;
+  height: 8px;
+  background-image: url(../../images/popup-text-pointer.png);
+  top: -8px;
+  margin-left: -10px;
+  left: 10px;
+}
+/* line 326, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .close-box {
+  z-index: 1;
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background: url(../../images/grey-cross.png) no-repeat center center;
+  cursor: pointer;
+  right: 1.5em;
+  top: 1.5em;
+}
+/* line 336, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box h3.name {
+  margin: 0;
+  border-bottom: 1px solid #c9cacb;
+  margin-top: 0em;
+  margin-bottom: 1em;
+}
+/* line 342, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .like-button {
+  display: block;
+  margin: 1em;
+  width: auto;
+}
+/* line 347, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .like-button * {
+  vertical-align: middle;
+}
+/* line 350, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .like-button a.login-button {
+  vertical-align: top;
+}
+/* line 356, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .content-wrap,
+.blog-details #content .jargon-explanation-box .like-button {
+  visibility: hidden;
+}
+/* line 360, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box .loading-image {
+  visibility: visible;
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  margin-top: -38.5px;
+  margin-left: -53.5px;
+}
+/* line 371, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box.loaded .content-wrap,
+.blog-details #content .jargon-explanation-box.loaded .like-button {
+  visibility: visible;
+}
+/* line 374, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box.loaded .loading-image {
+  visibility: hidden;
+}
+/* line 378, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box.modal {
+  position: fixed;
+  z-index: 2001;
+  padding: 0;
+  left: 50%;
+  margin-left: -350px;
+  width: 700px;
+  top: 50% !important;
+  -webkit-box-shadow: 0px 0px 30px #444444;
+  -moz-box-shadow: 0px 0px 30px #444444;
+  box-shadow: 0px 0px 30px #444444;
+}
+/* line 383, ../../../sass/sass/blog.scss */
+.blog-details #content .jargon-explanation-box.modal .text-pointer {
+  display: none;
+}
+/* line 390, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card-brief {
+  font-size: 0.875em;
+  line-height: 1.63265em;
+}
+/* line 393, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card {
+  font-size: 0.875em;
+  line-height: 1.30612em;
+  cursor: pointer;
+  border: 1px solid #c9caca;
+}
+/* line 397, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .back .card-wrap {
+  height: 200px;
+  color: white;
+  background-color: #4c4948;
+  background-image: url(../../images/card-bg-grey.png);
+  background-repeat: no-repeat;
+  background-position: center center;
+  text-align: center;
+  line-height: 1.5em;
+}
+/* line 407, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .back .card-wrap .content-wrap {
+  padding-top: 2em;
+}
+/* line 411, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front .card-wrap {
+  height: 200px;
+  position: relative;
+  overflow: hidden;
+}
+/* line 415, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front .card-wrap .card-title {
+  font-weight: normal;
+  background-color: #4c4948;
+  color: white;
+  margin: 0;
+  position: absolute;
+  bottom: 0;
+  left: 0;
+  right: 0;
+  width: auto;
+  line-height: 50px;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  padding-top: 0;
+  padding-bottom: 0;
+}
+/* line 433, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front .card-wrap .card-subtitle {
+  font-size: 0.95em;
+  font-weight: normal;
+  color: white;
+  background-color: #3e3a39;
+  padding: 0;
+  margin: 0;
+  position: absolute;
+  bottom: 50px;
+  left: 0;
+  right: 0;
+  padding-left: 0.5em;
+  padding-top: 0.1em;
+  padding-bottom: 0.1em;
+}
+/* line 450, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front .card-wrap .card-details {
+  padding: 0.5em;
+}
+/* line 455, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front {
+  height: 200px;
+}
+/* line 459, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .back {
+  height: 0;
+}
+/* line 463, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .abstract {
+  display: none;
+}
+/* line 468, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card .front,
+.blog-details #content .cards .card .back {
+  overflow: hidden;
+  -webkit-transition: height 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: height 0.3s ease 0s;
+  -o-transition: height 0.3s ease 0s;
+  transition: height 0.3s ease 0s;
+}
+/* line 475, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card:hover .front, .blog-details #content .cards .card:active .front {
+  height: 0;
+}
+/* line 478, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card:hover .back, .blog-details #content .cards .card:active .back {
+  height: 200px;
+}
+/* line 484, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.green .back .card-wrap {
+  background-image: url(../../images/card-bg-green.png);
+  background-color: #8fc41f;
+}
+/* line 488, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.green .front .card-wrap {
+  color: #8fc41f;
+}
+/* line 490, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.green .front .card-wrap .card-title {
+  background-color: #8fc41f;
+}
+/* line 493, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.green .front .card-wrap .card-subtitle {
+  background-color: #7cb617;
+}
+/* line 500, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.blue .back .card-wrap {
+  background-image: url(../../images/card-bg-blue.png);
+  background-color: #0063a8;
+}
+/* line 504, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.blue .front .card-wrap {
+  color: #006699;
+}
+/* line 506, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.blue .front .card-wrap .card-title {
+  background-color: #0063a8;
+}
+/* line 509, ../../../sass/sass/blog.scss */
+.blog-details #content .cards .card.blue .front .card-wrap .card-subtitle {
+  background-color: #00508f;
+}
+/* line 517, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first,
+.blog-details #sidebar-second {
+  position: absolute;
+  min-height: 650px;
+  height: auto;
+  top: 0;
+  bottom: 0;
+}
+/* line 525, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second #login {
+  margin-top: 1.5em;
+}
+/* line 528, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social {
+  font-size: 1em;
+  line-height: 1.42857em;
+  margin-top: 3em;
+}
+/* line 532, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons li {
+  padding: 0;
+}
+/* line 535, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons .multi-segment-button .segment.first {
+  width: 60px;
+  white-space: nowrap;
+  overflow: hidden;
+}
+/* line 540, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons .multi-segment-button {
+  font-weight: bold;
+}
+/* line 544, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons #like-button .like-button {
+  background-image: url(../../images/grey-star.png);
+  background-repeat: no-repeat;
+  background-position: 10px center;
+}
+/* line 550, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons #no-idea-button {
+  float: right;
+}
+/* line 552, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .social ul.buttons #no-idea-button .no-idea-button {
+  background-image: url(../../images/white-unhappy-face.png);
+  background-repeat: no-repeat;
+  background-position: 10px center;
+}
+/* line 561, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .comments {
+  margin-top: 2.5em;
+}
+/* line 563, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .comments ol {
+  font-size: 0.92857em;
+  line-height: 1.38462em;
+  max-height: 400px;
+  overflow: hidden;
+  overflow: auto;
+  counter-reset: comments-counter;
+  margin: 0;
+  padding: 0;
+}
+/* line 571, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .comments ol li:before {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  width: 1.3em;
+  text-align: center;
+  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif, "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+  background-color: #898989;
+  color: white;
+  float: left;
+  margin-left: -2em;
+  padding-left: 0.05em;
+  content: counter(comments-counter);
+  counter-increment: comments-counter;
+}
+/* line 581, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .comments ol li {
+  margin-left: 2em;
+  margin-bottom: 1em;
+}
+/* line 584, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .comments ol li a {
+  color: inherit;
+}
+/* line 592, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second #card-abstract {
+  margin-top: 3em;
+  -webkit-transition: all ease;
+  -webkit-transition-delay: 0.5s;
+  -moz-transition: all ease 0.5s;
+  -o-transition: all ease 0.5s;
+  transition: all ease 0.5s;
+  visibility: hidden;
+  opacity: 0;
+}
+/* line 124, ../../../sass/sass/_custom.scss */
+.blog-details #sidebar-second #card-abstract.show {
+  visibility: visible;
+  opacity: 1;
+}
+/* line 598, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .jargon-list {
+  font-size: 1em;
+  line-height: 1.71429em;
+}
+/* line 600, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .jargon-list ul {
+  margin: 0;
+  padding: 0;
+  max-height: 400px;
+  overflow: auto;
+}
+/* line 605, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .jargon-list ul li {
+  padding: 0;
+}
+/* line 607, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .jargon-list ul li a {
+  outline: 0;
+  display: block;
+  color: inherit;
+  text-decoration: none;
+  padding-left: 1.5em;
+  padding-top: 0.3em;
+  padding-bottom: 0.3em;
+}
+/* line 619, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-second .jargon-list ul li a:hover,
+.blog-details #sidebar-second .jargon-list ul li a .active {
+  background-color: #898989;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: white;
+  text-decoration: none;
+}
+/* line 630, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first {
+  z-index: 10;
+  padding-top: 1.5em;
+  padding-bottom: 1.5em;
+}
+/* line 637, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first #nav-ribbon {
+  margin-left: -20px;
+}
+/* line 640, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .post-question {
+  overflow: hidden;
+  width: auto;
+}
+/* line 643, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .post-question .question {
+  width: 60%;
+}
+/* line 646, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .post-question .submit {
+  float: right;
+  width: 30%;
+}
+/* line 651, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .related-questions {
+  padding: 8px;
+  padding-left: 15px;
+  padding-right: 15px;
+  background-color: white;
+  margin-top: 1em;
+  -webkit-box-shadow: 0px 0px 20px #bbbbbb;
+  -moz-box-shadow: 0px 0px 20px #bbbbbb;
+  box-shadow: 0px 0px 20px #bbbbbb;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+}
+/* line 658, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .related-questions h3 {
+  margin: 0;
+  line-height: 1.5em;
+}
+/* line 665, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .related-questions a {
+  color: #727171;
+}
+/* line 669, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc {
+  margin-top: 1em;
+}
+/* line 675, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc .toc-title {
+  margin: 0;
+  padding-left: 1em;
+  border-bottom: 1px solid #c9caca;
+  -webkit-box-shadow: 0px 1px 0px 0px white;
+  -moz-box-shadow: 0px 1px 0px 0px white;
+  box-shadow: 0px 1px 0px 0px white;
+}
+/* line 681, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc ul.links {
+  font-size: 16.38px;
+  margin: 0;
+  padding: 0;
+}
+/* line 685, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc ul.links li {
+  list-style: none;
+  background-image: url(../../images/righticon.png);
+  background-repeat: no-repeat;
+  background-position: center right;
+  margin: 0;
+  padding-left: 1em;
+  border-bottom: 1px solid #c9caca;
+  -webkit-box-shadow: 0px 1px 0px 0px white;
+  -moz-box-shadow: 0px 1px 0px 0px white;
+  box-shadow: 0px 1px 0px 0px white;
+  -webkit-transition: 0.1s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: 0.1s ease 0s;
+  -o-transition: 0.1s ease 0s;
+  transition: 0.1s ease 0s;
+}
+/* line 694, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc ul.links li:hover, .blog-details #sidebar-first .toc ul.links li.active {
+  background-color: white;
+}
+/* line 698, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc ul.links li a {
+  display: block;
+  color: inherit;
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+}
+/* line 705, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first .toc ul.links li a:hover {
+  text-decoration: none;
+}
+/* line 714, ../../../sass/sass/blog.scss */
+.blog-details #sidebar-first {
+  background-color: #f3f2f0;
+}
+/* line 717, ../../../sass/sass/blog.scss */
+.blog-details .page-expand {
+  height: 0;
+}
+@media all and (min-width: 1300px) and (min-height: 670px) {
+  /* line 724, ../../../sass/sass/blog.scss */
+  .blog-details #sidebar-first,
+  .blog-details #sidebar-second,
+  .blog-details #blog-top-nav {
+    position: fixed;
+  }
+  /* line 727, ../../../sass/sass/blog.scss */
+  .blog-details .page-expand {
+    height: 100%;
+  }
+}
+/* line 732, ../../../sass/sass/blog.scss */
+.blog-details #back-to-top-button {
+  bottom: 50px;
+  left: 960px;
+}
+/* line 736, ../../../sass/sass/blog.scss */
+.blog-details .confirm-dialog {
+  padding-top: 4em;
+  min-width: 500px;
+  min-height: 80px;
+  text-align: center;
+}
+/* line 741, ../../../sass/sass/blog.scss */
+.blog-details .confirm-dialog .controls {
+  text-align: right;
+  position: absolute;
+  bottom: 2em;
+  right: 2em;
+}
+/* line 750, ../../../sass/sass/blog.scss */
+.blog-details.blog-results #sidebar-second .lists-container {
+  display: none;
+}
+
+/* line 759, ../../../sass/sass/blog.scss */
+.blog-list #content .region-wrap {
+  margin-top: 1.5em;
+}
+/* line 762, ../../../sass/sass/blog.scss */
+.blog-list #content #login {
+  position: absolute;
+  right: 0;
+  top: 0;
+}
+/* line 767, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav {
+  position: relative;
+  margin-top: 2em;
+  padding-top: 2em;
+}
+/* line 771, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav .search-type-nav {
+  vertical-align: bottom;
+  border-bottom: 1px solid #c9caca;
+}
+/* line 776, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav .search-type-nav ul.links li a {
+  color: inherit;
+}
+/* line 780, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav .search-type-nav ul.links li a:hover,
+.blog-list #content #blog-list-top-nav .search-type-nav ul.links li a.active {
+  text-decoration: none;
+  color: #0063a8;
+  border-bottom: 1px solid #0063a8;
+}
+/* line 786, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav .search-type-nav ul.links li.first-level {
+  font-size: 1.5em;
+  padding-right: 50px;
+}
+/* line 791, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-top-nav .search-type-nav ul.links li.second-level a {
+  padding-bottom: 2px;
+}
+/* line 799, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content .not-found {
+  text-align: center;
+  margin-top: 2em;
+}
+/* line 802, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content .not-found .message {
+  font-size: 1.2em;
+  margin-top: 0.5em;
+}
+/* line 808, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content ul.articles {
+  padding: 0;
+}
+/* line 810, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content ul.articles li {
+  list-style: none;
+}
+/* line 815, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content .articles .article {
+  margin-bottom: 40px;
+}
+/* line 819, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content .articles .article .article-title {
+  font-weight: bold;
+  font-size: 1.42857em;
+  line-height: 1.45em;
+  color: black;
+  margin-bottom: 0.5em;
+}
+/* line 131, ../../../sass/sass/_custom.scss */
+.blog-list #content #blog-list-content .articles .article .article-title a {
+  color: inherit;
+}
+/* line 827, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content .articles .article .excerpt {
+  font-size: 1.14286em;
+  line-height: 1.6875em;
+  margin-top: 0.5em;
+}
+/* line 833, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content ul.rating-blocks li {
+  vertical-align: middle;
+  padding: 0;
+  display: -moz-inline-block;
+  display: inline-block;
+  color: transparent;
+  overflow: hidden;
+  width: 12px;
+  height: 12px;
+  background-color: #948b7a;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+  margin-right: -1px;
+}
+/* line 845, ../../../sass/sass/blog.scss */
+.blog-list #content #blog-list-content ul.rating-blocks li.filled {
+  background-color: #4a453d;
+}
+/* line 856, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first #header {
+  z-index: 2;
+}
+/* line 859, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .region-wrap {
+  z-index: 2;
+  position: relative;
+  padding-left: 1em;
+  padding-right: 1em;
+}
+/* line 867, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first #nav-ribbon {
+  margin-top: 1em;
+  z-index: 2;
+  margin-left: -20px;
+}
+/* line 872, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay {
+  color: white;
+  z-index: 1;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  background-color: #91908f;
+  background-color: rgba(0, 0, 0, 0.5);
+  visibility: hidden;
+  opacity: 0;
+  -webkit-transition: all 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
+}
+/* line 885, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay .region-wrap {
+  padding-left: 3.3em;
+  padding-top: 8em;
+  padding-right: 3.3em;
+}
+/* line 891, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay .region-wrap h3 {
+  margin-bottom: 0;
+}
+/* line 894, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay .region-wrap .user-info h3 {
+  margin-top: 0;
+}
+/* line 897, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay .region-wrap ul {
+  margin: 0;
+  padding: 0;
+}
+/* line 900, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay .region-wrap ul li {
+  list-style: none;
+}
+/* line 905, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .hover-overlay a {
+  color: white;
+}
+/* line 909, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .post-question {
+  z-index: 2;
+  padding-left: 1em;
+  padding-right: 1em;
+  overflow: hidden;
+  width: auto;
+}
+/* line 917, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .post-question .question {
+  width: 60%;
+  border: 1px solid #c2b59e;
+  background-color: #918e8c;
+  background-color: rgba(0, 0, 0, 0.5);
+}
+/* line 923, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first .post-question .submit {
+  float: right;
+  width: 30%;
+  border: none;
+}
+/* line 929, ../../../sass/sass/blog.scss */
+.blog-list #sidebar-first:hover .hover-overlay {
+  visibility: visible;
+  opacity: 1;
+}
+
+/* line 936, ../../../sass/sass/blog.scss */
+body.blog-index {
+  color: white;
+}
+/* line 938, ../../../sass/sass/blog.scss */
+body.blog-index #main {
+  position: relative;
+}
+/* line 940, ../../../sass/sass/blog.scss */
+body.blog-index #main .background {
+  z-index: -1000;
+  background: url(../../images/back_main.jpg) no-repeat center top;
+  position: fixed;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+}
+/* line 949, ../../../sass/sass/blog.scss */
+body.blog-index #main #login {
+  position: absolute;
+  top: 15px;
+  right: -250px;
+}
+/* line 954, ../../../sass/sass/blog.scss */
+body.blog-index #main .post-question {
+  margin-top: 270px;
+}
+/* line 956, ../../../sass/sass/blog.scss */
+body.blog-index #main .post-question .question {
+  background-color: white;
+  border: 1px solid #d0d1d1;
+  color: black;
+  width: 400px;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question.placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus.placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question.input-placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus.input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:-moz-placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus:-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question::-webkit-input-placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question::-moz-placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus::-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:-ms-input-placeholder {
+  color: #d0d1d1;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.blog-index #main .post-question .question:focus:-ms-input-placeholder {
+  color: transparent;
+}
+/* line 964, ../../../sass/sass/blog.scss */
+body.blog-index #main .post-question .submit {
+  width: 84px;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+  border: none;
+}
+/* line 969, ../../../sass/sass/blog.scss */
+body.blog-index #main .post-question .question, body.blog-index #main .post-question .submit {
+  font-size: 1.14286em;
+  line-height: 1.25em;
+  vertical-align: 2px;
+}
+/* line 974, ../../../sass/sass/blog.scss */
+body.blog-index #main #logo {
+  margin-top: 65px;
+  width: 100%;
+  text-align: center;
+}
+/* line 979, ../../../sass/sass/blog.scss */
+body.blog-index #main #copyright {
+  position: fixed;
+  bottom: 75px;
+  left: 75px;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/comments.css b/97suifangqa/staticfiles/stylesheets/sass/comments.css
new file mode 100644
index 0000000..06e61f8
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/comments.css
@@ -0,0 +1,119 @@
+/**
+ * @file
+ * Comment Styling
+ */
+/* line 9, ../../../sass/sass/comments.scss */
+.comments {
+  /* Wrapper for the list of comments and its title */
+  margin: 1.5em 0;
+}
+/* line 12, ../../../sass/sass/comments.scss */
+.comments h2.title {
+  /* Heading for the list of comments */
+}
+/* line 15, ../../../sass/sass/comments.scss */
+.comments h2.comment-form {
+  /* Heading for the comment form */
+}
+
+/* line 19, ../../../sass/sass/comments.scss */
+.comment {
+  /* Wrapper for a single comment */
+}
+/* line 21, ../../../sass/sass/comments.scss */
+.comment.comment-preview {
+  /* Preview of the comment before submitting new or updated comment */
+  background-color: #ffffea;
+  /* Drupal core will use a #ffffea background. See #1110842 */
+}
+/* line 25, ../../../sass/sass/comments.scss */
+.comment.new {
+  /* A new comment since the user last viewed the page. */
+}
+/* line 28, ../../../sass/sass/comments.scss */
+.comment.first {
+  /* The first comment in the list of comments */
+}
+/* line 31, ../../../sass/sass/comments.scss */
+.comment.last {
+  /* The last comment in the list of comments */
+}
+/* line 34, ../../../sass/sass/comments.scss */
+.comment.odd {
+  /* An odd-numbered comment in the list of comments */
+}
+/* line 37, ../../../sass/sass/comments.scss */
+.comment.even {
+  /* An even-numbered comment in the list of comments */
+}
+/* line 40, ../../../sass/sass/comments.scss */
+.comment.comment-by-anonymous {
+  /* A comment created by an anonymous user */
+}
+/* line 43, ../../../sass/sass/comments.scss */
+.comment.comment-by-node-author {
+  /* A comment created by the node's author */
+}
+/* line 46, ../../../sass/sass/comments.scss */
+.comment.comment-by-viewer {
+  /* A comment created by the current user */
+}
+/* line 49, ../../../sass/sass/comments.scss */
+.comment h3.comment-title {
+  /* Comment title */
+}
+/* line 52, ../../../sass/sass/comments.scss */
+.comment .new {
+  /* "New" marker for comments that are new for the current user */
+  color: #c00;
+}
+/* line 56, ../../../sass/sass/comments.scss */
+.comment .user-picture {
+  /* The picture of the comment author */
+}
+/* line 59, ../../../sass/sass/comments.scss */
+.comment .submitted {
+  /* The "posted by" information */
+}
+/* line 62, ../../../sass/sass/comments.scss */
+.comment .permalink {
+  /* Comment's permalink wrapper */
+  text-transform: uppercase;
+  font-size: 75%;
+}
+/* line 67, ../../../sass/sass/comments.scss */
+.comment .user-signature {
+  /* The user's signature */
+}
+/* line 70, ../../../sass/sass/comments.scss */
+.comment ul.links {
+  /* Comment links. See also the ul.links declaration in the pages.css. */
+}
+
+/* line 74, ../../../sass/sass/comments.scss */
+.indented {
+  /* Nested comments are indented */
+  margin-left: 30px;
+  /* Drupal core uses a 25px left margin */
+}
+
+/* line 78, ../../../sass/sass/comments.scss */
+.comment-unpublished {
+  /* Unpublished comments */
+  /* background-color: #fff4f4; */
+  /* Drupal core uses a #fff4f4 background */
+}
+/* line 81, ../../../sass/sass/comments.scss */
+.comment-unpublished p.unpublished {
+  /* The word "Unpublished" displayed underneath the content. */
+  height: 0;
+  overflow: visible;
+  color: #d8d8d8;
+  font-size: 75px;
+  line-height: 1;
+  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-align: center;
+  word-wrap: break-word;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/elements.css b/97suifangqa/staticfiles/stylesheets/sass/elements.css
new file mode 100644
index 0000000..5ed4bde
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/elements.css
@@ -0,0 +1,326 @@
+/**
+ * @file
+ * Page element styles (buttons, expandable areas etc)
+ * 
+ */
+/* line 10, ../../../sass/sass/elements.scss */
+.multi-segment-button {
+  overflow: hidden;
+  padding: 0;
+}
+/* line 14, ../../../sass/sass/elements.scss */
+.multi-segment-button .segment {
+  display: block;
+  float: left;
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  border-right: 1px solid;
+  border-right-color: inherit;
+}
+/* line 26, ../../../sass/sass/elements.scss */
+.multi-segment-button .segment.first {
+  padding-left: 0.5em;
+}
+/* line 30, ../../../sass/sass/elements.scss */
+.multi-segment-button .segment.last {
+  padding-right: 0.5em;
+  border-right: none;
+}
+
+/* line 38, ../../../sass/sass/elements.scss */
+.multi-button .button, .multi-button .multi-segment-button {
+  margin: 0;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  padding-top: 0;
+  padding-bottom: 0;
+  -webkit-border-radius: 0;
+  -moz-border-radius: 0;
+  -ms-border-radius: 0;
+  -o-border-radius: 0;
+  border-radius: 0;
+  border-left: none;
+  border-right: 1px solid #f3f2f0;
+}
+/* line 49, ../../../sass/sass/elements.scss */
+.multi-button .button.first, .multi-button .first.multi-segment-button {
+  -webkit-border-radius: 3px 0 0 3px;
+  -moz-border-radius: 3px 0 0 3px;
+  -ms-border-radius: 3px 0 0 3px;
+  -o-border-radius: 3px 0 0 3px;
+  border-radius: 3px 0 0 3px;
+  border-left: 1px solid #f3f2f0;
+}
+/* line 53, ../../../sass/sass/elements.scss */
+.multi-button .button.last, .multi-button .last.multi-segment-button {
+  -webkit-border-radius: 0 3px 3px 0;
+  -moz-border-radius: 0 3px 3px 0;
+  -ms-border-radius: 0 3px 3px 0;
+  -o-border-radius: 0 3px 3px 0;
+  border-radius: 0 3px 3px 0;
+}
+
+/* line 60, ../../../sass/sass/elements.scss */
+.border-box, .expand-heading {
+  background-color: #f7f7f7;
+  border: solid 1px #c9caca;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  padding-left: 1em;
+  padding-right: 1em;
+  padding-top: 0.4em;
+  padding-bottom: 0.4em;
+}
+
+/* line 72, ../../../sass/sass/elements.scss */
+.expand-heading {
+  cursor: pointer;
+  color: #99cc33;
+  padding-left: 30px;
+  background-image: url(../../images/green-triangle-right.png);
+  background-repeat: no-repeat;
+  background-position: 10px center;
+}
+/* line 81, ../../../sass/sass/elements.scss */
+.expandable.expanded .expand-heading {
+  background-image: url(../../images/green-triangle-down.png);
+}
+
+/* line 87, ../../../sass/sass/elements.scss */
+.expandable .expand-container {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+/* line 91, ../../../sass/sass/elements.scss */
+.expandable.expanded .expand-container {
+  position: static !important;
+  clip: auto;
+  height: auto;
+  width: auto;
+  overflow: auto;
+}
+
+/* line 98, ../../../sass/sass/elements.scss */
+.action-button .deaction {
+  display: none;
+}
+/* line 102, ../../../sass/sass/elements.scss */
+.action-button.acted .deaction {
+  display: block;
+}
+/* line 105, ../../../sass/sass/elements.scss */
+.action-button.acted .action {
+  display: none;
+}
+
+/* line 111, ../../../sass/sass/elements.scss */
+body.modal-active {
+  height: 100%;
+  overflow: hidden;
+}
+
+/* line 116, ../../../sass/sass/elements.scss */
+.modal-page-overlay {
+  z-index: 2000;
+  position: fixed;
+  top: 0;
+  left: 0;
+  bottom: 0;
+  right: 0;
+  background: url(../../images/modal-dialog-bg.png);
+  -webkit-transition: 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: 0.3s ease 0s;
+  -o-transition: 0.3s ease 0s;
+  transition: 0.3s ease 0s;
+  opacity: 1;
+}
+/* line 127, ../../../sass/sass/elements.scss */
+.modal-page-overlay.hidden {
+  visibility: hidden;
+  opacity: 0;
+}
+
+/* line 133, ../../../sass/sass/elements.scss */
+.image-enlargement-box {
+  z-index: 1;
+  position: absolute;
+  display: none;
+  position: fixed;
+  z-index: 2001;
+  padding: 0;
+  left: 50%;
+  margin-left: -53.5px;
+  top: 50%;
+  margin-top: -38.5px;
+}
+/* line 105, ../../../sass/sass/_custom.scss */
+.image-enlargement-box.open {
+  display: block;
+}
+/* line 136, ../../../sass/sass/elements.scss */
+.image-enlargement-box .loading-image {
+  position: absolute;
+  z-index: -1;
+}
+/* line 140, ../../../sass/sass/elements.scss */
+.image-enlargement-box .image-container {
+  visibility: hidden;
+}
+/* line 143, ../../../sass/sass/elements.scss */
+.image-enlargement-box .image-container img {
+  max-width: none;
+  max-height: none;
+  -webkit-box-shadow: 0px 0px 30px #444444;
+  -moz-box-shadow: 0px 0px 30px #444444;
+  box-shadow: 0px 0px 30px #444444;
+}
+/* line 149, ../../../sass/sass/elements.scss */
+.image-enlargement-box.loaded .loading-image {
+  display: none;
+}
+/* line 152, ../../../sass/sass/elements.scss */
+.image-enlargement-box.loaded .image-container {
+  visibility: visible;
+}
+
+/* line 158, ../../../sass/sass/elements.scss */
+.dialog-content {
+  display: none;
+}
+
+/* line 161, ../../../sass/sass/elements.scss */
+.modal-dialog-box {
+  z-index: 1;
+  position: absolute;
+  display: none;
+  position: fixed;
+  z-index: 2001;
+  padding: 0;
+  left: 50%;
+  margin-left: -50px;
+  top: 50%;
+  margin-top: -50px;
+  -webkit-box-shadow: 0px 0px 30px #444444;
+  -moz-box-shadow: 0px 0px 30px #444444;
+  box-shadow: 0px 0px 30px #444444;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+  border: 1px solid #8fc31f;
+  background-color: white;
+}
+/* line 105, ../../../sass/sass/_custom.scss */
+.modal-dialog-box.open {
+  display: block;
+}
+/* line 168, ../../../sass/sass/elements.scss */
+.modal-dialog-box .close-box {
+  z-index: 1;
+  position: absolute;
+  width: 20px;
+  height: 20px;
+  background: url(../../images/grey-cross.png) no-repeat center center;
+  cursor: pointer;
+  right: 1em;
+  top: 1em;
+}
+/* line 178, ../../../sass/sass/elements.scss */
+.modal-dialog-box .content-wrap {
+  padding-left: 1.5em;
+  padding-right: 1.5em;
+  padding-top: 0.7em;
+  padding-bottom: 1em;
+}
+/* line 185, ../../../sass/sass/elements.scss */
+.modal-dialog-box .content-wrap .dialog-content {
+  display: block;
+}
+
+/* line 191, ../../../sass/sass/elements.scss */
+.grey-button {
+  border-color: #cccccc;
+  color: #6f6f6f;
+  background-color: #f7f7f7;
+}
+/* line 194, ../../../sass/sass/elements.scss */
+.grey-button:visited {
+  color: #6f6f6f;
+}
+/* line 199, ../../../sass/sass/elements.scss */
+.grey-button:hover {
+  background-color: #eaeaea;
+}
+/* line 202, ../../../sass/sass/elements.scss */
+.grey-button:active {
+  background-color: #dedede;
+}
+/* line 208, ../../../sass/sass/elements.scss */
+.grey-button.disabled:hover, .grey-button.disabled:active {
+  background-color: #f7f7f7;
+}
+
+/* line 214, ../../../sass/sass/elements.scss */
+.dark-grey-button {
+  border: none;
+  color: white;
+  background-color: #4c4948;
+}
+/* line 217, ../../../sass/sass/elements.scss */
+.dark-grey-button:visited {
+  color: white;
+}
+/* line 221, ../../../sass/sass/elements.scss */
+.dark-grey-button:hover {
+  background-color: #3f3c3c;
+}
+/* line 224, ../../../sass/sass/elements.scss */
+.dark-grey-button:active {
+  background-color: #32302f;
+}
+/* line 229, ../../../sass/sass/elements.scss */
+.dark-grey-button.disabled:hover, .dark-grey-button.disabled:active {
+  background-color: #4c4948;
+}
+
+/* line 235, ../../../sass/sass/elements.scss */
+.number-block {
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  width: 1.3em;
+  text-align: center;
+  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif, "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+}
+
+/* line 239, ../../../sass/sass/elements.scss */
+.green-block {
+  background-color: #7BB81B;
+  color: white;
+}
+
+/* line 244, ../../../sass/sass/elements.scss */
+.clearfix {
+  clear: both;
+}
+
+/**
+ * Expands the height of a container by its height, or the page width maximally. Used for extra scrolling
+ */
+/* line 251, ../../../sass/sass/elements.scss */
+.page-expand {
+  position: absolute;
+  width: 1px;
+  height: 100%;
+  z-index: -1000;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/fields.css b/97suifangqa/staticfiles/stylesheets/sass/fields.css
new file mode 100644
index 0000000..4c63fb2
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/fields.css
@@ -0,0 +1,52 @@
+/**
+ * @file
+ * Field Styling
+ *
+ * The Fences module allows site builders to pick the semeantic HTML5 element
+ * for each field while editing the field's settings. There's no way a theme
+ * can ever know which element to use for the fields on your site, so Zen
+ * just uses lets Drupal core or Fences decide. Since you DO NOT want 3 wrapping
+ * divs around every field (do you?), we highly recommend Fences.
+ *
+ * http://drupal.org/project/fences
+ */
+/*
+ * Field wrappers when the Fences module is enabled.
+ */
+/* line 21, ../../../sass/sass/fields.scss */
+.field-label {
+  /* The optional label for a field. */
+}
+
+/* line 24, ../../../sass/sass/fields.scss */
+.field-FIELDNAME {
+  /* Underscores in field name are replaced with dashes. */
+}
+
+/*
+ * If you don't use the Fences module, that's fine. Really. I think. Just use
+ * these selectors instead:
+ */
+/* line 33, ../../../sass/sass/fields.scss */
+.field {
+  /* Wrapper for any field. */
+}
+
+/*
+ * Field types (Core)
+ */
+/*
+ * Field types (Contrib)
+ */
+/* line 83, ../../../sass/sass/fields.scss */
+.field-type-datetime {
+  /* Always use "datetime" when creating new CCK date fields. "date" and "datestamp" are legacy types. */
+}
+
+/*
+ * Named fields
+ */
+/* line 105, ../../../sass/sass/fields.scss */
+.field-name-field-FIELDNAME {
+  /* Underscores in field name are replaced with dashes. */
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/forms-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/forms-rtl.css
new file mode 100644
index 0000000..a2169b3
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/forms-rtl.css
@@ -0,0 +1,38 @@
+/**
+ * @file
+ * RTL companion for the forms.css file.
+ */
+/*
+ * Drupal's default login form block
+ */
+/* line 13, ../../../sass/sass/forms-rtl.scss */
+#user-login-form {
+  text-align: right;
+  /*
+   * OpenID
+   *
+   * The default styling for the OpenID login link seems to assume Garland's
+   * styling of list items.
+   */
+}
+/* line 24, ../../../sass/sass/forms-rtl.scss */
+html.js #user-login-form li.openid-link,
+#user-login-form li.openid-link {
+  /* The "Log in using OpenID" link. */
+  margin-left: 0;
+  margin-right: -20px;
+  /* Un-do some of the padding on the ul list. */
+}
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in html-elements.css, but restore them for the admin
+ * section of the site.
+ */
+/* line 38, ../../../sass/sass/forms-rtl.scss */
+form th {
+  text-align: right;
+  padding-left: 1em;
+  padding-right: 0;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/forms.css b/97suifangqa/staticfiles/stylesheets/sass/forms.css
new file mode 100644
index 0000000..bb02bc6
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/forms.css
@@ -0,0 +1,161 @@
+/**
+ * @file
+ * Form Styling
+ */
+/* line 9, ../../../sass/sass/forms.scss */
+.form-item {
+  /* Wrapper for a form element (or group of form elements) and its label */
+  margin: 1.5em 0;
+}
+/* line 14, ../../../sass/sass/forms.scss */
+.form-item input.error,
+.form-item textarea.error,
+.form-item select.error {
+  /* Highlight the form elements that caused a form submission error */
+  border: 1px solid #c00;
+}
+/* line 18, ../../../sass/sass/forms.scss */
+.form-item label {
+  /* The label for a form element */
+  display: block;
+  font-weight: bold;
+}
+/* line 23, ../../../sass/sass/forms.scss */
+.form-item label.option {
+  /* The label for a radio button or checkbox */
+  display: inline;
+  font-weight: normal;
+}
+/* line 28, ../../../sass/sass/forms.scss */
+.form-item .form-required {
+  /* The part of the label that indicates a required field */
+  color: #c00;
+}
+/* line 32, ../../../sass/sass/forms.scss */
+.form-item .description {
+  /* The descriptive help text (separate from the label) */
+  font-size: 0.85em;
+}
+/* line 37, ../../../sass/sass/forms.scss */
+.form-checkboxes .form-item, .form-radios .form-item {
+  /* Pack groups of checkboxes and radio buttons closer together */
+  margin: 0;
+  /* Drupal core uses "0.4em 0" */
+}
+
+/* line 42, ../../../sass/sass/forms.scss */
+.form-submit {
+  /* The submit button */
+}
+
+/* line 47, ../../../sass/sass/forms.scss */
+.container-inline div,
+.container-inline label {
+  /* Inline labels and form divs */
+  display: inline;
+}
+
+/* line 52, ../../../sass/sass/forms.scss */
+.tips {
+  /* Tips for Drupal's input formats */
+}
+
+/* line 55, ../../../sass/sass/forms.scss */
+a.button {
+  /* Buttons used by contrib modules like Media */
+  -webkit-appearance: button;
+  -moz-appearance: button;
+  appearance: button;
+}
+
+/*
+ * Password confirmation
+ */
+/* line 64, ../../../sass/sass/forms.scss */
+.password-parent,
+.confirm-parent {
+  margin: 0;
+}
+
+/*
+ * Search (search-block-form.tpl.php)
+ */
+/* line 72, ../../../sass/sass/forms.scss */
+#block-search-form {
+  /* Wrapper for the search form */
+}
+
+/*
+ * Drupal's default login form block
+ */
+/* line 79, ../../../sass/sass/forms.scss */
+#user-login-form {
+  text-align: left;
+  /* LTR */
+  /*
+   * OpenID
+   *
+   * The default styling for the OpenID login link seems to assume Garland's
+   * styling of list items.
+   */
+}
+/* line 89, ../../../sass/sass/forms.scss */
+#user-login-form ul {
+  /* OpenID creates a new ul above the login form's links. */
+  margin-bottom: 0;
+  /* Position OpenID's ul next to the rest of the links. */
+}
+/* line 94, ../../../sass/sass/forms.scss */
+html.js #user-login-form li.openid-link,
+#user-login-form li.openid-link {
+  /* The "Log in using OpenID" link. */
+  margin-top: 1.5em;
+  margin-left: -20px;
+  /* LTR */
+  /* Un-do some of the padding on the ul list. */
+}
+/* line 99, ../../../sass/sass/forms.scss */
+#user-login-form li.user-link {
+  /* The "Cancel OpenID login" link. */
+  margin-top: 1.5em;
+}
+
+/* line 104, ../../../sass/sass/forms.scss */
+#user-login ul {
+  margin: 1.5em 0;
+}
+
+/*
+ * Drupal admin tables
+ *
+ * We overrode these styles in normalize.css, but restore them for the admin
+ * section of the site.
+ */
+/* line 116, ../../../sass/sass/forms.scss */
+form th {
+  text-align: left;
+  /* LTR */
+  padding-right: 1em;
+  /* LTR */
+  border-bottom: 3px solid #ccc;
+}
+/* line 122, ../../../sass/sass/forms.scss */
+form tbody {
+  border-top: 1px solid #ccc;
+}
+/* line 126, ../../../sass/sass/forms.scss */
+form tr.even {
+  background-color: #fff;
+}
+/* line 130, ../../../sass/sass/forms.scss */
+form table .item-list ul {
+  margin: 0;
+}
+
+/*
+ * Drupal core wrongly puts this in system.menus.css. Since we override that, add it back.
+ */
+/* line 149, ../../../sass/sass/forms.scss */
+td.menu-disabled {
+  background: #ccc;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css
new file mode 100644
index 0000000..4c33442
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/content-layout.css
@@ -0,0 +1,86 @@
+@charset "UTF-8";
+/**
+ * @file 
+ * Internal layouts used in #content
+ *
+ * @author 赵迤晨 (Zhao Yichen) <interarticle@gmail.com>
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+.three-columns:before, .three-columns:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+.three-columns:after {
+  clear: both;
+}
+/* line 22, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-first {
+  float: left;
+  width: 33.33333%;
+  margin-left: 0%;
+  margin-right: -33.33333%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 25, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-second {
+  float: left;
+  width: 33.33333%;
+  margin-left: 33.33333%;
+  margin-right: -66.66667%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 28, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-third {
+  float: left;
+  width: 33.33333%;
+  margin-left: 66.66667%;
+  margin-right: -100%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 31, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-main.right {
+  float: left;
+  width: 66.66667%;
+  margin-left: 33.33333%;
+  margin-right: -100%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+/* line 34, ../../../../sass/sass/layouts/content-layout.scss */
+.three-columns .column-main.left {
+  float: left;
+  width: 66.66667%;
+  margin-left: 0%;
+  margin-right: -66.66667%;
+  padding-left: 5px;
+  padding-right: 5px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css
new file mode 100644
index 0000000..fd054c2
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width-rtl.css
@@ -0,0 +1,178 @@
+/**
+ * @file
+ * RTL companion for the fixed-width.css file.
+ */
+/**
+ * @file
+ * Positioning for a fixed-width, desktop-centric layout.
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/fixed-width.scss */
+#page,
+.region-bottom {
+  /* If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. */
+  width: 1300px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/fixed-width.scss */
+#header,
+.content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 20px;
+  padding-right: 20px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+/* line 80, ../../../../sass/sass/layouts/fixed-width.scss */
+#main {
+  position: relative;
+}
+
+/* line 83, ../../../../sass/sass/layouts/fixed-width.scss */
+#navigation {
+  position: absolute;
+  top: 0;
+  /* Move the navbar up inside #main's padding. */
+  height: 3em;
+  width: 1260px;
+}
+
+/*
+ * The layout when there is only one sidebar, the left one.
+ */
+/* line 95, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .content {
+  /* Span 4 columns, starting in 2nd column from left. */
+  float: right;
+  width: 360px;
+  margin-right: 100px;
+  margin-left: -500px;
+}
+/* line 99, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: right;
+  width: 60px;
+  margin-right: 0px;
+  margin-left: -100px;
+}
+
+/*
+ * The layout when there is only one sidebar, the right one.
+ */
+/* line 109, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .content {
+  /* Span 4 columns, starting in 1st column from left. */
+  float: right;
+  width: 360px;
+  margin-right: 0px;
+  margin-left: -400px;
+}
+/* line 113, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: right;
+  width: 60px;
+  margin-right: 400px;
+  margin-left: -500px;
+}
+
+/*
+ * The layout when there are two sidebars.
+ */
+/* line 124, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .content,
+.two-sidebars .content {
+  /* Span 3 columns, starting in 2nd column from left. */
+  float: right;
+  width: 660px;
+  margin-right: 300px;
+  margin-left: -1000px;
+}
+/* line 128, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-first,
+.two-sidebars .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: right;
+  width: 260px;
+  margin-right: 0px;
+  margin-left: -300px;
+}
+/* line 132, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-second,
+.two-sidebars .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: right;
+  width: 260px;
+  margin-right: 1000px;
+  margin-left: -1300px;
+}
+
+/* line 139, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first #page,
+.picture-base.sidebar-first .region-bottom {
+  width: 1200px;
+}
+/* line 143, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .content {
+  float: right;
+  width: 630px;
+  margin-right: 430px;
+  margin-left: -1230px;
+  padding-left: 85px;
+  padding-right: 85px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+/* line 147, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .region-sidebar-first {
+  float: right;
+  width: 390px;
+  margin-right: 0px;
+  margin-left: -430px;
+}
+
+/* line 153, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.blog-index #page, .blog.blog-index .region-bottom {
+  width: 550px;
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css
new file mode 100644
index 0000000..dbe26f9
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/fixed-width.css
@@ -0,0 +1,174 @@
+/**
+ * @file
+ * Positioning for a fixed-width, desktop-centric layout.
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/fixed-width.scss */
+#page,
+.region-bottom {
+  /* If you want to make the page a fixed width and centered in the viewport,
+   * this is the standards-compliant way to do that. */
+  width: 1300px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/fixed-width.scss */
+#header,
+.content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 20px;
+  padding-right: 20px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+/* line 80, ../../../../sass/sass/layouts/fixed-width.scss */
+#main {
+  position: relative;
+}
+
+/* line 83, ../../../../sass/sass/layouts/fixed-width.scss */
+#navigation {
+  position: absolute;
+  top: 0;
+  /* Move the navbar up inside #main's padding. */
+  height: 3em;
+  width: 1260px;
+}
+
+/*
+ * The layout when there is only one sidebar, the left one.
+ */
+/* line 95, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .content {
+  /* Span 4 columns, starting in 2nd column from left. */
+  float: left;
+  width: 360px;
+  margin-left: 100px;
+  margin-right: -500px;
+}
+/* line 99, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-first .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: left;
+  width: 60px;
+  margin-left: 0px;
+  margin-right: -100px;
+}
+
+/*
+ * The layout when there is only one sidebar, the right one.
+ */
+/* line 109, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .content {
+  /* Span 4 columns, starting in 1st column from left. */
+  float: left;
+  width: 360px;
+  margin-left: 0px;
+  margin-right: -400px;
+}
+/* line 113, ../../../../sass/sass/layouts/fixed-width.scss */
+.sidebar-second .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: left;
+  width: 60px;
+  margin-left: 400px;
+  margin-right: -500px;
+}
+
+/*
+ * The layout when there are two sidebars.
+ */
+/* line 124, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .content,
+.two-sidebars .content {
+  /* Span 3 columns, starting in 2nd column from left. */
+  float: left;
+  width: 660px;
+  margin-left: 300px;
+  margin-right: -1000px;
+}
+/* line 128, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-first,
+.two-sidebars .region-sidebar-first {
+  /* Span 1 column, starting in 1st column from left. */
+  float: left;
+  width: 260px;
+  margin-left: 0px;
+  margin-right: -300px;
+}
+/* line 132, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.two-sidebars .region-sidebar-second,
+.two-sidebars .region-sidebar-second {
+  /* Span 1 column, starting in 5th column from left. */
+  float: left;
+  width: 260px;
+  margin-left: 1000px;
+  margin-right: -1300px;
+}
+
+/* line 139, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first #page,
+.picture-base.sidebar-first .region-bottom {
+  width: 1200px;
+}
+/* line 143, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .content {
+  float: left;
+  width: 630px;
+  margin-left: 430px;
+  margin-right: -1230px;
+  padding-left: 85px;
+  padding-right: 85px;
+  border: 0 !important;
+  word-wrap: break-word;
+}
+/* line 147, ../../../../sass/sass/layouts/fixed-width.scss */
+.picture-base.sidebar-first .region-sidebar-first {
+  float: left;
+  width: 390px;
+  margin-left: 0px;
+  margin-right: -430px;
+}
+
+/* line 153, ../../../../sass/sass/layouts/fixed-width.scss */
+.blog.blog-index #page, .blog.blog-index .region-bottom {
+  width: 550px;
+  margin-left: auto;
+  margin-right: auto;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css
new file mode 100644
index 0000000..e7082eb
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars-rtl.css
@@ -0,0 +1,267 @@
+/**
+ * @file
+ * RTL companion for the responsive-sidebars.css file.
+ */
+/**
+ * @file
+ * Positioning for responsive layout .
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#page,
+.region-bottom {
+  /* For screen sizes larger than 1200px, prevent excessively long lines of text
+     by setting a max-width. */
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+@media all and (min-width: 480px) {
+  /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #main {
+    padding-top: 3em;
+    /* Move all the children of #main down to make room. */
+    position: relative;
+  }
+
+  /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #navigation {
+    position: absolute;
+    top: 0;
+    /* Move the navbar up inside #main's padding. */
+    height: 3em;
+    width: 100%;
+  }
+}
+@media all and (min-width: 480px) and (max-width: 959px) {
+  /*
+   * Use 3 grid columns for smaller screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 33.33333%;
+    margin-left: -100%;
+  }
+  /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 2 columns, starting in 1st column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 0%;
+    margin-left: -66.66667%;
+  }
+  /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 3rd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 66.66667%;
+    margin-left: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: right;
+    width: 66.66667%;
+    margin-right: 33.33333%;
+    margin-left: -100%;
+  }
+  /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+  }
+  /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Start a new row and span all 3 columns. */
+    float: right;
+    width: 100%;
+    margin-right: 0%;
+    margin-left: -100%;
+    padding-left: 0;
+    padding-right: 0;
+    clear: right;
+  }
+  /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block {
+    padding-left: 10px;
+    padding-right: 10px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    word-wrap: break-word;
+  }
+  /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
+    /* Span 1 column, starting in the 1st column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 0%;
+    margin-left: -33.33333%;
+    clear: right;
+  }
+  /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
+    /* Span 1 column, starting in the 2nd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 33.33333%;
+    margin-left: -66.66667%;
+  }
+  /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
+    /* Span 1 column, starting in the 3rd column from left. */
+    float: right;
+    width: 33.33333%;
+    margin-right: 66.66667%;
+    margin-left: -100%;
+  }
+}
+@media all and (min-width: 960px) {
+  /*
+   * Use 5 grid columns for larger screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 4 columns, starting in 2nd column from left. */
+    float: right;
+    width: 80%;
+    margin-right: 20%;
+    margin-left: -100%;
+  }
+  /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 0%;
+    margin-left: -20%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 4 columns, starting in 1st column from left. */
+    float: right;
+    width: 80%;
+    margin-right: 0%;
+    margin-left: -80%;
+  }
+  /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 80%;
+    margin-left: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 3 columns, starting in 2nd column from left. */
+    float: right;
+    width: 60%;
+    margin-right: 20%;
+    margin-left: -80%;
+  }
+  /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 0%;
+    margin-left: -20%;
+  }
+  /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: right;
+    width: 20%;
+    margin-right: 80%;
+    margin-left: -100%;
+  }
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css
new file mode 100644
index 0000000..ed0fac3
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/layouts/responsive-sidebars.css
@@ -0,0 +1,263 @@
+/**
+ * @file
+ * Positioning for responsive layout .
+ *
+ * Define CSS classes to create a table-free, 3-column, 2-column, or single
+ * column layout depending on whether blocks are enabled in the left or right
+ * columns.
+ *
+ * This layout uses the Zen Grids plugin for Compass: http://zengrids.com
+ */
+/*
+ * Center the page.
+ */
+/* line 44, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#page,
+.region-bottom {
+  /* For screen sizes larger than 1200px, prevent excessively long lines of text
+     by setting a max-width. */
+  margin-left: auto;
+  margin-right: auto;
+  max-width: 1200px;
+}
+
+/*
+ * Apply the shared properties of grid items in a single, efficient ruleset.
+ */
+/* line 62, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+#header,
+#content,
+#navigation,
+.region-sidebar-first,
+.region-sidebar-second,
+#footer {
+  padding-left: 10px;
+  padding-right: 10px;
+  -moz-box-sizing: border-box;
+  -webkit-box-sizing: border-box;
+  -ms-box-sizing: border-box;
+  box-sizing: border-box;
+  word-wrap: break-word;
+}
+
+/*
+ * Containers for grid items and flow items.
+ */
+/* line 52, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:before, #header:after,
+#main:before,
+#main:after,
+#footer:before,
+#footer:after {
+  content: "";
+  display: table;
+}
+/* line 56, ../../../../sass/sass-extensions/zen-grids/stylesheets/zen/_grids.scss */
+#header:after,
+#main:after,
+#footer:after {
+  clear: both;
+}
+
+/*
+ * Navigation bar
+ */
+@media all and (min-width: 480px) {
+  /* line 81, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #main {
+    padding-top: 3em;
+    /* Move all the children of #main down to make room. */
+    position: relative;
+  }
+
+  /* line 85, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  #navigation {
+    position: absolute;
+    top: 0;
+    /* Move the navbar up inside #main's padding. */
+    height: 3em;
+    width: 100%;
+  }
+}
+@media all and (min-width: 480px) and (max-width: 959px) {
+  /*
+   * Use 3 grid columns for smaller screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 104, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 33.33333%;
+    margin-right: -100%;
+  }
+  /* line 108, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 118, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 2 columns, starting in 1st column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 0%;
+    margin-right: -66.66667%;
+  }
+  /* line 122, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 3rd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 66.66667%;
+    margin-right: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 132, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 2 columns, starting in 2nd column from left. */
+    float: left;
+    width: 66.66667%;
+    margin-left: 33.33333%;
+    margin-right: -100%;
+  }
+  /* line 136, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+  }
+  /* line 140, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Start a new row and span all 3 columns. */
+    float: left;
+    width: 100%;
+    margin-left: 0%;
+    margin-right: -100%;
+    padding-left: 0;
+    padding-right: 0;
+    clear: left;
+  }
+  /* line 145, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block {
+    padding-left: 10px;
+    padding-right: 10px;
+    -moz-box-sizing: border-box;
+    -webkit-box-sizing: border-box;
+    -ms-box-sizing: border-box;
+    box-sizing: border-box;
+    word-wrap: break-word;
+  }
+  /* line 148, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+1) {
+    /* Span 1 column, starting in the 1st column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 0%;
+    margin-right: -33.33333%;
+    clear: left;
+  }
+  /* line 152, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n+2) {
+    /* Span 1 column, starting in the 2nd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 33.33333%;
+    margin-right: -66.66667%;
+  }
+  /* line 155, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second .block:nth-child(3n) {
+    /* Span 1 column, starting in the 3rd column from left. */
+    float: left;
+    width: 33.33333%;
+    margin-left: 66.66667%;
+    margin-right: -100%;
+  }
+}
+@media all and (min-width: 960px) {
+  /*
+   * Use 5 grid columns for larger screens.
+   */
+  /*
+   * The layout when there is only one sidebar, the left one.
+   */
+  /* line 173, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first #content {
+    /* Span 4 columns, starting in 2nd column from left. */
+    float: left;
+    width: 80%;
+    margin-left: 20%;
+    margin-right: -100%;
+  }
+  /* line 177, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-first .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 0%;
+    margin-right: -20%;
+  }
+
+  /*
+   * The layout when there is only one sidebar, the right one.
+   */
+  /* line 187, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second #content {
+    /* Span 4 columns, starting in 1st column from left. */
+    float: left;
+    width: 80%;
+    margin-left: 0%;
+    margin-right: -80%;
+  }
+  /* line 191, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .sidebar-second .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 80%;
+    margin-right: -100%;
+  }
+
+  /*
+   * The layout when there are two sidebars.
+   */
+  /* line 201, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars #content {
+    /* Span 3 columns, starting in 2nd column from left. */
+    float: left;
+    width: 60%;
+    margin-left: 20%;
+    margin-right: -80%;
+  }
+  /* line 205, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-first {
+    /* Span 1 column, starting in 1st column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 0%;
+    margin-right: -20%;
+  }
+  /* line 209, ../../../../sass/sass/layouts/responsive-sidebars.scss */
+  .two-sidebars .region-sidebar-second {
+    /* Span 1 column, starting in 5th column from left. */
+    float: left;
+    width: 20%;
+    margin-left: 80%;
+    margin-right: -100%;
+  }
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/login.css b/97suifangqa/staticfiles/stylesheets/sass/login.css
new file mode 100644
index 0000000..79d1289
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/login.css
@@ -0,0 +1,6 @@
+@charset "UTF-8";
+/**
+ * @file
+ * Login specific styles
+ * @author 赵迤晨 (Zhao Yichen) <interarticle@gmail.com>
+ */
diff --git a/97suifangqa/staticfiles/stylesheets/sass/navigation-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/navigation-rtl.css
new file mode 100644
index 0000000..bc343d2
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/navigation-rtl.css
@@ -0,0 +1,22 @@
+/**
+ * @file
+ * RTL companion for the navigation.css file.
+ */
+/* line 18, ../../../sass/sass/navigation-rtl.scss */
+#navigation ul.links,
+#navigation ul.menu {
+  /* Menu block links */
+  text-align: right;
+}
+/* line 21, ../../../sass/sass/navigation-rtl.scss */
+#navigation ul.links li,
+#navigation ul.menu li {
+  /* A simple method to get navigation links to appear in one line. */
+  float: right;
+  padding: 0 0 0 10px;
+}
+
+/* line 28, ../../../sass/sass/navigation-rtl.scss */
+#secondary-menu {
+  float: left;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/navigation.css b/97suifangqa/staticfiles/stylesheets/sass/navigation.css
new file mode 100644
index 0000000..e6335ae
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/navigation.css
@@ -0,0 +1,82 @@
+/**
+ * @file
+ * Navigation Styling
+ */
+/*
+ * Markup generated by theme_menu_tree().
+ */
+/* line 13, ../../../sass/sass/navigation.scss */
+ul li.expanded {
+  list-style-type: circle;
+}
+
+/* line 20, ../../../sass/sass/navigation.scss */
+ul li.collapsed {
+  list-style-type: disc;
+}
+
+/* line 27, ../../../sass/sass/navigation.scss */
+ul li.leaf {
+  list-style-type: square;
+}
+
+/*
+ * Navigation bar
+ */
+/* line 40, ../../../sass/sass/navigation.scss */
+#navigation {
+  /* overflow: hidden; */
+  /* Sometimes you want to prevent overlapping with main div. */
+}
+/* line 43, ../../../sass/sass/navigation.scss */
+#navigation .block {
+  margin-bottom: 0;
+}
+/* line 48, ../../../sass/sass/navigation.scss */
+#navigation .block-menu .block-title,
+#navigation .block-menu-block .block-title {
+  position: absolute !important;
+  height: 1px;
+  width: 1px;
+  overflow: hidden;
+  clip: rect(1px, 1px, 1px, 1px);
+}
+/* line 53, ../../../sass/sass/navigation.scss */
+#navigation ul.links,
+#navigation ul.menu {
+  /* Menu block links */
+  margin: 0;
+  padding: 0;
+  text-align: left;
+  /* LTR */
+}
+/* line 58, ../../../sass/sass/navigation.scss */
+#navigation ul.links li,
+#navigation ul.menu li {
+  /* A simple method to get navigation links to appear in one line. */
+  float: left;
+  /* LTR */
+  padding: 0 10px 0 0;
+  /* LTR */
+  list-style-type: none;
+  list-style-image: none;
+}
+
+/*
+ * Main menu and Secondary menu links
+ */
+/* line 77, ../../../sass/sass/navigation.scss */
+#secondary-menu {
+  float: right;
+  /* LTR */
+}
+
+/*
+ * Menu blocks
+ */
+/*
+ * "Menu block" blocks
+ *
+ * Drupal core has limited ways in which it can display its menus. To get around
+ * these limitations, see http://drupal.org/project/menu_block
+ */
diff --git a/97suifangqa/staticfiles/stylesheets/sass/nodes.css b/97suifangqa/staticfiles/stylesheets/sass/nodes.css
new file mode 100644
index 0000000..15fc84e
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/nodes.css
@@ -0,0 +1,92 @@
+/**
+ * @file
+ * Node Styling
+ *
+ * Style anything that isn't in the $content variable.
+ */
+/* line 11, ../../../sass/sass/nodes.scss */
+.node {
+  /* Node wrapper */
+}
+/* line 13, ../../../sass/sass/nodes.scss */
+.preview .node {
+  /* Preview of the content before submitting new or updated content */
+  /* background-color: #ffffea; */
+  /* Drupal core uses a #ffffea background */
+}
+/* line 17, ../../../sass/sass/nodes.scss */
+.node .node-title {
+  /* Node title */
+}
+/* line 20, ../../../sass/sass/nodes.scss */
+.node .user-picture {
+  /* The picture of the node author */
+}
+/* line 23, ../../../sass/sass/nodes.scss */
+.node .submitted {
+  /* The "posted by" information */
+}
+/* line 26, ../../../sass/sass/nodes.scss */
+.node .content {
+  /* Node's content wrapper */
+}
+/* line 29, ../../../sass/sass/nodes.scss */
+.node ul.links {
+  /* Node links. See also the ul.links declaration in the pages.css. */
+}
+
+/* line 34, ../../../sass/sass/nodes.scss */
+.node-promoted {
+  /* A node that has been promoted to the front page */
+}
+
+/* line 37, ../../../sass/sass/nodes.scss */
+.node-sticky {
+  /* A sticky node (displayed before others in a list) */
+}
+
+/* line 40, ../../../sass/sass/nodes.scss */
+.node-by-viewer {
+  /* A node created by the current user */
+}
+
+/* line 43, ../../../sass/sass/nodes.scss */
+.node-teaser {
+  /* A node displayed as teaser */
+}
+
+/*
+ * All nodes are given a node-FOO class that describes the type of content that
+ * it is. If you create a new content type called "my-custom-type", it will
+ * receive a "node-my-custom-type" class.
+ */
+/* line 52, ../../../sass/sass/nodes.scss */
+.node-page {
+  /* Page content node */
+}
+
+/* line 55, ../../../sass/sass/nodes.scss */
+.node-article {
+  /* Article content node */
+}
+
+/* line 58, ../../../sass/sass/nodes.scss */
+.node-unpublished {
+  /* Unpublished nodes */
+  /* background-color: #fff4f4; */
+  /* Drupal core uses a #fff4f4 background */
+}
+/* line 61, ../../../sass/sass/nodes.scss */
+.node-unpublished p.unpublished {
+  /* The word "Unpublished" displayed underneath the content. */
+  height: 0;
+  overflow: visible;
+  color: #d8d8d8;
+  font-size: 75px;
+  line-height: 1;
+  font-family: Impact, "Arial Narrow", Helvetica, sans-serif;
+  font-weight: bold;
+  text-transform: uppercase;
+  text-align: center;
+  word-wrap: break-word;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/normalize-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/normalize-rtl.css
new file mode 100644
index 0000000..25f55c5
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/normalize-rtl.css
@@ -0,0 +1,36 @@
+/* normalize-rtl.css - RTL language extension of normalize.scss. */
+/* =============================================================================
+   Lists
+   ========================================================================== */
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 14, ../../../sass/sass/normalize-rtl.scss */
+dd {
+  margin: 0 30px 0 0;
+}
+
+/*
+ * Addresses paddings set differently in IE6/7
+ */
+/* line 25, ../../../sass/sass/normalize-rtl.scss */
+menu,
+ol,
+ul,
+.item-list ul {
+  padding: 0 30px 0 0;
+}
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+/*
+ * 3. Corrects alignment displayed oddly in IE6/7
+ */
+/* =============================================================================
+   Tables
+   ========================================================================== */
+/* line 48, ../../../sass/sass/normalize-rtl.scss */
+th {
+  text-align: right;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/normalize.css b/97suifangqa/staticfiles/stylesheets/sass/normalize.css
new file mode 100644
index 0000000..26c95e2
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/normalize.css
@@ -0,0 +1,763 @@
+/* normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */
+/* =============================================================================
+   Normalize.css is intended to be used as an alternative to CSS resets.
+
+   It is suggested that you read through the normalize.css file and customise it
+   to meet the design requirements of a project rather including it as a "black
+   box". @see http://nicolasgallagher.com/about-normalize-css/
+
+   Also: @see http://meiert.com/en/blog/20080419/reset-style-sheets-are-bad/
+         @see http://snook.ca/archives/html_and_css/no_css_reset/
+   ========================================================================== */
+/* =============================================================================
+   HTML5 display definitions
+   ========================================================================== */
+/*
+ * Corrects block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 36, ../../../sass/sass/normalize.scss */
+article,
+aside,
+details,
+figcaption,
+figure,
+footer,
+header,
+hgroup,
+menu,
+nav,
+section,
+summary {
+  display: block;
+}
+
+/*
+ * Corrects inline-block display not defined in IE6/7/8/9 & FF3
+ */
+/* line 46, ../../../sass/sass/normalize.scss */
+audio,
+canvas,
+video {
+  display: inline-block;
+}
+
+/*
+ * Prevents modern browsers from displaying 'audio' without controls
+ * Remove excess height in iOS5 devices
+ */
+/* line 59, ../../../sass/sass/normalize.scss */
+audio:not([controls]) {
+  display: none;
+  height: 0;
+}
+
+/*
+ * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4
+ * Known issue: no IE6 support
+ */
+/* line 69, ../../../sass/sass/normalize.scss */
+[hidden] {
+  display: none;
+}
+
+/* =============================================================================
+   Base
+   ========================================================================== */
+/* Instead of relying on the fonts that are available on a user's computer, you
+   can use web fonts which, like images, are resources downloaded to the user's
+   browser. Because of the bandwidth and rendering resources required, web fonts
+   should be used with care.
+
+   Numerous resources for web fonts can be found on Google. Here are a few
+   websites where you can find Open Source fonts to download:
+   - http://www.fontsquirrel.com/fontface
+   - http://www.theleagueofmoveabletype.com
+
+   In order to use these fonts, you will need to convert them into formats
+   suitable for web fonts. We recommend the free-to-use Font Squirrel's
+   Font-Face Generator:
+     http://www.fontsquirrel.com/fontface/generator
+
+   The following is an example @font-face declaration. This font can then be
+   used in any ruleset using a property like this:  font-family: Example, serif;
+
+   Since we're using Sass, you'll need to declare your font faces here, then you
+   can add them to the font variables in the _base.scss partial.
+*/
+/*
+@font-face {
+  font-family: 'Example';
+  src: url('../fonts/example.eot');
+  src: url('../fonts/example.eot?iefix') format('eot'),
+    url('../fonts/example.woff') format('woff'),
+    url('../fonts/example.ttf') format('truetype'),
+    url('../fonts/example.svg#webfontOkOndcij') format('svg');
+  font-weight: normal;
+  font-style: normal;
+}
+*/
+/*
+ * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units
+ *    http://clagnut.com/blog/348/#c790
+ * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom
+ *    www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/
+ */
+/* line 120, ../../../sass/sass/normalize.scss */
+html {
+  font-size: 87.5%;
+  /* 1 */
+  -webkit-text-size-adjust: 100%;
+  /* 2 */
+  -ms-text-size-adjust: 100%;
+  /* 2 */
+  /* Establishes a vertical rhythm unit using $base-line-height. */
+  color: #5c5c5c;
+  line-height: 1.42857em;
+}
+
+/*
+ * Addresses font-family inconsistency between 'textarea' and other form elements.
+ */
+/* line 137, ../../../sass/sass/normalize.scss */
+html,
+button,
+input,
+select,
+textarea {
+  font-family: "TIBch", "ClassicGrotesqueW01-Rg", "Helvetica Neue", Arial, "Hiragino Sans GB", "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+}
+
+/*
+ * Addresses margins handled incorrectly in IE6/7
+ */
+/* line 145, ../../../sass/sass/normalize.scss */
+body {
+  margin: 0;
+}
+
+/* =============================================================================
+   Links
+   ========================================================================== */
+/*
+ * The order of link states are based on Eric Meyer's article:
+ * http://meyerweb.com/eric/thoughts/2007/06/11/who-ordered-the-link-states
+ */
+/* line 162, ../../../sass/sass/normalize.scss */
+a {
+  color: #006699;
+  text-decoration: none;
+}
+
+/* line 167, ../../../sass/sass/normalize.scss */
+a:visited {
+  color: #006699;
+}
+
+/* line 172, ../../../sass/sass/normalize.scss */
+a:hover,
+a:focus {
+  text-decoration: underline;
+}
+
+/*
+ * Addresses outline displayed oddly in Chrome
+ */
+/* line 184, ../../../sass/sass/normalize.scss */
+a:focus {
+  outline: thin dotted;
+}
+
+/*
+ * Improves readability when focused and also mouse hovered in all browsers
+ * people.opera.com/patrickl/experiments/keyboard/test
+ */
+/* line 194, ../../../sass/sass/normalize.scss */
+a:hover,
+a:active {
+  outline: 0;
+}
+
+/* =============================================================================
+   Typography
+
+   To achieve a pleasant vertical rhythm, we use Compass' Vertical Rhythm mixins
+   so that the line height of our base font becomes the basic unit of vertical
+   measurement. We use multiples of that unit to set the top and bottom margins
+   for our block level elements and to set the line heights of any fonts.
+   For more information, see http://24ways.org/2006/compose-to-a-vertical-rhythm
+   ========================================================================== */
+/*
+ * Addresses font sizes and margins set differently in IE6/7
+ * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5
+ */
+/* line 214, ../../../sass/sass/normalize.scss */
+h1 {
+  /* Sets the font-size and line-height while keeping a proper vertical rhythm. */
+  font-size: 1.57143em;
+  line-height: 1.36364em;
+  /* Sets 1 unit of vertical rhythm on the top and bottom margins. */
+  margin-top: 0.45455em;
+  margin-bottom: 0.72727em;
+}
+
+/* line 223, ../../../sass/sass/normalize.scss */
+h2 {
+  font-size: 1.4em;
+  line-height: 2.04082em;
+  margin-top: 0.5102em;
+  margin-bottom: 0.30612em;
+}
+
+/* line 229, ../../../sass/sass/normalize.scss */
+h3 {
+  font-size: 1.17em;
+  line-height: 2.442em;
+  margin-top: 1.221em;
+  margin-bottom: 0.3663em;
+}
+
+/* line 235, ../../../sass/sass/normalize.scss */
+h4 {
+  font-size: 1em;
+  line-height: 1.42857em;
+  margin-top: 1.14286em;
+  margin-bottom: 0.57143em;
+}
+
+/* line 241, ../../../sass/sass/normalize.scss */
+h5 {
+  font-size: 0.83em;
+  line-height: 1.72117em;
+  margin-top: 0.51635em;
+  margin-bottom: 0.86059em;
+}
+
+/* line 247, ../../../sass/sass/normalize.scss */
+h6 {
+  font-size: 0.75em;
+  line-height: 1.90476em;
+  margin-top: 0.57143em;
+  margin-bottom: 0.95238em;
+}
+
+/* Thematic break */
+/* line 254, ../../../sass/sass/normalize.scss */
+hr {
+  height: 1px;
+  border: 1px solid #666;
+  padding-bottom: -1px;
+  margin: 1.42857em 0;
+}
+
+/*
+ * Addresses styling not present in IE7/8/9, S5, Chrome
+ */
+/* line 265, ../../../sass/sass/normalize.scss */
+abbr[title] {
+  border-bottom: 1px dotted;
+  cursor: help;
+  white-space: nowrap;
+}
+
+/*
+ * Addresses style set to 'bolder' in FF3+, S4/5, Chrome
+*/
+/* line 276, ../../../sass/sass/normalize.scss */
+b,
+strong {
+  font-weight: bold;
+}
+
+/* line 280, ../../../sass/sass/normalize.scss */
+blockquote {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin: 1.42857em 30px;
+}
+
+/*
+ * Addresses styling not present in S5, Chrome
+ */
+/* line 289, ../../../sass/sass/normalize.scss */
+dfn {
+  font-style: italic;
+}
+
+/*
+ * Addresses styling not present in IE6/7/8/9
+ */
+/* line 297, ../../../sass/sass/normalize.scss */
+mark {
+  background: #ff0;
+  color: #000;
+}
+
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 307, ../../../sass/sass/normalize.scss */
+p,
+pre {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin-bottom: 0.71429em;
+  margin-top: 0;
+}
+
+/*
+ * Corrects font family set oddly in IE6, S4/5, Chrome
+ * en.wikipedia.org/wiki/User:Davidgothberg/Test59
+ */
+/* line 323, ../../../sass/sass/normalize.scss */
+pre,
+code,
+kbd,
+samp,
+tt,
+var {
+  font-family: "Courier New", "DejaVu Sans Mono", monospace, sans-serif, "STHeiti", "WenQuanYi Micro Hei", "Microsoft YaHei", SimSun, sans-serif;
+  /* The $font-monospace value ends with ", serif". */
+  font-size: 1em;
+  line-height: 1.42857em;
+}
+
+/*
+ * Improves readability of pre-formatted text in all browsers
+ */
+/* line 335, ../../../sass/sass/normalize.scss */
+pre {
+  white-space: pre;
+  white-space: pre-wrap;
+  word-wrap: break-word;
+}
+
+/*
+ * 1. Addresses CSS quotes not supported in IE6/7
+ * 2. Addresses quote property not supported in S4
+ */
+/* 1 */
+/* line 348, ../../../sass/sass/normalize.scss */
+q {
+  quotes: none;
+}
+
+/* 2 */
+/* line 355, ../../../sass/sass/normalize.scss */
+q:before,
+q:after {
+  content: '';
+  content: none;
+}
+
+/* @todo Determine how big element affects vertical rhythm. */
+/* line 361, ../../../sass/sass/normalize.scss */
+small {
+  font-size: 75%;
+}
+
+/*
+ * Prevents sub and sup affecting line-height in all browsers
+ * gist.github.com/413930
+ */
+/* line 371, ../../../sass/sass/normalize.scss */
+sub,
+sup {
+  font-size: 75%;
+  line-height: 0;
+  position: relative;
+  vertical-align: baseline;
+}
+
+/* line 378, ../../../sass/sass/normalize.scss */
+sup {
+  top: -0.5em;
+}
+
+/* line 382, ../../../sass/sass/normalize.scss */
+sub {
+  bottom: -0.25em;
+}
+
+/* =============================================================================
+   Lists
+   ========================================================================== */
+/*
+ * Addresses margins set differently in IE6/7
+ */
+/* line 399, ../../../sass/sass/normalize.scss */
+dl,
+menu,
+ol,
+ul,
+.item-list ul {
+  /* Sets 1 unit of vertical rhythm on the top and bottom margin. */
+  margin: 1.42857em 0;
+}
+
+/* line 404, ../../../sass/sass/normalize.scss */
+.item-list ul li {
+  /* Drupal override */
+  margin: 0;
+}
+
+/* line 408, ../../../sass/sass/normalize.scss */
+dd {
+  margin: 0 0 0 30px;
+  /* LTR */
+}
+
+/* line 413, ../../../sass/sass/normalize.scss */
+ul ul, ul ol, ol ul, ol ol, .item-list ul ul, .item-list ul ol, .item-list ol ul, .item-list ol ol {
+  margin: 0;
+  /* Turn off margins on nested lists. */
+}
+
+/*
+ * Addresses paddings set differently in IE6/7
+ */
+/* line 425, ../../../sass/sass/normalize.scss */
+menu,
+ol,
+ul,
+.item-list ul {
+  padding: 0 0 0 30px;
+  /* LTR */
+}
+
+/*
+ * Corrects list images handled incorrectly in IE7
+ */
+/* line 434, ../../../sass/sass/normalize.scss */
+nav ul,
+nav ol {
+  list-style: none;
+  list-style-image: none;
+}
+
+/* =============================================================================
+   Embedded content
+   ========================================================================== */
+/*
+ * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3
+ * 2. Improves image quality when scaled in IE7
+ *    code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/
+ */
+/* line 450, ../../../sass/sass/normalize.scss */
+img {
+  border: 0;
+  /* 1 */
+  -ms-interpolation-mode: bicubic;
+  /* 2 */
+  /* vertical-align: bottom; */
+  /* Suppress the space beneath the baseline */
+  /* Responsive images */
+  /* @todo Add responsive embedded video. */
+  max-width: 100%;
+  height: auto;
+}
+
+/*
+ * Corrects overflow displayed oddly in IE9
+ */
+/* line 466, ../../../sass/sass/normalize.scss */
+svg:not(:root) {
+  overflow: hidden;
+}
+
+/* =============================================================================
+   Figures
+   ========================================================================== */
+/*
+ * Addresses margin not present in IE6/7/8/9, S5, O11
+ */
+/* line 479, ../../../sass/sass/normalize.scss */
+figure {
+  margin: 0;
+}
+
+/* =============================================================================
+   Forms
+   ========================================================================== */
+/*
+ * Corrects margin displayed oddly in IE6/7
+ */
+/* line 492, ../../../sass/sass/normalize.scss */
+form {
+  margin: 0;
+}
+
+/*
+ * Define consistent border, margin, and padding
+ */
+/* line 500, ../../../sass/sass/normalize.scss */
+fieldset {
+  border-color: #c0c0c0;
+  margin: 0 2px;
+  /* Apply borders and padding that keep the vertical rhythm. */
+  border-top-style: solid;
+  border-top-width: 0.07143em;
+  padding-top: 0.42857em;
+  border-bottom-style: solid;
+  border-bottom-width: 0.07143em;
+  padding-bottom: 0.85714em;
+  border-left-style: solid;
+  border-left-width: 0.07143em;
+  padding-left: 0.85714em;
+  border-right-style: solid;
+  border-right-width: 0.07143em;
+  padding-right: 0.85714em;
+}
+
+/*
+ * 1. Corrects color not being inherited in IE6/7/8/9
+ * 2. Corrects text not wrapping in FF3
+ * 3. Corrects alignment displayed oddly in IE6/7
+ */
+/* line 516, ../../../sass/sass/normalize.scss */
+legend {
+  border: 0;
+  /* 1 */
+  padding: 0;
+  white-space: normal;
+  /* 2 */
+}
+
+/*
+ * 1. Corrects font size not being inherited in all browsers
+ * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome
+ * 3. Improves appearance and consistency in all browsers
+ */
+/* line 534, ../../../sass/sass/normalize.scss */
+button,
+input,
+select,
+textarea {
+  font-size: 100%;
+  /* 1 */
+  margin: 0;
+  /* 2 */
+  vertical-align: baseline;
+  /* 3 */
+}
+
+/*
+ * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet
+ */
+/* line 548, ../../../sass/sass/normalize.scss */
+button,
+input {
+  line-height: normal;
+  /* 1 */
+}
+
+/*
+ * 1. Improves usability and consistency of cursor style between image-type 'input' and others
+ * 2. Corrects inability to style clickable 'input' types in iOS
+ * 3. Removes inner spacing in IE7 without affecting normal text inputs
+ *    Known issue: inner spacing remains in IE6
+ */
+/* line 562, ../../../sass/sass/normalize.scss */
+button,
+input[type="button"],
+input[type="reset"],
+input[type="submit"] {
+  cursor: pointer;
+  /* 1 */
+  -webkit-appearance: button;
+  /* 2 */
+}
+
+/* line 574, ../../../sass/sass/normalize.scss */
+.button,
+button,
+input[type="submit"],
+input[type="button"],
+input[type="reset"] {
+  cursor: pointer;
+  -webkit-appearance: none;
+  background-color: #99cc33;
+  border: 1px solid #f3f2f0;
+  -webkit-box-shadow: 0px 0px 2px white;
+  -moz-box-shadow: 0px 0px 2px white;
+  box-shadow: 0px 0px 2px white;
+  -webkit-border-radius: 3px;
+  -moz-border-radius: 3px;
+  -ms-border-radius: 3px;
+  -o-border-radius: 3px;
+  border-radius: 3px;
+  color: white;
+  padding-left: 0.8em;
+  padding-right: 0.8em;
+  height: 2.1em;
+  vertical-align: middle;
+}
+/* line 588, ../../../sass/sass/normalize.scss */
+.button:hover,
+button:hover,
+input[type="submit"]:hover,
+input[type="button"]:hover,
+input[type="reset"]:hover {
+  background-color: #93c431;
+}
+/* line 591, ../../../sass/sass/normalize.scss */
+.button:active,
+button:active,
+input[type="submit"]:active,
+input[type="button"]:active,
+input[type="reset"]:active {
+  background-color: #8ab82e;
+  -webkit-box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+  -moz-box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+  box-shadow: inset 0px 0px 10px rgba(85, 85, 85, 0.5);
+}
+/* line 595, ../../../sass/sass/normalize.scss */
+.button.disabled,
+button.disabled,
+input[type="submit"].disabled,
+input[type="button"].disabled,
+input[type="reset"].disabled {
+  cursor: default;
+}
+/* line 598, ../../../sass/sass/normalize.scss */
+.button.disabled:active, .button.disabled:hover,
+button.disabled:active,
+button.disabled:hover,
+input[type="submit"].disabled:active,
+input[type="submit"].disabled:hover,
+input[type="button"].disabled:active,
+input[type="button"].disabled:hover,
+input[type="reset"].disabled:active,
+input[type="reset"].disabled:hover {
+  background-color: #99cc33;
+  -webkit-box-shadow: none;
+  -moz-box-shadow: none;
+  box-shadow: none;
+}
+
+/* line 611, ../../../sass/sass/normalize.scss */
+a.button,
+a.button:hover,
+a.button:active,
+a.button:visited {
+  text-decoration: none;
+}
+
+/* line 615, ../../../sass/sass/normalize.scss */
+.button {
+  text-align: center;
+  line-height: 2.1em;
+}
+
+/* line 621, ../../../sass/sass/normalize.scss */
+input[type="text"],
+input[type="password"] {
+  padding-left: 0.5em;
+  padding-right: 0.5em;
+  padding-top: 0;
+  padding-bottom: 0;
+  height: 1.95em;
+}
+
+/*
+ * Re-set default cursor for disabled elements
+ */
+/* line 637, ../../../sass/sass/normalize.scss */
+button[disabled],
+input[disabled] {
+  cursor: default;
+}
+
+/*
+ * 1. Addresses box sizing set to content-box in IE8/9
+ * 2. Removes excess padding in IE8/9
+ * 3. Removes excess padding in IE7
+      Known issue: excess padding remains in IE6
+ */
+/* line 649, ../../../sass/sass/normalize.scss */
+input[type="checkbox"],
+input[type="radio"] {
+  -webkit-box-sizing: border-box;
+  -moz-box-sizing: border-box;
+  box-sizing: border-box;
+  /* 1 */
+  padding: 0;
+  /* 2 */
+}
+
+/*
+ * 1. Addresses appearance set to searchfield in S5, Chrome
+ * 2. Addresses box-sizing set to border-box in S5, Chrome (include -moz to future-proof)
+ */
+/* line 663, ../../../sass/sass/normalize.scss */
+input[type="search"] {
+  -webkit-appearance: textfield;
+  /* 1 */
+  -webkit-box-sizing: content-box;
+  -moz-box-sizing: content-box;
+  box-sizing: content-box;
+  /* 2 */
+}
+
+/*
+ * Removes inner padding and search cancel button in S5, Chrome on OS X
+ */
+/* line 673, ../../../sass/sass/normalize.scss */
+input[type="search"]::-webkit-search-decoration,
+input[type="search"]::-webkit-search-cancel-button {
+  -webkit-appearance: none;
+}
+
+/*
+ * Removes inner padding and border in FF3+
+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/
+ */
+/* line 683, ../../../sass/sass/normalize.scss */
+button::-moz-focus-inner,
+input::-moz-focus-inner {
+  border: 0;
+  padding: 0;
+}
+
+/*
+ * 1. Removes default vertical scrollbar in IE6/7/8/9
+ * 2. Improves readability and alignment in all browsers
+ */
+/* line 693, ../../../sass/sass/normalize.scss */
+textarea {
+  overflow: auto;
+  /* 1 */
+  vertical-align: top;
+  /* 2 */
+}
+
+/* =============================================================================
+   Tables
+   ========================================================================== */
+/*
+ * Remove most spacing between table cells
+ */
+/* line 707, ../../../sass/sass/normalize.scss */
+table {
+  border-collapse: collapse;
+  border-spacing: 0;
+  /* width: 100%; */
+  /* Prevent cramped-looking tables */
+  /* Add vertical rhythm margins. */
+  margin-top: 1.42857em;
+  margin-bottom: 1.42857em;
+}
+
+/*
+ * Drupal provides table styling which is only useful for its admin section
+ * forms, so we override this default CSS. (We set it back in forms.css.)
+ */
+/* line 721, ../../../sass/sass/normalize.scss */
+th {
+  text-align: left;
+  /* LTR */
+  padding: 0;
+  border-bottom: none;
+}
+
+/* line 727, ../../../sass/sass/normalize.scss */
+tbody {
+  border-top: none;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/pages-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/pages-rtl.css
new file mode 100644
index 0000000..a911840
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/pages-rtl.css
@@ -0,0 +1,29 @@
+/**
+ * @file
+ * RTL companion for the pages.css file.
+ */
+/*
+ * Header
+ */
+/* line 13, ../../../sass/sass/pages-rtl.scss */
+#logo {
+  /* Wrapping link for logo */
+  float: right;
+}
+
+/*
+ * Content
+ */
+/* line 21, ../../../sass/sass/pages-rtl.scss */
+ul.inline li {
+  /* List of links */
+  display: inline-block;
+  /* Bug in Safari causes display: inline to fail. */
+  padding: 0 0 0 1em;
+}
+
+/* line 25, ../../../sass/sass/pages-rtl.scss */
+span.field-label {
+  /* The inline field label used by the Fences.module */
+  padding: 0 0 0 1em;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/pages.css b/97suifangqa/staticfiles/stylesheets/sass/pages.css
new file mode 100644
index 0000000..0ceb23c
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/pages.css
@@ -0,0 +1,459 @@
+/**
+ * @file
+ * Page Styling
+ *
+ * Style the markup found in page.tpl.php. Also includes some styling of
+ * miscellaneous Drupal elements that appear in the $content variable, such as
+ * ul.links, .pager, .more-link, etc.
+ */
+/*
+ * Body
+ */
+/* line 17, ../../../sass/sass/pages.scss */
+body {
+  margin: 0;
+  padding: 0;
+}
+
+/*
+ * The skip-link link will be completely hidden until a user tabs to the link.
+ * See the element-focusable rule in system.base.css.
+ */
+/* line 30, ../../../sass/sass/pages.scss */
+#skip-link {
+  margin: 0;
+}
+/* line 34, ../../../sass/sass/pages.scss */
+#skip-link a,
+#skip-link a:visited {
+  display: block;
+  width: 100%;
+  padding: 2px 0 3px 0;
+  text-align: center;
+  background-color: #666;
+  color: #fff;
+}
+
+/* line 48, ../../../sass/sass/pages.scss */
+.text .highlight {
+  background-color: #efeff0;
+  border: 1px solid #c9caca;
+  padding: 2px;
+  font-weight: bold;
+}
+/* line 53, ../../../sass/sass/pages.scss */
+.text .highlight p {
+  margin: 0;
+}
+
+/*
+ * Header
+ */
+/* line 66, ../../../sass/sass/pages.scss */
+#login {
+  position: relative;
+}
+/* line 69, ../../../sass/sass/pages.scss */
+#login.not-logged-in ul {
+  margin: 0;
+}
+/* line 71, ../../../sass/sass/pages.scss */
+#login.not-logged-in ul li {
+  border-right: 1px solid;
+  padding-left: 0.5em;
+  padding-right: 0.8em;
+}
+/* line 78, ../../../sass/sass/pages.scss */
+#login.not-logged-in ul li.first {
+  padding-left: 0;
+}
+/* line 81, ../../../sass/sass/pages.scss */
+#login.not-logged-in ul li.last {
+  padding-right: 0;
+  border-right: none;
+}
+/* line 86, ../../../sass/sass/pages.scss */
+#login.not-logged-in ul li a {
+  color: inherit;
+}
+/* line 93, ../../../sass/sass/pages.scss */
+#login.logged-in .user-level {
+  font-size: 1em;
+  line-height: 1em;
+  padding-left: 0.2em;
+  padding-right: 0.25em;
+  padding-top: 0.05em;
+  padding-bottom: 0.05em;
+  vertical-align: -0.1em;
+}
+/* line 106, ../../../sass/sass/pages.scss */
+#login.logged-in .user-name,
+#login.logged-in .user-level,
+#login.logged-in .user-photo,
+#login.logged-in .drop-down-menu-button {
+  vertical-align: bottom;
+}
+/* line 109, ../../../sass/sass/pages.scss */
+#login.logged-in .user-name {
+  font-size: 1.14286em;
+  line-height: 1em;
+  font-weight: bold;
+}
+/* line 114, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-area {
+  cursor: pointer;
+}
+/* line 118, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu {
+  color: black;
+  z-index: 1;
+  position: absolute;
+  display: none;
+  top: 100%;
+  margin-top: 10px;
+  left: -10px;
+  background-color: white;
+  border: 1px solid #c9c9c9;
+  -webkit-box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.5);
+  -moz-box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.5);
+  box-shadow: 0px 0px 10px rgba(85, 85, 85, 0.5);
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+}
+/* line 105, ../../../sass/sass/_custom.scss */
+#login.logged-in .drop-down-menu.open {
+  display: block;
+}
+/* line 129, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu .text-pointer {
+  position: absolute;
+  background: url(../../images/login-menu-popup-pointer.png) no-repeat;
+  width: 20px;
+  height: 8px;
+  top: -8px;
+  left: 90px;
+  margin-left: -10px;
+}
+/* line 139, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu ul {
+  margin: 0;
+  padding: 0;
+}
+/* line 143, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu ul li {
+  padding: 2px;
+  border-bottom: 1px solid #efefef;
+}
+/* line 147, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu ul li.last {
+  border-bottom: none;
+}
+/* line 151, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu ul li a {
+  padding-left: 1em;
+  display: block;
+  width: 150px;
+  padding-top: 0.2em;
+  padding-bottom: 0.2em;
+  text-decoration: none;
+  color: inherit;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+}
+/* line 165, ../../../sass/sass/pages.scss */
+#login.logged-in .drop-down-menu ul li a:hover {
+  text-decoration: none;
+  background-color: #c9cacc;
+  color: white;
+}
+
+/* line 177, ../../../sass/sass/pages.scss */
+#back-to-top-button {
+  z-index: 100;
+  position: fixed;
+  background: url(../../images/back-to-top-button.png) no-repeat;
+  width: 40px;
+  height: 40px;
+  cursor: pointer;
+  opacity: 0;
+  visibility: hidden;
+  -webkit-transition: all 0.3s ease;
+  -webkit-transition-delay: 0s;
+  -moz-transition: all 0.3s ease 0s;
+  -o-transition: all 0.3s ease 0s;
+  transition: all 0.3s ease 0s;
+}
+/* line 191, ../../../sass/sass/pages.scss */
+body.scrolled-down #back-to-top-button {
+  opacity: 1;
+  visibility: visible;
+}
+
+/* line 197, ../../../sass/sass/pages.scss */
+#logo {
+  /* Wrapping link for logo */
+  float: left;
+  /* LTR */
+  margin: 0;
+  padding: 0;
+}
+/* line 202, ../../../sass/sass/pages.scss */
+#logo img {
+  vertical-align: bottom;
+}
+
+/* line 207, ../../../sass/sass/pages.scss */
+#name-and-slogan {
+  /* Wrapper for website name and slogan */
+  float: left;
+}
+
+/* line 211, ../../../sass/sass/pages.scss */
+#site-name {
+  /* The name of the website */
+  margin: 0;
+  font-size: 2em;
+  line-height: 1.5em;
+}
+/* line 217, ../../../sass/sass/pages.scss */
+#site-name a:link,
+#site-name a:visited {
+  color: #000;
+  text-decoration: none;
+}
+/* line 223, ../../../sass/sass/pages.scss */
+#site-name a:hover,
+#site-name a:focus {
+  text-decoration: underline;
+}
+
+/* line 228, ../../../sass/sass/pages.scss */
+#site-slogan {
+  /* The slogan (or tagline) of a website */
+  margin: 0;
+  font-size: 1em;
+}
+
+/* line 233, ../../../sass/sass/pages.scss */
+.region-header {
+  /* Wrapper for any blocks placed in the header region */
+  clear: both;
+  /* Clear the logo */
+}
+
+/*
+ * Main (container for everything else)
+ */
+/*
+ * Content
+ */
+/* line 254, ../../../sass/sass/pages.scss */
+.breadcrumb {
+  /* The path to the current page in the form of a list of links */
+}
+/* line 255, ../../../sass/sass/pages.scss */
+.breadcrumb ol {
+  margin: 0;
+  padding: 0;
+}
+/* line 259, ../../../sass/sass/pages.scss */
+.breadcrumb li {
+  display: inline;
+  list-style-type: none;
+  margin: 0;
+  padding: 0;
+}
+
+/* line 272, ../../../sass/sass/pages.scss */
+h1.title,
+h2.node-title,
+h2.block-title,
+h2.title,
+h2.comment-form,
+h3.title {
+  /* Comment title */
+  margin: 0;
+}
+
+/* line 276, ../../../sass/sass/pages.scss */
+tr.even {
+  /* Some tables have rows marked even or odd. */
+  /* background-color: #eee; */
+  /* Drupal core uses a #eee background */
+}
+
+/* line 280, ../../../sass/sass/pages.scss */
+tr.odd {
+  /* background-color: #eee; */
+  /* Drupal core uses a #eee background */
+}
+
+/* line 284, ../../../sass/sass/pages.scss */
+div.messages {
+  /* Important messages (status, warning, and error) for the user. See also the declarations in messages.css. */
+  margin: 1.5em 0;
+  /* Drupal core uses "6px 0" margin */
+}
+/* line 287, ../../../sass/sass/pages.scss */
+div.messages ul {
+  margin-top: 0;
+  margin-bottom: 0;
+}
+
+/* line 293, ../../../sass/sass/pages.scss */
+div.status {
+  /* Normal priority messages */
+}
+
+/* line 297, ../../../sass/sass/pages.scss */
+div.warning,
+tr.warning {
+  /* Medium priority messages */
+  /* border: 1px solid #f0c020; */
+  /* Drupal core uses: 1px solid #f0c020 */
+}
+
+/* line 302, ../../../sass/sass/pages.scss */
+div.error,
+tr.error {
+  /* High priority messages. See also the .error declaration below. */
+}
+
+/* line 305, ../../../sass/sass/pages.scss */
+.error {
+  /* Errors that are separate from div.messages status messages. */
+  /* color: #e55; */
+  /* Drupal core uses a #e55 background */
+}
+
+/* line 309, ../../../sass/sass/pages.scss */
+.warning {
+  /* Warnings that are separate from div.messages status messages. */
+  /* color: #e09010; */
+  /* Drupal core uses a #e09010 background */
+}
+
+/* line 313, ../../../sass/sass/pages.scss */
+.tabs {
+  /* See also the tabs.css file. */
+}
+
+/* line 316, ../../../sass/sass/pages.scss */
+.region-help {
+  /* Help text on a page */
+}
+
+/* line 319, ../../../sass/sass/pages.scss */
+.more-help-link {
+  /* Link to more help */
+}
+
+/* line 322, ../../../sass/sass/pages.scss */
+.region-content {
+  /* Wrapper for the actual page content */
+}
+
+/* line 325, ../../../sass/sass/pages.scss */
+ul.inline {
+  /* List of links generated by theme_links() */
+  display: inline;
+  padding: 0;
+}
+/* line 329, ../../../sass/sass/pages.scss */
+ul.inline li {
+  display: inline;
+  list-style-type: none;
+  padding: 0 1em 0 0;
+  /* LTR */
+}
+
+/* line 335, ../../../sass/sass/pages.scss */
+span.field-label {
+  /* The inline field label used by the Fences module */
+  padding: 0 1em 0 0;
+  /* LTR */
+}
+
+/* line 339, ../../../sass/sass/pages.scss */
+.item-list .pager {
+  /* A list of page numbers when more than 1 page of content is available */
+  padding: 0;
+}
+/* line 342, ../../../sass/sass/pages.scss */
+.item-list .pager li {
+  /* Each page number in the pager list */
+  padding: 0 0.5em;
+}
+
+/* line 347, ../../../sass/sass/pages.scss */
+.feed-icon {
+  /* The link to the RSS or Atom feed for the current list of content */
+}
+
+/* line 350, ../../../sass/sass/pages.scss */
+.more-link {
+  /* Aggregator, blog, and forum more link */
+}
+
+/*
+ * First sidebar (on left in LTR languages, on right in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-first
+ * (see the layout.css file.)
+ */
+/*
+ * Second sidebar (on right in LTR languages, on left in RTL)
+ *
+ * Remember to NOT add padding or margin to your .region-sidebar-second
+ * (see the layout.css file.)
+ */
+/*
+ * Footer
+ */
+/*
+ * Page bottom
+ */
+/* line 384, ../../../sass/sass/pages.scss */
+.region-bottom {
+  /* Wrapper for any blocks placed in the page bottom region */
+}
+
+/* line 389, ../../../sass/sass/pages.scss */
+.left-picture #sidebar-first {
+  position: fixed;
+  top: 0;
+  bottom: 0;
+  background: url(../../images/back_main.jpg) no-repeat center top;
+  background-size: auto 100%;
+  min-height: 600px;
+}
+/* line 397, ../../../sass/sass/pages.scss */
+.left-picture #sidebar-first #header {
+  position: absolute;
+  bottom: 30px;
+  text-align: center;
+  width: auto;
+  margin-left: 40px;
+}
+/* line 406, ../../../sass/sass/pages.scss */
+.left-picture #content .region-wrap {
+  margin-top: 50px;
+  margin-left: 0px;
+  margin-right: 0;
+}
+
+/* line 417, ../../../sass/sass/pages.scss */
+.page-not-found .message {
+  position: fixed;
+  top: 50%;
+  font-size: 1.28571em;
+  line-height: 2.22222em;
+  line-height: 20px;
+  margin-top: -10px;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/print.css b/97suifangqa/staticfiles/stylesheets/sass/print.css
new file mode 100644
index 0000000..f114785
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/print.css
@@ -0,0 +1,80 @@
+/**
+ * @file
+ * Print styling
+ *
+ * We provide some sane print styling for Drupal using Zen's layout method.
+ */
+@media print {
+  /* line 14, ../../../sass/sass/print.scss */
+  a:link,
+  a:visited {
+    /* underline all links */
+    text-decoration: underline !important;
+  }
+  /* line 17, ../../../sass/sass/print.scss */
+  #site-name a:link, #site-name
+  a:visited {
+    /* Don't underline header */
+    text-decoration: none !important;
+  }
+
+  /* line 23, ../../../sass/sass/print.scss */
+  #content a[href]:after {
+    /* Add visible URL after links. */
+    content: " (" attr(href) ")";
+    font-weight: normal;
+    font-size: 14px;
+  }
+  /* line 30, ../../../sass/sass/print.scss */
+  #content a[href^="javascript:"]:after,
+  #content a[href^="#"]:after {
+    /* Only display useful links. */
+    content: "";
+  }
+  /* line 34, ../../../sass/sass/print.scss */
+  #content abbr[title]:after {
+    /* Add visible title after abbreviations. */
+    content: " (" attr(title) ")";
+  }
+
+  /* line 39, ../../../sass/sass/print.scss */
+  #content {
+    /* Un-float the content */
+    float: none !important;
+    width: 100% !important;
+    margin: 0 !important;
+    padding: 0 !important;
+  }
+
+  /* line 49, ../../../sass/sass/print.scss */
+  body,
+  #page,
+  #main,
+  #content {
+    /* Turn off any background colors or images */
+    color: #000;
+    background-color: transparent !important;
+    background-image: none !important;
+  }
+
+  /* line 68, ../../../sass/sass/print.scss */
+  #skip-link,
+  #toolbar,
+  #navigation,
+  .region-sidebar-first,
+  .region-sidebar-second,
+  #footer,
+  .breadcrumb,
+  .tabs,
+  .action-links,
+  .links,
+  .book-navigation,
+  .forum-topic-navigation,
+  .pager,
+  .feed-icons {
+    /* Hide sidebars and nav elements */
+    visibility: hidden;
+    display: none;
+  }
+}
+/* End @media print */
diff --git a/97suifangqa/staticfiles/stylesheets/sass/registration.css b/97suifangqa/staticfiles/stylesheets/sass/registration.css
new file mode 100644
index 0000000..8ff04ee
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/registration.css
@@ -0,0 +1,115 @@
+@charset "UTF-8";
+/**
+ * @file
+ * Registration specific styles
+ * @author 赵迤晨 (Zhao Yichen) <interarticle@gmail.com>
+ */
+/* line 11, ../../../sass/sass/registration.scss */
+body.registration input[type="text"],
+body.registration input[type="password"] {
+  background-color: #f8f8f5;
+  border: 1px solid #babab9;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  -ms-border-radius: 2px;
+  -o-border-radius: 2px;
+  border-radius: 2px;
+  width: 250px;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"].placeholder,
+body.registration input[type="password"].placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus.placeholder,
+body.registration input[type="password"]:focus.placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"].input-placeholder,
+body.registration input[type="password"].input-placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus.input-placeholder,
+body.registration input[type="password"]:focus.input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:-moz-placeholder,
+body.registration input[type="password"]:-moz-placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus:-moz-placeholder,
+body.registration input[type="password"]:focus:-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]::-webkit-input-placeholder,
+body.registration input[type="password"]::-webkit-input-placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus::-webkit-input-placeholder,
+body.registration input[type="password"]:focus::-webkit-input-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]::-moz-placeholder,
+body.registration input[type="password"]::-moz-placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus::-moz-placeholder,
+body.registration input[type="password"]:focus::-moz-placeholder {
+  color: transparent;
+}
+/* line 65, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:-ms-input-placeholder,
+body.registration input[type="password"]:-ms-input-placeholder {
+  color: #898989;
+}
+/* line 68, ../../../sass/sass/_custom.scss */
+body.registration input[type="text"]:focus:-ms-input-placeholder,
+body.registration input[type="password"]:focus:-ms-input-placeholder {
+  color: transparent;
+}
+/* line 19, ../../../sass/sass/registration.scss */
+body.registration .reg-form {
+  border: 0px;
+}
+/* line 21, ../../../sass/sass/registration.scss */
+body.registration .reg-form tr td {
+  padding: 3px;
+  padding-top: 5px;
+  padding-bottom: 5px;
+}
+/* line 26, ../../../sass/sass/registration.scss */
+body.registration .reg-form td.error {
+  max-width: 200px;
+  vertical-align: top;
+  padding-left: 10px;
+}
+/* line 32, ../../../sass/sass/registration.scss */
+body.registration .error {
+  color: red;
+}
+/* line 36, ../../../sass/sass/registration.scss */
+body.registration input.submit {
+  width: 100px;
+}
+
+/* line 41, ../../../sass/sass/registration.scss */
+body.login .login-prompt {
+  font-size: 0.9em;
+  text-align: center;
+  background: url(../../images/horizontal-bar-grey.png) repeat-x center center;
+}
+/* line 46, ../../../sass/sass/registration.scss */
+body.login .login-prompt .prompt {
+  background-color: white;
+  padding-left: 5px;
+  padding-right: 5px;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/tabs-rtl.css b/97suifangqa/staticfiles/stylesheets/sass/tabs-rtl.css
new file mode 100644
index 0000000..d44cba8
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/tabs-rtl.css
@@ -0,0 +1,14 @@
+/**
+ * @file
+ * RTL companion for the tabs.css file.
+ */
+/* line 11, ../../../sass/sass/tabs-rtl.scss */
+ul.primary li,
+ul.secondary li {
+  float: right;
+}
+
+/* line 17, ../../../sass/sass/tabs-rtl.scss */
+ul.primary li {
+  margin: 0.5em 3px 0 0;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/tabs.css b/97suifangqa/staticfiles/stylesheets/sass/tabs.css
new file mode 100644
index 0000000..1dd8b0d
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/tabs.css
@@ -0,0 +1,142 @@
+/**
+ * @file
+ * Tabs Styling
+ *
+ * Adds styles for the primary and secondary tabs.
+ *
+ * Compare this with default CSS found in the system module's stylesheet (a copy
+ * of which is in drupal7-reference.css.)
+ */
+/*
+ * Basic positioning styles shared by primary and secondary tabs.
+ */
+/* line 24, ../../../sass/sass/tabs.scss */
+ul.primary,
+ul.secondary {
+  overflow: hidden;
+  border-bottom: 1px solid #bbbbbb;
+  list-style: none;
+  margin: 1em 0 1.5em;
+  padding: 0 2px;
+  white-space: nowrap;
+}
+/* line 32, ../../../sass/sass/tabs.scss */
+ul.primary li,
+ul.secondary li {
+  float: left;
+  /* LTR */
+  margin: 0.5em 3px 0;
+}
+/* line 37, ../../../sass/sass/tabs.scss */
+ul.primary a,
+ul.secondary a {
+  border: 1px solid #e9e9e9;
+  border-right: 0;
+  border-bottom: 0;
+  display: block;
+  line-height: 1.5em;
+  text-decoration: none;
+}
+
+/*
+ * Primary tabs
+ */
+/* line 52, ../../../sass/sass/tabs.scss */
+ul.primary li {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  text-shadow: 1px 1px 0 white;
+  border: 1px solid #bbbbbb;
+  border-bottom: 0;
+  margin: 0.5em 0 0 3px;
+  /* LTR */
+}
+/* line 59, ../../../sass/sass/tabs.scss */
+ul.primary li.active {
+  border-bottom: 1px solid white;
+  margin-bottom: -1px;
+  /* Overlap the ul's border. */
+}
+/* line 65, ../../../sass/sass/tabs.scss */
+ul.primary a:link,
+ul.primary a:visited {
+  -moz-border-radius-topleft: 4px;
+  -webkit-border-top-left-radius: 4px;
+  border-top-left-radius: 4px;
+  -moz-border-radius-topright: 4px;
+  -webkit-border-top-right-radius: 4px;
+  border-top-right-radius: 4px;
+  -webkit-transition: background-color 0.3s;
+  -moz-transition: background-color 0.3s;
+  -o-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+  color: #333;
+  background-color: #dedede;
+  letter-spacing: 1px;
+  padding: 0 1em;
+  text-align: center;
+}
+/* line 75, ../../../sass/sass/tabs.scss */
+ul.primary a:hover,
+ul.primary a:focus {
+  background-color: #e9e9e9;
+  border-color: #f2f2f2;
+}
+/* line 79, ../../../sass/sass/tabs.scss */
+ul.primary a.active {
+  background-color: transparent;
+  filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr='#FFE9E9E9', endColorstr='#00E9E9E9');
+  background-image: -webkit-gradient(linear, 50% 0%, 50% 100%, color-stop(0%, #e9e9e9), color-stop(100%, rgba(233, 233, 233, 0)));
+  background-image: -webkit-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
+  background-image: -moz-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
+  background-image: -o-linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
+  background-image: linear-gradient(#e9e9e9, rgba(233, 233, 233, 0));
+  border-color: #fff;
+}
+
+/*
+ * Secondary tabs
+ */
+/* line 91, ../../../sass/sass/tabs.scss */
+ul.secondary {
+  font-size: .9em;
+  margin-top: -1.5em;
+  /* Collapse bottom margin of ul.primary. */
+  padding-bottom: .5em;
+}
+/* line 97, ../../../sass/sass/tabs.scss */
+ul.secondary a:link,
+ul.secondary a:visited {
+  -webkit-border-radius: 0.75em;
+  -moz-border-radius: 0.75em;
+  -ms-border-radius: 0.75em;
+  -o-border-radius: 0.75em;
+  border-radius: 0.75em;
+  -webkit-transition: background-color 0.3s;
+  -moz-transition: background-color 0.3s;
+  -o-transition: background-color 0.3s;
+  transition: background-color 0.3s;
+  text-shadow: 1px 1px 0 white;
+  background-color: #f2f2f2;
+  color: #666;
+  padding: 0 .5em;
+}
+/* line 106, ../../../sass/sass/tabs.scss */
+ul.secondary a:hover,
+ul.secondary a:focus {
+  background-color: #dedede;
+  border-color: #999;
+  color: #333;
+}
+/* line 112, ../../../sass/sass/tabs.scss */
+ul.secondary a.active,
+ul.secondary a:active {
+  text-shadow: 1px 1px 0 #333333;
+  background-color: #666;
+  border-color: #000;
+  color: #fff;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/views-styles.css b/97suifangqa/staticfiles/stylesheets/sass/views-styles.css
new file mode 100644
index 0000000..f3cd019
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/views-styles.css
@@ -0,0 +1,55 @@
+/**
+ * @file
+ * Views Styling
+ */
+/*
+ * Views' admin tabs
+ *
+ * The views admin tabs use the same classes as the secondary tabs. We prevent
+ * some of our tab styling from bleeding into (and breaking) the Views admin
+ * pages. If your sub-theme isn't used for admin pages, you can remove this
+ * entire section.
+ */
+/* line 18, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary li {
+  float: none;
+  margin: 0 6px 0;
+}
+/* line 24, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary a:link,
+.views-displays .secondary a:visited {
+  text-shadow: none;
+  padding: 2px 7px 3px;
+}
+/* line 29, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary .open > a {
+  -webkit-border-radius: 7px 7px 0 0;
+  -moz-border-radius: 7px 7px 0 0;
+  -ms-border-radius: 7px 7px 0 0;
+  -o-border-radius: 7px 7px 0 0;
+  border-radius: 7px 7px 0 0;
+}
+/* line 31, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary .open > a:hover {
+  color: #333;
+}
+/* line 36, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary .action-list li {
+  margin: 0;
+}
+/* line 38, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary .action-list li:first-child {
+  -webkit-border-radius: 0 7px 0 0;
+  -moz-border-radius: 0 7px 0 0;
+  -ms-border-radius: 0 7px 0 0;
+  -o-border-radius: 0 7px 0 0;
+  border-radius: 0 7px 0 0;
+}
+/* line 41, ../../../sass/sass/views-styles.scss */
+.views-displays .secondary .action-list li:last-child {
+  -webkit-border-radius: 0 0 7px 7px;
+  -moz-border-radius: 0 0 7px 7px;
+  -ms-border-radius: 0 0 7px 7px;
+  -o-border-radius: 0 0 7px 7px;
+  border-radius: 0 0 7px 7px;
+}
diff --git a/97suifangqa/staticfiles/stylesheets/sass/wireframes.css b/97suifangqa/staticfiles/stylesheets/sass/wireframes.css
new file mode 100644
index 0000000..388f2b8
--- /dev/null
+++ b/97suifangqa/staticfiles/stylesheets/sass/wireframes.css
@@ -0,0 +1,17 @@
+/**
+ * @file
+ * Wireframes Styling
+ *
+ * Add wireframes to the basic layout elements.
+ */
+/* line 19, ../../../sass/sass/wireframes.scss */
+.with-wireframes #header,
+.with-wireframes #main,
+.with-wireframes #content,
+.with-wireframes #navigation,
+.with-wireframes .region-sidebar-first,
+.with-wireframes .region-sidebar-second,
+.with-wireframes #footer,
+.with-wireframes .region-bottom {
+  outline: 1px solid #ccc;
+}
author	Alvin Li <liweitianux@gmail.com>	2013-08-13 14:13:24 +0800
committer	Alvin Li <liweitianux@gmail.com>	2013-08-13 14:13:24 +0800
commit	9636d4a6767f49384d5c386bc3f1142c88b90613 (patch)
tree	3a70f6d9e4be1791d36c87cc7cbfd1d5aa2b39dd /97suifangqa/staticfiles/stylesheets/sass
parent	9383d9a8a5988d071766c3d08a5c946e9c5b02ae (diff)
download	97dev-9636d4a6767f49384d5c386bc3f1142c88b90613.tar.bz2