Created
November 2, 2014 05:34
-
-
Save mmizutani/8ae23ccc80afbb13674d to your computer and use it in GitHub Desktop.
Generated by SassMeister.com.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| // ---- | |
| // Sass (v3.4.7) | |
| // Compass (v1.0.1) | |
| // ---- | |
| //colors | |
| $color_outer_space_approx: #24353c; | |
| $white_80: rgba(255, 255, 255, 0.80); | |
| $white_40: rgba(255,255,255,0.4); | |
| $black_35: rgba(0,0,0,0.35); | |
| $black_15: rgba(0, 0, 0, 0.15); | |
| $color_outer_space_85_approx: rgba(36, 53, 60, 0.85); | |
| $white_10: rgba(255,255,255,0.1); | |
| $white_95: rgba(255,255,255,0.95); | |
| $color_sapling_approx: #dacda1; | |
| $color_green_spring_approx: #b3c2ac; | |
| $color_cadet_blue_approx: #a1afc2; | |
| $color_contessa_approx: #b96d6d; | |
| $color_confetti_71_approx: rgba(232, 227, 96, 0.71); | |
| $black_30: rgba(0,0,0,0.3); | |
| $black_20: rgba(0, 0, 0, 0.2); | |
| $black: #000000; | |
| $color_mine_shaft_approx: #333; | |
| $color_wild_sand_approx: #f5f5f5; | |
| $color_celeste_approx: #ccc; | |
| $white_75: rgba(255,255,255,0.75); | |
| $white: #fff; | |
| $color_gallery_approx: #eee; | |
| $black_25: rgba(0, 0, 0, 0.25); | |
| $color_bright_red_approx: #a90000; | |
| $color_mountain_mist_approx: #999; | |
| $color_catalina_blue_approx: #152874; | |
| $color_havelock_blue_approx: #5282cb; | |
| $color_cannon_pink_approx: #934c7b; | |
| $gray: grey; | |
| $color_silver_chalice_approx: #aaa; | |
| $color_cornflower_approx: #9cf; | |
| $color_storm_dust_approx: #666; | |
| $color_gallery_9_approx: rgba(238, 238, 238, 0.09); | |
| $black_5: rgba(0, 0, 0, 0.05); | |
| $white_30: rgba(255, 255, 255, 0.3); | |
| //fonts | |
| $font_0: Arimo; | |
| $font_1: Open Sans; | |
| $font_2: Arial; | |
| $font_3: Helvetica; | |
| $font_4: Sans-Serif; | |
| $font_5: Times New Roman; | |
| $font_6: Times; | |
| $font_7: Georgia; | |
| $font_8: serif; | |
| //@extend-elements | |
| //original selectors | |
| //.form header, legend | |
| %extend_1 { | |
| color: $white_80; | |
| border-bottom: 1px dashed $black_20; | |
| background: $black_35; | |
| padding: 5px 10px; | |
| margin-left: 0; | |
| } | |
| //original selectors | |
| //.form-horizontal .control-label, .form-horizontal .radio, .form-horizontal .checkbox, .form-horizontal .radio-inline, .form-horizontal .checkbox-inline | |
| %extend_2 { | |
| margin-top: 0; | |
| margin-bottom: 0; | |
| padding-top: 3px; | |
| } | |
| //original selectors | |
| //.ui-spinner-up:before, .ui-spinner-down:before | |
| %extend_3 { | |
| content: "\f0d8"; | |
| color: $black; | |
| font-size: 10px; | |
| } | |
| //original selectors | |
| //.form-control, .message-search | |
| %extend_4 { | |
| background: $black_5; | |
| border: 1px solid $white_30; | |
| //Instead of the line below you could use @includetext-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| text-shadow: none; | |
| color: $white; | |
| //Instead of the line below you could use @includebox-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| box-shadow: none; | |
| } | |
| body { | |
| font-size: 12px; | |
| font-family: $font_0, $font_1, $font_2, $font_3, $font_4; | |
| background: url(../images/body/lights.jpg) #24353C; | |
| background-repeat: no-repeat; | |
| background-attachment: fixed; | |
| background-size: cover; | |
| color: $white_80; | |
| //Instead of the line below you could use @includetext-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| text-shadow: 0 0 1px $white_40; | |
| } | |
| a { | |
| color: $white_80; | |
| //Instead of the line below you could use @includetext-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| text-shadow: 0 0 1px $white_40; | |
| &.article-summary-title { | |
| color: $color_catalina_blue_approx; | |
| font-style: normal; | |
| text-decoration: none; | |
| } | |
| &:link.article-summary-title { | |
| color: $color_havelock_blue_approx; | |
| font-style: normal; | |
| text-decoration: none; | |
| } | |
| &:visited.article-summary-title { | |
| color: #934C7B; | |
| text-decoration: none; | |
| } | |
| &:hover.article-summary-title { | |
| color: $color_havelock_blue_approx; | |
| font-style: normal; | |
| text-decoration: underline; | |
| } | |
| &:active.article-summary-title { | |
| text-decoration: none; | |
| } | |
| } | |
| input { | |
| color: $white_80; | |
| //Instead of the line below you could use @includetext-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| text-shadow: 0 0 1px $white_40; | |
| } | |
| .well { | |
| background-color: $black_35; | |
| //Instead of the line below you could use @includebox-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| box-shadow: 0 0 5px $black_15; | |
| border: none; | |
| } | |
| #ribbon { | |
| background: $color_outer_space_85_approx !important; | |
| } | |
| : { | |
| &:selection { | |
| background: $white_10; | |
| } | |
| &:-moz-selection { | |
| background: $white_10; | |
| } | |
| } | |
| .row-separator-header { | |
| color: $white_80; | |
| } | |
| .row-seperator-header { | |
| color: $white_80; | |
| } | |
| .page-title { | |
| color: $white_95 !important; | |
| span { | |
| color: $white_95 !important; | |
| } | |
| } | |
| .alert-warning { | |
| background: #DACDA1; | |
| } | |
| .alert-success { | |
| background: #B3C2AC; | |
| } | |
| .alert-info { | |
| background: #A1AFC2; | |
| } | |
| .alert-error { | |
| background: #B96D6D; | |
| } | |
| code { | |
| color: $color_confetti_71_approx; | |
| background-color: $black_30; | |
| } | |
| .jarviswidget { | |
| color: $white_80; | |
| > { | |
| header { | |
| border: none; | |
| color: $white_80; | |
| background: $black_35; | |
| } | |
| div { | |
| background: $black_15 !important; | |
| border: none; | |
| } | |
| } | |
| } | |
| legend { | |
| @extend %extend_1; | |
| } | |
| .widget-body-toolbar { | |
| background: $black_35; | |
| } | |
| .sparks-info { | |
| min-width: 55px; | |
| span { | |
| font-size: 11px; | |
| line-height: 12px; | |
| } | |
| } | |
| @media screen { | |
| .menu-on-top .menu-item-parent { | |
| font-size: 11px; | |
| font-weight: 700; | |
| } | |
| } | |
| fieldset { | |
| input[type=number] { | |
| text-align: right; | |
| } | |
| input[type=date] { | |
| text-align: center; | |
| } | |
| input[type=text] { | |
| text-align: center; | |
| } | |
| select { | |
| text-align: center; | |
| } | |
| input { | |
| padding: 5px 10px; | |
| } | |
| } | |
| .form-horizontal { | |
| .control-label { | |
| text-align: left; | |
| float: left; | |
| @extend %extend_2; | |
| } | |
| .radio { | |
| @extend %extend_2; | |
| } | |
| .checkbox { | |
| @extend %extend_2; | |
| } | |
| .radio-inline { | |
| @extend %extend_2; | |
| } | |
| .checkbox-inline { | |
| @extend %extend_2; | |
| } | |
| } | |
| .stop-scrolling { | |
| height: 100%; | |
| overflow: hidden; | |
| } | |
| .form-group { | |
| margin-bottom: 10px; | |
| } | |
| .ui-spinner-input { | |
| text-align: right; | |
| height: 24px; | |
| padding-top: 0; | |
| padding-bottom: 0; | |
| padding-left: 5px; | |
| padding-right: 20px; | |
| } | |
| .ui-spinner-up { | |
| background: none; | |
| &:hover { | |
| background: none; | |
| } | |
| &:active { | |
| background: none; | |
| } | |
| &:focus { | |
| background: none; | |
| } | |
| &:before { | |
| @extend %extend_3; | |
| content: "\f0d8"; | |
| } | |
| } | |
| .ui-spinner-down { | |
| background: none; | |
| background: none; | |
| &:hover { | |
| background: none; | |
| } | |
| &:active { | |
| background: none; | |
| } | |
| &:focus { | |
| background: none; | |
| } | |
| &:before { | |
| @extend %extend_3; | |
| content: "\f0d7"; | |
| } | |
| } | |
| .input-group-addon { | |
| padding: 3px 5px; | |
| } | |
| .tab-page-box { | |
| padding: 8px; | |
| margin: 0 0 9px; | |
| font-size: 12px; | |
| line-height: 1.42857143; | |
| //Instead of the line below you could use @includeword-break($value) | |
| word-break: break-all; | |
| color: $color_mine_shaft_approx; | |
| background-color: $color_wild_sand_approx; | |
| border: 1px solid $color_celeste_approx; | |
| //Instead of the line below you could use @includeborder-radius($radius, $vertical-radius) | |
| border-radius: 2px; | |
| } | |
| .page-footer { | |
| height: 25px; | |
| font-size: 10px; | |
| padding-top: 0; | |
| padding-bottom: 8px; | |
| vertical-align: middle; | |
| } | |
| #copyright { | |
| line-height: 22px; | |
| font-size: 9px; | |
| color: $white_75; | |
| } | |
| .nowrap { | |
| overflow-x: auto; | |
| overflow-y: hidden; | |
| white-space: nowrap; | |
| } | |
| .inline-block { | |
| display: inline-block; | |
| } | |
| proposition { | |
| display: block; | |
| margin: 6px 3px; | |
| font-style: italic; | |
| &:before { | |
| content: "Proposition. "; | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| } | |
| theorem { | |
| display: block; | |
| margin: 6px 3px; | |
| font-style: italic; | |
| &:before { | |
| content: "Theorem."; | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| } | |
| lemma { | |
| display: block; | |
| margin: 6px 3px; | |
| font-style: italic; | |
| &:before { | |
| content: "Lemma."; | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| } | |
| proof { | |
| display: block; | |
| margin: 6px 3px; | |
| font-style: normal; | |
| &:before { | |
| content: "Proof."; | |
| font-style: italic; | |
| } | |
| &:after { | |
| content: "\25FB"; | |
| float: right; | |
| } | |
| } | |
| definition { | |
| display: block; | |
| margin: 6px 3px; | |
| font-style: italic; | |
| &:before { | |
| content: "Definition. "; | |
| font-weight: bold; | |
| font-style: normal; | |
| } | |
| } | |
| .research-article { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| h1 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| h2 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| h3 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| h4 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| h5 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| h6 { | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| } | |
| .abstract-title { | |
| font-size: 13px; | |
| text-align: center; | |
| } | |
| .abstract { | |
| width: 85%; | |
| margin: 5px auto; | |
| font-size: 13px; | |
| text-align: justify; | |
| text-justify: inter-ideograph; | |
| padding: 5px 0; | |
| } | |
| .section-title { | |
| letter-spacing: -1px; | |
| font-size: 18px; | |
| margin: 23px 0 10px; | |
| line-height: normal; | |
| font-weight: bold; | |
| } | |
| .subsection-title { | |
| display: block; | |
| font-size: 16px; | |
| margin: 7px 0; | |
| line-height: normal; | |
| font-weight: bold; | |
| } | |
| .subsubsection-title { | |
| display: block; | |
| font-size: 14px; | |
| margin: 7px 0; | |
| line-height: normal; | |
| font-weight: bold; | |
| } | |
| p { | |
| margin: 0 0 10px; | |
| } | |
| } | |
| .article-container { | |
| color: $black; | |
| background: $white; | |
| border: 1px solid $color_gallery_approx; | |
| //Instead of the line below you could use @includebox-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| box-shadow: 0 1px 2px $black_25; | |
| margin: 5px 3px; | |
| padding: 42px 48px; | |
| font-size: 14px; | |
| counter-reset: seccntr; | |
| } | |
| .article-title { | |
| font-weight: 700; | |
| letter-spacing: -1px; | |
| font-size: 24px; | |
| margin: 20px 0; | |
| text-align: center; | |
| font-variant: small-caps; | |
| } | |
| .article-section { | |
| font-weight: 700; | |
| } | |
| .article-subsection { | |
| font-weight: 700; | |
| } | |
| .article-info { | |
| text-align: center; | |
| font-size: 13px; | |
| margin: 8px; | |
| } | |
| .pdf-link-container { | |
| width: 100%; | |
| margin-left: auto; | |
| margin-right: auto; | |
| text-align: center; | |
| } | |
| .pdf-link { | |
| color: $color_bright_red_approx; | |
| } | |
| .section-title { | |
| counter-reset: subseccntr; | |
| &:before { | |
| counter-increment: seccntr; | |
| content: counter(seccntr) ". "; | |
| } | |
| } | |
| .subsection-title { | |
| counter-reset: subsubseccntr; | |
| &:before { | |
| counter-increment: subseccntr; | |
| content: counter(seccntr) "." counter(subseccntr) " "; | |
| } | |
| } | |
| .article-summary-container { | |
| background: $white; | |
| border: 1px solid $color_gallery_approx; | |
| //Instead of the line below you could use @includebox-shadow($shadow-1, $shadow-2, $shadow-3, $shadow-4, $shadow-5, $shadow-6, $shadow-7, $shadow-8, $shadow-9, $shadow-10) | |
| box-shadow: 0 1px 2px $black_25; | |
| margin: 5px 3px; | |
| padding: 15px; | |
| position: relative; | |
| font-size: 13px; | |
| } | |
| .article-summary-title { | |
| text-align: justify; | |
| text-justify: inter-ideograph; | |
| color: $black; | |
| font-size: 15px; | |
| font-weight: bold; | |
| position: relative; | |
| overflow: hidden; | |
| margin-top: 5px; | |
| > a { | |
| color: $black !important; | |
| } | |
| } | |
| .article-summary-date { | |
| font-size: 10px; | |
| color: $color_mountain_mist_approx; | |
| position: relative; | |
| overflow: hidden; | |
| text-align: right; | |
| } | |
| .article-summary-abstract { | |
| font-size: 12px; | |
| text-align: justify; | |
| text-justify: inter-ideograph; | |
| padding: 5px 0; | |
| position: relative; | |
| overflow: hidden; | |
| } | |
| .articles-summary-row { | |
| margin-left: 5px; | |
| margin-right: 5px; | |
| } | |
| .article-summary-column { | |
| padding-left: 5px; | |
| padding-right: 5px; | |
| } | |
| menu { | |
| &.pagemenu { | |
| top: 100px; | |
| font-size: 12px; | |
| font-family: $font_5, $font_6, $font_7, $font_8; | |
| &.affix { | |
| top: 100px; | |
| margin-top: 0; | |
| } | |
| a { | |
| padding: 2px 0; | |
| border: 0; | |
| color: $gray; | |
| display: block; | |
| padding-left: 10px; | |
| &:hover { | |
| background-color: transparent; | |
| text-decoration: none; | |
| border-left: 1px solid $white; | |
| color: $white; | |
| padding-left: 9px; | |
| } | |
| } | |
| .nav { | |
| margin: 0; | |
| a { | |
| padding-left: 15px; | |
| &:hover { | |
| padding-left: 14px; | |
| } | |
| } | |
| .nav { | |
| a { | |
| padding-left: 20px; | |
| &:hover { | |
| padding-left: 19px; | |
| } | |
| } | |
| li.active>a { | |
| padding-left: 18px; | |
| } | |
| } | |
| li.active>a { | |
| padding-left: 13px; | |
| } | |
| } | |
| li { | |
| &.active>a { | |
| padding-left: 8px; | |
| } | |
| &.active > .nav { | |
| display: block; | |
| } | |
| } | |
| } | |
| li.active > a { | |
| border-left: 1px solid $white; | |
| color: $white; | |
| &:hover { | |
| border-left: 1px solid $white; | |
| color: $white; | |
| } | |
| } | |
| } | |
| div { | |
| &.tothetop { | |
| position: fixed; | |
| right: 5px; | |
| bottom: 30px; | |
| z-index: 1500; | |
| a { | |
| display: block; | |
| font-weight: bold; | |
| color: #FFF; | |
| padding: 10px; | |
| margin: 0; | |
| background-color: #AAA; | |
| font-size: 0.8em; | |
| outline: none; | |
| text-decoration: none; | |
| //Instead of the line below you could use @includeborder-radius($radius, $vertical-radius) | |
| border-radius: 6px; | |
| filter: alpha(opacity=50); | |
| opacity: 0.5; | |
| &:hover { | |
| color: #9CF; | |
| background-color: $color_storm_dust_approx; | |
| } | |
| } | |
| } | |
| &#volsurfchart div { | |
| border: none; | |
| } | |
| } | |
| .form-control[disabled] { | |
| background-color: $color_gallery_9_approx; | |
| } | |
| .form-control[readonly] { | |
| background-color: $color_gallery_9_approx; | |
| } | |
| .form-control { | |
| @extend %extend_4; | |
| } | |
| .message-search { | |
| @extend %extend_4; | |
| } | |
| .form header { | |
| @extend %extend_1; | |
| } | |
| .smart-form.widget-body-toolbar { | |
| background: $black_35; | |
| } | |
| #sparks li h5 { | |
| color: $white_80; | |
| margin: 0; | |
| text-transform: none; | |
| } | |
| #logo img { | |
| width: 167px; | |
| } | |
| #extr-page #header #logo img { | |
| width: 205px; | |
| } | |
| nav ul { | |
| li a { | |
| font-size: 13px; | |
| } | |
| ul li>a { | |
| font-size: 13px; | |
| } | |
| } | |
| nav>ul ul li a i { | |
| font-size: 13px!important; | |
| } | |
| .fixed-navigation nav { | |
| overflow-y: visible; | |
| height: auto; | |
| padding-bottom: inherit; | |
| } | |
| proposition[title]:before { | |
| content: "Proposition(" attr(title) "). "; | |
| } | |
| theorem[title]:before { | |
| content: "Theorem(" attr(title) "). "; | |
| } | |
| pre.latex-code { | |
| margin: 0; | |
| padding: 15px; | |
| white-space: pre-wrap; | |
| } | |
| .subsubsection-title:before { | |
| counter-increment: subsubseccntr; | |
| content: counter(seccntr) "." counter(subseccntr) "." counter(subsubseccntr) " "; | |
| } | |
| .breadcrumb>li+li:before { | |
| padding: 0 0 0 6px; | |
| } | |
| .no-svg aside { | |
| background-image: url('assets/img_/3a3633.gif'); | |
| } | |
| .select .form-control { | |
| &:hover { | |
| color: $white; | |
| } | |
| &:focus { | |
| color: $white; | |
| } | |
| } | |
| fieldset[disabled] .form-control { | |
| background-color: $color_gallery_9_approx; | |
| } | |
| select:not ([multiple]) { | |
| text-indent: 1px; | |
| text-overflow: ''; | |
| line-height: normal !important; | |
| background-image: url(../img/select-bg.png); | |
| background-repeat: no-repeat; | |
| background-position: right center; | |
| color: ; | |
| } |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Invalid CSS after " color: ": expected expression (e.g. 1px, bold), was ";" |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment