<|start_filename|>public/assets/css/style.css<|end_filename|>
.warapper-border {
  padding: .625rem 1.825rem .625rem 2.5rem;
  border: 1px #ccc dashed;
  position: relative;
  margin: 0 0 .625rem 0;
  background-color: #ffffff;
}
.warapper-border:before,
.warapper-border:after {
  display: table;
  content: "";
}
.warapper-border:after {
  clear: both;
}
.warapper-border:before {
  position: absolute;
  content: attr(data-text);
  text-transform: lowercase;
  left: 1.5rem;
  top: 11.875rem;
  color: gray;
  display: block;
  font-size: 1rem;
  line-height: 1rem;
  height: 1rem;
  text-align: right;
  white-space: nowrap;
  direction: ltr;
  width: 12.5rem;
  -webkit-transform: rotate(-90deg);
          transform: rotate(-90deg);
  -webkit-transform-origin: 0 100%;
          transform-origin: 0 100%;
}

.page-content {
    padding-top: 48px;

    padding-bottom: 5em;
}

.color-list li {
    display: inline-block;
    padding: 10px;
    width: 14.2857%;
}

.prettyprint {
    background-color: #eeeeee;
    border: 0 !important;
    border-width: 1px !important;
    border-color: #eeeeee !important;
    border-left: 8px #555555 solid !important;
}

.prettyprint ol {
    background-color: transparent !important;
}

