chiu
/
asia-home-b
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Updated.

This commit is contained in:
rulingcom 2023-07-07 10:25:48 +08:00
parent 4f3fc30773
commit 0ce8c10917
2 changed files with 10 additions and 163 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

140
assets/stylesheets/template/base/_variables.scss
View File

@ -14,197 +14,63 @@ $theme-gray-darker: #242424;
$theme-white: #fff; $theme-white: #fff;
$theme-red: #d20001; $theme-red: #d20001;
$theme-blue: #003d7e; $theme-blue: #003d7e;
$theme-color-main: #333333; $theme-color-main: #333333;
$theme-color-second: #E4002B; $theme-color-second: #E4002B;
$theme-color-third: #ed4c43; $theme-color-third: #ed4c43;
$theme-color-green: #288E8E; $theme-color-green: #288E8E;
// Font stacks // Font stacks
$main-font: "IndustryW00-Medium","Barlow", "Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif; $main-font: "IndustryW00-Medium","Barlow", "Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
$sub-font: "Barlow","Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif; $sub-font: "Barlow","Roboto", "微軟正黑體", "Helvetica Neue", Helvetica, sans-serif;
@font-face {font-family: "IndustryW00-Medium"; src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); } @font-face {font-family: "IndustryW00-Medium"; src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot"); src: url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.eot?#iefix") format("embedded-opentype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff2") format("woff2"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.woff") format("woff"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.ttf") format("truetype"), url("//db.onlinewebfonts.com/t/b8e20323f8f36e06f87745c93c45afcd.svg#IndustryW00-Medium") format("svg"); }
// Font sizes // Font sizes
$font-15: 0.9375rem; $font-15: 0.9375rem;
$font-13:1.2rem; $font-13:1.2rem;
$font-h1: 1.6rem; $font-h1: 1.6rem;
$font-h2: 1.5rem; $font-h2: 1.5rem;
$font-h3: 1.2rem; $font-h3: 1.2rem;
$font-h4: 1.1rem; $font-h4: 1.1rem;
$font-h5: 1rem; $font-h5: 1rem;
$font-h6: 0.9rem; $font-h6: 0.9rem;
// //
// Modules // Modules
// -------------------------------------------------- // --------------------------------------------------
// ## commonly use in all widgets // ## commonly use in all widgets
// Font sizes // Font sizes
$w-widget-title-font-size: 1.5rem; $w-widget-title-font-size: 1.5rem;
// Colors // Colors
$w-border-color: $theme-gray-lighter; $w-border-color: $theme-gray-lighter;
// //
// AD banner Module // AD banner Module
// -------------------------------------------------- // --------------------------------------------------
// Font sizes // Font sizes
$w-caption-font-size: 1.2rem; $w-caption-font-size: 1.2rem;
$w-caption-desc: 1rem; $w-caption-desc: 1rem;
// //
// Announcement Module // Announcement Module
// -------------------------------------------------- // --------------------------------------------------
// Font sizes // Font sizes
$w-title-font-size-small: 0.75rem; $w-title-font-size-small: 0.75rem;
$w-subtitle-font-size: 0.75rem; $w-subtitle-font-size: 0.75rem;
$w-meta-font-size: 0.75rem; $w-meta-font-size: 0.75rem;
$w-table-th-font-size: 0.75em; $w-table-th-font-size: 0.75em;
$w-table-td-font-size: 0.75em; $w-table-td-font-size: 0.75em;
$i-title-font-size-large: 2em; $i-title-font-size-large: 2em;
// colors // colors
$link-color: $theme-color-main; $link-color: $theme-color-main;
$link-hover-color: lighten($theme-color-main, 10%); $link-hover-color: lighten($theme-color-main, 10%);
$table-th-bgcolor: $theme-color-main; $table-th-bgcolor: $theme-color-main;
// //
// Archive Module // Archive Module
// -------------------------------------------------- // --------------------------------------------------
// Font sizes // Font sizes
$w-item-heading-font-size: 0.85rem; $w-item-heading-font-size: 0.85rem;
// //
// Member Module // Member Module
// -------------------------------------------------- // --------------------------------------------------
$border-width: 0.25em; $border-width: 0.25em;
.response-content {
justify-self: auto;
}
.response-content { .response-content {
justify-self: auto; justify-self: auto;

31
assets/stylesheets/template/layout/content.scss
View File

@ -575,6 +575,8 @@ body{
color: $theme-color-main; color: $theme-color-main;
font-size: 0.6em; font-size: 0.6em;
font-family: $main-font; font-family: $main-font;
padding: 0;
height: auto;
@media (max-width: $screen-sm) { @media (max-width: $screen-sm) {
height: 5em; height: 5em;
display: none; display: none;
@ -590,39 +592,18 @@ body{
width:100%!important; width:100%!important;
} }
@media(min-width:1900px){ @media(min-width:1900px){
width: 225px; width: 330px;
margin-top: -12px;
} }
@media screen and (min-width:1025px) and (max-width:1899px){ @media screen and (min-width:1025px) and (max-width:1899px){
width: 181px; width: 261px;
margin-top: -3px;
} }
@media screen and (min-width:769px) and (max-width:1025px){ @media screen and (min-width:769px) and (max-width:1025px){
width: 150px; width: 200px;
margin-top: -5px;
} }
@media screen and (min-width:$screen-xs) and (max-width:769px){ @media screen and (min-width:$screen-xs) and (max-width:769px){
width: 146px !important;
}
@media screen and (max-width:$screen-xs){
width: 110px !important;
margin-top: 3px;
}
}
.navbar-brand:nth-child(2){
@media(min-width:1900px){
width: 330px!important;
margin-top: -14px;
}
@media screen and (min-width:1025px) and (max-width:1899px){
width: 261px!important;
margin-top: -5px;
}
@media screen and (min-width:769px) and (max-width:1025px){
width: 200px !important; width: 200px !important;
} }
@media screen and (max-width:768px){ @media screen and (max-width:$screen-xs){
width: 140px !important; width: 140px !important;
} }
} }