jekyll-theme-nanusefue 0.1.0 → 0.2.0

data/assets/css/stylesheet.css

@@ -0,0 +1,890 @@
+/* 
+ * Global Mondrian styles
+ */
+body, html {
+    margin: 0px;
+    padding: 0px;
+}
+
+body {
+    background: #ffffff;
+    color: #000000;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 12px;
+    height: 100%;
+    line-height: 1.5;
+    margin: 0 auto 0 auto;
+    width: 975px;
+}
+
+/* 
+ * Header / Navigation
+ */
+
+.header_img {
+    margin: 0 0 0 49px;
+    position: relative;
+    z-index: 11;
+}
+
+.view_tag_info, .nav_container br {
+    display:none!important;
+}
+.nav_container {
+    line-height: 165%;
+    margin-left: 47px;
+    padding: 0px;
+    position: fixed;
+    top: 70px;
+    width: 18px;
+    z-index: 12;
+}
+
+/* Enabled via Display Options */
+.nav_container.horizontal {
+    position: absolute;
+    width: 670px;
+    z-index: 25;
+}
+
+.nav_container.horizontal div {
+    float: left;
+    padding-right: 10px;
+}
+
+#nav_loadspin {
+    display: none;
+    position: fixed;
+    top: 8px; left: 35px;
+    z-index: 11;
+}
+
+.nav_container a {
+    font-size: 13px;
+    padding: 2px 3px 2px 1px;
+    text-decoration: none;
+}
+
+.project_link a {
+    color: #000000;
+}
+
+.project_link a:hover {
+    background: #ffff66;
+    color: #000000;
+}
+
+.project_link a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+.page_link a {
+    color: #999999;
+}
+
+.page_link a:hover {
+    background: #ffff66;
+    color: #222222;
+}
+
+.page_link a:active {
+    
+    color: #ffffff;
+}
+
+.link_link a {
+    color: #999999;
+    
+}
+
+.link_link a:hover {
+    background: #ffff66;
+    color: #222222;
+}
+
+.link_link a:active {
+ 
+    
+    color: #ffffff;
+}
+
+.nav_active a {
+    background: #000000;
+    color: #ffffff;
+}
+
+.nav_active a:active {
+    background:#cccccc;
+    color:#ffffff;
+}
+
+.pagination {
+    color: #999999;
+    font-size: 11px;
+    z-index: 11;
+}
+
+.pagination a {
+    color: #00AF8A;
+}
+
+.pagination a:hover {
+    background: #ffff66;
+    color: #222222;
+}
+
+.pagination a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+.nav_follow {
+    color: #222222;
+    font-size: 11px;
+    z-index: 11;
+}
+
+.nav_follow a {
+    color: #222222;
+    text-decoration: underline;
+}
+
+.nav_follow a:hover {
+    background: #ffff66;
+    color: #222222;
+    text-decoration: none;
+}
+
+.nav_follow a:active {
+    background: #000000;
+    color: #ffffff;
+    text-decoration: none;
+}
+
+.view_tag_info {
+    color: #999999;
+    font-size: 11px;
+    padding-left: 3px;
+}
+
+.view_tag_info a {
+    color: #0066ff;
+}
+
+.view_tag_info a:hover {
+    background: #ffff66;
+    color: #000000;
+}
+
+.view_tag_info a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+/*
+ * Content
+ */
+
+#content_container {
+    padding: 26px 0 0 200px;
+    position: relative;
+    width: 705px;
+    z-index: 10;
+}
+
+#maincontainer {
+    display: none;
+    margin: 0 0 35px 0;
+    width: 705px;
+}
+
+.bodycopy a {
+    color: #000000;
+    text-decoration: underline;
+}
+
+.bodycopy a:hover {
+    background: #ffff66;
+    color: #000000;
+    text-decoration: none;
+}
+
+.bodycopy a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+.project_content {
+    color: #555;
+    width: px;
+}
+
+.project_title {
+    color: #000000;
+    font-family: Helvetica, Arial, sans-serif;
+    font-size: 20px;
+    line-height: 1;
+    margin: -8px 0 0 0;
+    padding: 0 0 15px 0;
+}
+
+/*
+ * Project hHeader
+ */
+
+.project_header {
+    float: right;
+    margin: 0 35px 0 0;
+    position: relative;
+    z-index: 99;
+}
+
+.project_header div {
+    float: right;
+}
+
+.project_header a {
+    color: #999999;
+    font-size: 11px;
+    text-decoration: underline;
+}
+
+.project_header a:hover {
+    background: #ffff66;
+    color: #000000;
+    text-decoration: none;
+}
+
+.project_header a:active {
+    color: #ffffff;
+    background: #000000;
+}
+
+.project_divider {
+    color: #bbbbbb;
+    float:right;
+}
+
+/* 
+ * Styling of default typographic headers and elements
+ */
+
+h1 {
+    font-size: 22px;
+    line-height: 165%;
+}
+
+h2 {
+    font-size: 16px;
+    line-height: 165%;
+}
+
+h3 {
+    font-size: 14px;
+    line-height: 150%;
+}
+
+blockquote {
+    color: #666666;
+    margin: 0;
+}
+
+.project_content img {
+    margin: 0px 15px 15px 0px;
+}
+
+/* 
+ * Slideshows
+ */
+
+.slideshow_nav {
+    clear: both;
+    color: #999999;
+    padding-bottom: 10px;
+    font-size: 11px;
+}
+
+.slideshow_nav a {
+    color: #666666;    
+    text-decoration: none;    
+}
+
+.slideshow_nav a:hover {
+    background: none !important;
+    color: #999999;
+    text-decoration: none;
+}
+
+.slideshow_nav a:active {
+    color: #ff3300;
+}
+
+.slideshow_count {
+    color: #999999;
+    font-size: 11px;
+}
+
+.slideshow_wrapper {
+    clear: both;
+    padding: 0 10px 10px 0px;
+}
+
+#slideshow_container img {
+    margin: 0px;
+}
+
+.slideshow_wrapper a,
+.slideshow_wrapper a:hover,
+.slideshow_wrapper a:active {
+    background: none !important;
+}
+
+.slideshow_thumbs {
+    margin: 0 0 0 0;
+}
+
+ul.slideshow_thumbs {
+    margin: 0;
+    padding: 0;
+}
+
+.slideshow_thumb {
+    float: left;
+    list-style: none;
+    margin: -3px 0px 0px -3px;
+    padding: 0 7px 7px 0;
+}
+
+.slideshow_thumb a {
+    background: none !important;
+    border: 1px solid transparent;
+    display: block;
+    padding: 2px;
+}
+
+.slideshow_thumb a:hover {
+    background: none !important;
+    border: 1px solid #ccc;
+}
+
+a.activeSlide {
+    background: none;
+    border: 1px solid #ccc;
+}
+
+.slideshow_thumb a:active,
+a.activeSlide:active {
+    background: none !important;
+    border: 1px solid #666;
+}
+
+.slideshow_thumb img {
+    border: 0;
+    display: block;
+    margin: 0;
+    height: 60px;
+}
+
+.slideshow_caption {
+    clear: both;
+    display: block;
+    font-size: 11px;
+    padding: 5px 0 5px 0;
+}
+
+/**
+ * Fullscreen button
+ */
+
+a#fullscreen {
+    background-color: #1a1a1a;
+    background-image: url(/_gfx/fullscreen_open.png);
+    background-repeat: no-repeat;
+    background-position: 67px 3px;
+    border: 1px solid #1a1a1a;
+    color: #bbbbbb;
+    display: block;
+    font-family: 'Lucida Grande', 'Lucida Sans Unicode', Arial, sans-serif;
+    font-size: 11px;
+    line-height: 18px;
+    height: 19px;
+    padding: 0 4px 0 5px;
+    text-align: left;
+    text-decoration: none;
+    width: 74px;
+}
+
+a#fullscreen:hover {
+    background-color: #fff;
+    color: #000;
+}
+
+a#fullscreen:active {
+    background-color: #fff;
+    border: 1px solid #999;
+    color: #666;
+}
+
+/*
+ * Project footer
+ */
+
+.project_footer {
+    color: #999999;
+    clear: both;
+    font-size: 11px;
+    padding: 15px 0px 0px 0px;
+}
+
+.comment_link a {
+
+}
+
+.comment_link a:hover {
+
+}
+
+.footer_title_type {
+    color: #000000;
+    font-weight: bold;
+}
+
+.project_views {
+    color: #999999;
+    font-style: italic;
+}
+
+.project_footer .permalink a {
+    color: #999999;
+    font-style: italic;
+}
+
+.project_footer .permalink a:hover {
+    background: #ffff66;
+    color: #000000;
+}
+
+.project_footer .permalink a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+.tags {
+    color: #999999;
+}
+
+.tags a {
+    color: #000000;
+    text-decoration: none;
+}
+
+.tags a:hover {
+    background: #ffff66;
+    text-decoration: none;
+}
+
+.tags a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+.tags a:visited {
+
+}
+
+.project_footer .editlink a {
+    color: #0066ff;
+    font-style: italic;
+}
+
+.project_footer .editlink a:hover {
+    background: #ffff66;
+    color: #000000;
+}
+
+.project_footer .editlink a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+
+.project_bottom {
+    clear: both;
+    border-bottom: 1px solid #cccccc;
+    margin: 15px 0px 15px 0px;
+    width: 670px;
+}
+
+/* 
+ * Thumbnails
+ */
+
+.project_thumb {
+    float: left;
+    margin: 0 35px 10px 0;
+    position: relative;
+    text-align: center;
+}
+
+.project_thumb .hover {
+    cursor: pointer;
+    text-decoration: none;
+}
+
+.project_thumb .nohover {
+    text-decoration: none;
+}
+
+.project_thumb .hover .thumb_title span {
+    background: #ffff66;
+}
+
+.project_thumb.active .cardimgcrop {
+    border: 1px solid #cccccc;
+}
+
+.project_thumb.active .thumb_title span {
+    background: #ffff66;
+}
+
+.cardimgcrop {
+    border: 1px solid transparent;
+    margin: -3px -3px 9px -3px;
+    padding: 2px;
+    position: relative;
+    min-width: 200px;
+    min-height: 134px;
+}
+
+.cardimgcrop.notitle_notag {
+    margin-bottom: 22px;
+}
+
+.loader_holder {
+    display: none;
+    position: absolute;
+    text-align: center;
+    top: 8px; left: 8px;
+    z-index: 3;
+}
+
+.thumb_title {
+    overflow: hidden;
+    white-space:nowrap;
+    text-align: center;
+    width: 200px;
+}
+
+.thumb_title.notag {
+    margin: 0 0 22px 0;
+}
+
+.thumb_title .text {
+    color: #000000;
+    font-size: 11px;
+    font-weight: bold;
+    line-height: 15px;
+    overflow: hidden;
+    padding: 2px 3px 2px 3px;
+    white-space: nowrap;
+    text-align: center;
+}
+
+.thumb_tag {
+    color: #999999;
+    font-family: Georgia, Times, serif;
+    height: 3em;
+    line-height: 15px;
+    margin: 0 0 2px 0;
+    overflow: hidden;
+    text-align: center;
+    width: 200px;
+}
+
+.thumb_tag.notitle {
+    margin-top: 5px;
+}
+
+.thumb_tag a {
+    color: #999999;    
+    font-size: 11px;
+    font-style: italic;
+    line-height: 1.5em;
+    text-align: center;
+    text-decoration: none;
+}
+
+.thumb_tag a:hover {
+    text-decoration: underline;
+}
+
+/* 
+ * Search results
+ */
+
+#search_form {
+    position: fixed;
+    bottom: 20px; left: 35px;
+}
+
+#search_form #search_term {
+    font-size: 11px;
+    width: 188px;
+}
+
+#search_form_results {
+    padding-bottom: 90px;
+}
+
+.search_header {
+    color: #000000;
+    float: left;
+    font-size: 14px;
+    font-style: normal;
+    font-weight: normal;
+    margin: 0;
+    padding: 4px 0;
+    width: 145px;
+}
+
+#search_term {
+    background: #ffffff;
+    border: 1px solid #cccccc;
+    color: #000000;
+    float: left;
+    font-family: Arial, Helvetica, sans-serif;
+    font-size: 14px;
+    margin: 0;
+    padding: 5px;
+    width: 220px;
+}
+
+#search_results {
+    float: left;
+}
+
+.result {
+    clear: both;
+    font-size: 14px;
+    line-height: 22px;
+    margin-bottom: 60px;
+}
+
+.search_thumb {
+    float: left;
+    margin: 4px 25px 35px 0px;
+}
+
+.search_thumb img {
+    width: 120px; height: auto;
+}
+
+.search_text {
+    width: 500px;
+    margin-left: 145px;
+}
+
+.search_title a {
+    color: #000000;
+    font-weight: bold;
+    text-decoration: underline;    
+}
+
+.search_title a:hover {
+    background: #ffff66;
+    color: #000000;
+    text-decoration: none;
+}
+
+.search_title a:active {
+    background: #000000;
+    color: #ffffff;
+    text-decoration: none;
+}
+
+.search_tags {
+    color: #999999;
+    font-size: 11px;
+}
+
+.search_tags a {
+    color: #999999;
+    text-decoration: none;
+}
+
+.search_tags a:hover {
+    background: none;
+    color: #000000;
+    text-decoration: underline;
+}
+
+.search_tags a:active {
+    color: #666666;
+}
+
+/* 
+ * Footer
+ */
+
+.bottompad {
+    clear: both;
+    position: relative;
+    height: 35px;
+    margin: 35px 0 0 0;
+    width: 705px;
+}
+
+/* 
+ * Video component
+ */
+
+.video_component {
+    float: left;
+    margin: 0 15px 15px 0;
+}
+
+/*
+ * Audio component
+ */
+
+.audio_component {
+    color: #777777;
+    font-family: 'Droid Sans Mono', Monaco, Monospace, Arial, san-serif;
+    font-size: 10px;
+    height: 30px;
+    line-height: 26px;
+    width: 300px;
+}
+
+.audio_component div {
+    height: 26px;
+}
+
+.audio_component .border {
+    border: 2px solid #aaaaaa;
+    opacity: 0.5;
+    
+    -moz-border-radius: 5px;
+    -webkit-border-radius: 5px;
+    border-radius: 5px;
+    filter: alpha(opacity=50);
+    -moz-opacity: 0.5;
+    -khtml-opacity: 0.5;
+}
+
+.audio_component .vertical_border {
+    background: #aaaaaa;
+    opacity: 0.50;
+    
+    filter: alpha(opacity=50);
+    -moz-opacity: 0.5;
+    -khtml-opacity: 0.5;
+}
+
+.audio_component .controls {
+    top: 2px; left: 2px;
+}
+
+.audio_component .play_pause {
+    background: url("/_gfx/playpause.png");    
+}
+
+.audio_component .spectrum .spectrum_bar {
+    background: #666666;
+}
+
+.audio_component .loading {
+    background: #bbbbbb;
+    opacity: 0.25;
+    
+    filter: alpha(opacity=25);
+    -moz-opacity: 0.25;
+    -khtml-opacity: 0.25;
+}
+
+.audio_component .progress {
+    background: #bbbbbb;
+    border-right: 1px dotted #333333;
+    opacity: 0.25;
+    
+    filter: alpha(opacity=25);
+    -moz-opacity: 0.25;
+    -khtml-opacity: 0.25;
+}
+
+.audio_component .volume_slide.hover {
+    background: #bbbbbb;
+    opacity: 0.3;
+
+    filter: alpha(opacity=30);
+    -moz-opacity: 0.3;
+    -khtml-opacity: 0.3;
+}
+
+/* 
+ * Other
+ */
+
+/* Admin and following icons - only seen by members */
+.toolset {
+    position: fixed;
+    top: 10px; right: 10px;
+    z-index: 9999;
+}
+
+/* "Running on Cargo" */
+.cargo_link {
+    color: #cccccc;
+    font-size: 11px;
+    line-height:165%;
+    position: fixed;
+    right: 35px; bottom: 15px;
+    z-index:99;
+}
+
+.cargo_link a {
+    color: #999999;
+    text-decoration: underline;
+}
+
+.cargo_link a:hover {
+    color: #000000;
+    text-decoration: underline;
+}
+
+.cargo_link a:active {
+    background: #000000;
+    color: #ffffff;
+}
+
+#menu_5549883 a {
+    display: block;
+    height: 140px;
+    width: 49px;
+    background-image: url(https://payload160.cargocollective.com/1/11/376496/5503062/123456_1.png);
+    text-indent: -9999px;
+    overflow: hidden;
+}
+
+#menu_5549880 a {
+    display: block;
+    height: 140px;
+    width: 49px;
+    background-image: url(https://payload159.cargocollective.com/1/11/376496/5481414/123456.jpg);
+    text-indent: -9999px;
+    overflow: hidden;
+}
+
+
+
+
+
+
+#site_footer {
+    float: left;
+    margin: 0 0 0px 450px;
+    color: #999999;
+    font-size: 10px;
+    clear:both;
+}