.prettyprint li {background-color: white !important; list-style-type: decimal !important; padding-left: 1em; border-bottom: 1px #eee solid;}
.prettyprint li:last-child{border-bottom: 0;}
.prettyprint code .tag {
    font-size: .7rem;
}

.prettyprint {
    overflow: hidden;
    overflow-x: scroll;
}

.demo-grid .row > .cell {
    padding: 10px;
    background-color: darkgray;
    color: white;
    text-align: center;
    border: 1px #000 solid;
}

.thumb {
    background: white;
    padding: 4px;
    display: inline-block;
    height: 2.375rem;
    width: 2.375rem;
    border: 1px transparent solid;
    cursor: pointer;
}

@media screen and (max-width: 800px) {
    .app-bar.fixed-top {
        position: relative !important;
    }
    .page-content {
        padding-top: 0 !important;
    }
}

@media screen and (max-width: 640px) {
    .page-content {
        padding-top: 32px;
    }
}



.fc {
    text-align: center;
    margin: 0 auto;
}
.fl {
    float: left;
    text-align: left;
    margin: 0 auto;
}
.fr {
    float: right;
    text-align: right;
    margin: 0 auto;
}

.QuestionList {
    padding-bottom: 2em;
}

.QuestionList-title {
    font-size: 1.5em;
    margin-bottom: 0.2em;
}

.QuestionList-avatar {
    border-radius: 50px;
    float: right;
    margin-left: 1em;
}

.QuestionList-description {
    color: #444;
    line-height: 1.8em;
}

.QuestionList-meta {
    color: #999;
    font-size: 90%;
}

.QuestionList-category {
    margin: 0 0.1em;
    padding: 0.1em 0.5em 0.2em;
    background: #999;
    font-size: 80%;
}
    .QuestionList-category-design {
        background: #5aba59;
    }
    .QuestionList-category-pure {
        background: #4d85d1;
    }
    .QuestionList-category-yui {
        background: #8156a7;
    }
    .QuestionList-category-js {
        background: #df2d4f;
    }

.QuestionList-category.QuestionList-category-js {
    color: rgb(255, 255, 255);
}

.QuestionList-images {
    margin: 1em 0;
}

.QuestionList-image-meta {
    margin-top: -3.5em;
    margin-left: 1em;
    color: #fff;
    text-shadow: 0 1px 1px #333;
}

.login-form {
    width: 25rem;
    position: fixed;
    top: 35%;
    margin-top: -9.375rem;
    left: 50%;
    margin-left: -12.5rem;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.login-form .padding10.bg-red.fg-white.text-accent,
.errors.padding10.bg-red.fg-white.text-accent
{
	margin-bottom: 0.5em;
}

.login-form .padding10.bg-red.fg-white.text-accent p,
.errors.padding10.bg-red.fg-white.text-accent p
{
	font-size: 13px;
	margin: 0;
}

.signup-form {
    margin: 0 auto 3em;
    width: 25rem;
    left: 50%;
    background-color: #ffffff;
    opacity: 0;
    -webkit-transform: scale(.8);
    transform: scale(.8);
}

.signup-form .padding10.bg-red.fg-white.text-accent {
	margin-bottom: 0.5em;
}

.signup-form .padding10.bg-red.fg-white.text-accent p {
	font-size: 13px;
	margin: 0;
}

.footer {
    background-color: #EFEAE3;
    /*position: absolute;*/
    bottom: 0px;
    width: 100%;
}

/*.footer-relative {
    position: relative;
}*/

.land-bar {
    padding-top: 3em;
}

.land-bar-title {
    font-size: 3.5rem;
    line-height: 1;
}

.land-bar-description {
    font-size: 1rem;
    line-height: 25px;
}

.latest-question {
    margin: 3em 0;
}

.pic-user {
    height: 25px;
    border-radius: 50%;
    width: 25px;
}

.capitalize {
    text-transform: capitalize !important;
}

.vote_question span[class*=mif-] {
    font-size: 2rem;
    margin-top: 20px;
    margin-right: 10px;
    color: #999;
}

.vote_answer span[class*=mif-] {
    font-size: 1.3rem;
    color: #999;
}

.vote_answer button span[class*=mif-] {
    color: #fff;
}

.title_qa {
    font-size: 28px;
    margin-top: 1em;
    margin-bottom: 1em;
}

strong.select2-results__group {
    display: none !important;
}

.select2-container .select2-selection--single {
    height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__rendered {
    line-height: 34px !important;
}

.select2-container--default .select2-selection--single .select2-selection__arrow b {
    margin-top: 1px !important;
}

.messages {
    padding: .625rem;
    font-size: 1rem !important;
    line-height: 25px;
}

.numeric-list.large-bullet.list-ac li:before, .simple-list.large-bullet.list-ac li:before,
.numeric-list.list-ac li:before, .simple-list.list-ac li:before {
    top: 2rem !important;
    margin-left: 0 !important;
}

.numeric-list.default-bullet>li:before {
    margin-top: -1rem;
}
.numeric-list.default-bullet li:before, .simple-list.default-bullet li:before {
    line-height: 1.25rem;
    width: 1.25rem;
    height: 1.25rem;
    margin-top: -1rem;
}

.numeric-list.default-bullet li, .simple-list.default-bullet li {
    margin: 10px 0;
    padding-left: 18px;
}

<|start_filename|>public/assets/css/style-nested.css<|end_filename|>
.QuestionList-title {
    font-size: 1.25em !important;
    margin: 5px 0px !important;
}.QuestionList-meta {
    color: #999 !important;
    font-size: 90% !important;
    margin: 10px 0 !important;
}

<|start_filename|>public/assets/css/error.css<|end_filename|>
/* line 3, ../../_sass/404.scss */
#not-found, #not-found body {
  display: table;
  margin: 0;
  padding: 0;
  width: 100%;
  height: 100%;
}

/* line 11, ../../_sass/404.scss */
#not-found body {
  position: relative;
  background-color: #1d2b2a;
  background-image: url(/assets/images/404-stripe.png), url(/assets/images/404-noise.png);
  background-repeat: repeat-x, repeat;
  background-position: 0 0%;
  background-attachment: fixed;
  font-size: 21px;
  font-family: Inconsolata, "Lucida Console", Monaco, Courier, monospace;
  font-smooth: never;
  line-height: 2em;
  color: #d4f8e3;
  -webkit-font-smoothing: none;
  text-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5);
  -moz-animation: blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite;
  -webkit-animation: blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite;
  animation: blink 0.1s steps(2, start) infinite, skip 7s linear infinite, flicker 0.1s steps(2, start) infinite;
}
/* line 26, ../../_sass/404.scss */
#not-found body #holder {
  display: table-cell;
  vertical-align: bottom;
  max-width: 800px;
  margin: 0 auto;
}
/* line 32, ../../_sass/404.scss */
#not-found body #story {
  padding: 10px;
  max-width: 100%;
  display: block;
  white-space: pre;
  line-height: 1.25em;
}
/* line 38, ../../_sass/404.scss */
#not-found body #story:after {
  visibility: visible;
  content: '';
  background-color: #d4f8e3;
  display: inline-block;
  position: relative;
  width: 0.5em;
  height: 1em;
  top: 5px;
  margin-left: 0;
  -moz-box-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5);
  -webkit-box-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5);
  box-shadow: -2px 0 0px rgba(0, 0, 225, 0.4), -1px 0 3px rgba(103, 171, 236, 0.6), 1px 0 4px rgba(69, 112, 204, 0.5);
  -moz-animation: flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite;
  -webkit-animation: flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite;
  animation: flicker 0.1s steps(2, start) infinite, ready 1s steps(2, start) 25s infinite;
}
/* line 52, ../../_sass/404.scss */
#not-found body #kick {
  text-shadow: none;
  margin: 10px;
}
/* line 55, ../../_sass/404.scss */
#not-found body #kick a {
  background-color: #d4f8e3;
  color: #1d2b2a;
  text-decoration: inherit;
}
/* line 61, ../../_sass/404.scss */
#not-found body .typed-cursor {
  display: none;
}

@-moz-keyframes blink {
  to {
    background-color: #223332;
  }
}
@-webkit-keyframes blink {
  to {
    background-color: #223332;
  }
}
@keyframes blink {
  to {
    background-color: #223332;
  }
}
@-moz-keyframes skip {
  to {
    background-position: 0 100%;
  }
}
@-webkit-keyframes skip {
  to {
    background-position: 0 100%;
  }
}
@keyframes skip {
  to {
    background-position: 0 100%;
  }
}
@-moz-keyframes flicker {
  to {
    color: #bddeca;
  }
}
@-webkit-keyframes flicker {
  to {
    color: #bddeca;
  }
}
@keyframes flicker {
  to {
    color: #bddeca;
  }
}
@-moz-keyframes ready {
  to {
    visibility: hidden;
  }
}
@-webkit-keyframes ready {
  to {
    visibility: hidden;
  }
}
@keyframes ready {
  to {
    visibility: hidden;
  }
}
@media screen and (max-width: 400px) {
  /* line 84, ../../_sass/404.scss */
  #not-found body {
    font-size: 18px;
  }
}

<|start_filename|>public/assets/js/script.js<|end_filename|>
$(document).ready(function()
{
	var classes = new Array ('bg-black', 'bg-lime', 'bg-green', 'bg-emerald', 'bg-teal', 'bg-cyan', 'bg-cobalt', 'bg-indigo', 'bg-violet', 'bg-pink', 'bg-magenta', 'bg-crimson', 'bg-red', 'bg-orange', 'bg-amber', 'bg-yellow', 'bg-brown', 'bg-olive', 'bg-steel', 'bg-mauve', 'bg-taupe', 'bg-gray', 'bg-dark', 'bg-darker', 'bg-darkBrown', 'bg-darkCrimson', 'bg-darkMagenta', 'bg-darkIndigo', 'bg-darkCyan', 'bg-darkCobalt', 'bg-darkTeal', 'bg-darkEmerald', 'bg-darkGreen', 'bg-darkOrange', 'bg-darkRed', 'bg-darkPink', 'bg-darkViolet', 'bg-darkBlue', 'bg-lightBlue', 'bg-lightRed', 'bg-lightGreen', 'bg-lighterBlue', 'bg-lightTeal', 'bg-lightOlive', 'bg-lightOrange', 'bg-lightPink', 'bg-grayDark', 'bg-grayDarker', 'bg-grayLight', 'bg-grayLighter', 'bg-blue');
	var length = classes.length;
	var links = $('.bg-random');
	$.each(links, function(key, value) {
	    $(value).addClass(classes[Math.floor(Math.random() * length )] );
	});

	var classes = new Array ('fg-black', 'fg-lime', 'fg-green', 'fg-emerald', 'fg-teal', 'fg-cyan', 'fg-cobalt', 'fg-indigo', 'fg-violet', 'fg-pink', 'fg-magenta', 'fg-crimson', 'fg-red', 'fg-orange', 'fg-amber', 'fg-yellow', 'fg-brown', 'fg-olive', 'fg-steel', 'fg-mauve', 'fg-taupe', 'fg-gray', 'fg-dark', 'fg-darker', 'fg-darkBrown', 'fg-darkCrimson', 'fg-darkMagenta', 'fg-darkIndigo', 'fg-darkCyan', 'fg-darkCobalt', 'fg-darkTeal', 'fg-darkEmerald', 'fg-darkGreen', 'fg-darkOrange', 'fg-darkRed', 'fg-darkPink', 'fg-darkViolet', 'fg-darkBlue', 'fg-lightBlue', 'fg-lighterBlue', 'fg-lightTeal', 'fg-lightOlive', 'fg-lightOrange', 'fg-lightPink', 'fg-lightRed', 'fg-lightGreen', 'fg-grayDark', 'fg-grayDarker', 'fg-grayLight', 'fg-grayLighter', 'fg-blue');
	var length = classes.length;
	var links = $('.fg-random');
	$.each(links, function(key, value) {
	    $(value).addClass(classes[Math.floor(Math.random() * length )] );
	});

	// hContent = $(".page-content").outerHeight();
	// hWindow  = $(window).outerHeight();
	// if(hContent > hWindow)
	// {
	// 	$(".footer").addClass("footer-relative");
	// }
	// else
	// {
	// 	$(".page-content").removeClass("footer-relative");
	// }

});

<|start_filename|>public/assets/css/arsip/style.css<|end_filename|>
.fc {
    text-align: center;
    margin: 0 auto;
}
.pure-menu-selected a.pure-menu-link {
	color: #6FBEF3 !important;
}
.pure-menu-selected a.pure-menu-link:hover {
    color: #AECFE5 !important;
}
a.pure-button-primary {
    background: white;
    color: #1f8dd6;
    border-radius: 5px;
    font-size: 120%;
}
.button-success,
.button-error,
.button-warning,
.button-secondary {
    color: white;
    border-radius: 4px;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
}
.button-success {
    background: rgb(28, 184, 65);
}
.button-error {
    background: rgb(202, 60, 60);
}
.button-warning {
    background: rgb(223, 117, 20);
}
.button-secondary {
    background: rgb(66, 184, 221);
}
/*.button-blue {
    background-color: #1f8dd6;
}*/
.pure-button {
    color: white;
    padding: 0.5em 2em;
    border-radius: 5px;
}

.inner-screen {
    background: #1abc9d;
    margin: 0px auto;
    padding: 8em 0;
}
.inner-screen .pure-form-stacked legend {
    color: #AB1E1E;
    text-align: center;
    font-weight: normal;
    font-size: xx-large;
}
.open-form {
    width: 400px;
    background: #edeff1;
    margin: 0px auto;
    padding: 20px;
    border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
}

.errors {
    margin: 0 auto;
    background-color: #dd514c;
    padding: 3px 10px;
}

.errors p {
    margin: 0 auto;
    color: #fff;
    font-size: 13px;
}