Fix accessibility.
This commit is contained in:
BoHung Chiu 2021-06-28 18:23:37 +08:00
parent 1cdc0b3ae5
commit 57e0ba970e
19 changed files with 66 additions and 58 deletions

View File

@ -49,7 +49,7 @@ $font-family-serif: Georgia, "Times New Roman", Times, serif !default;
$font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default; $font-family-monospace: Menlo, Monaco, Consolas, "Courier New", monospace !default;
$font-family-base: $font-family-sans-serif !default; $font-family-base: $font-family-sans-serif !default;
$font-size-base: 14px !default; $font-size-base: 0.875em !default;
$font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px $font-size-large: ceil(($font-size-base * 1.25)) !default; // ~18px
$font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px $font-size-small: ceil(($font-size-base * 0.85)) !default; // ~12px
@ -84,17 +84,17 @@ $icon-font-svg-id: "glyphicons_halflingsregular" !default;
// //
//## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start). //## Define common padding and border radius sizes and more. Values based on 14px text and 1.428 line-height (~20px to start).
$padding-base-vertical: 6px !default; $padding-base-vertical: 0.375em !default;
$padding-base-horizontal: 12px !default; $padding-base-horizontal: 0.75em !default;
$padding-large-vertical: 10px !default; $padding-large-vertical: 0.625em !default;
$padding-large-horizontal: 16px !default; $padding-large-horizontal: 1em !default;
$padding-small-vertical: 5px !default; $padding-small-vertical: 0.3125em !default;
$padding-small-horizontal: 10px !default; $padding-small-horizontal: 0.625em !default;
$padding-xs-vertical: 1px !default; $padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default; $padding-xs-horizontal: 0.3125em !default;
$line-height-large: 1.33 !default; $line-height-large: 1.33 !default;
$line-height-small: 1.5 !default; $line-height-small: 1.5 !default;
@ -111,7 +111,7 @@ $component-active-bg: $brand-primary !default;
//** Width of the `border` for generating carets that indicator dropdowns. //** Width of the `border` for generating carets that indicator dropdowns.
$caret-width-base: 4px !default; $caret-width-base: 4px !default;
//** Carets increase slightly in size for larger components. //** Carets increase slightly in size for larger components.
$caret-width-large: 5px !default; $caret-width-large: 0.3125em !default;
//== Tables //== Tables
@ -121,7 +121,7 @@ $caret-width-large: 5px !default;
//** Padding for `<th>`s and `<td>`s. //** Padding for `<th>`s and `<td>`s.
$table-cell-padding: 8px !default; $table-cell-padding: 8px !default;
//** Padding for cells in `.table-condensed`. //** Padding for cells in `.table-condensed`.
$table-condensed-cell-padding: 5px !default; $table-condensed-cell-padding: 0.3125em !default;
//** Default background color used for all tables. //** Default background color used for all tables.
$table-bg: transparent !default; $table-bg: transparent !default;
@ -330,7 +330,7 @@ $container-lg: $container-large-desktop !default;
//## //##
// Basics of a navbar // Basics of a navbar
$navbar-height: 50px !default; $navbar-height: 3.125em !default;
$navbar-margin-bottom: $line-height-computed !default; $navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default; $navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default; $navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;
@ -392,7 +392,7 @@ $navbar-inverse-toggle-border-color: #333 !default;
//## //##
//=== Shared nav styles //=== Shared nav styles
$nav-link-padding: 10px 15px !default; $nav-link-padding: 0.625em 15px !default;
$nav-link-hover-bg: $gray-lighter !default; $nav-link-hover-bg: $gray-lighter !default;
$nav-disabled-link-color: $gray-light !default; $nav-disabled-link-color: $gray-light !default;
@ -500,7 +500,7 @@ $tooltip-bg: #000 !default;
$tooltip-opacity: .9 !default; $tooltip-opacity: .9 !default;
//** Tooltip arrow width //** Tooltip arrow width
$tooltip-arrow-width: 5px !default; $tooltip-arrow-width: 0.3125em !default;
//** Tooltip arrow color //** Tooltip arrow color
$tooltip-arrow-color: $tooltip-bg !default; $tooltip-arrow-color: $tooltip-bg !default;
@ -522,7 +522,7 @@ $popover-fallback-border-color: #ccc !default;
$popover-title-bg: darken($popover-bg, 3%) !default; $popover-title-bg: darken($popover-bg, 3%) !default;
//** Popover arrow width //** Popover arrow width
$popover-arrow-width: 10px !default; $popover-arrow-width: 0.625em !default;
//** Popover arrow color //** Popover arrow color
$popover-arrow-color: #fff !default; $popover-arrow-color: #fff !default;
@ -562,7 +562,7 @@ $label-link-hover-color: #fff !default;
//## //##
//** Padding applied to the modal body //** Padding applied to the modal body
$modal-inner-padding: 20px !default; $modal-inner-padding: 1.25em !default;
//** Padding applied to the modal title //** Padding applied to the modal title
$modal-title-padding: 15px !default; $modal-title-padding: 15px !default;
@ -741,15 +741,15 @@ $badge-active-bg: #fff !default;
$badge-font-weight: bold !default; $badge-font-weight: bold !default;
$badge-line-height: 1 !default; $badge-line-height: 1 !default;
$badge-border-radius: 10px !default; $badge-border-radius: 0.625em !default;
//== Breadcrumbs //== Breadcrumbs
// //
//## //##
$breadcrumb-padding-vertical: 8px !default; $breadcrumb-padding-vertical: 0.5em !default;
$breadcrumb-padding-horizontal: 15px !default; $breadcrumb-padding-horizontal: 0.9375em !default;
//** Breadcrumb background color //** Breadcrumb background color
$breadcrumb-bg: #f5f5f5 !default; $breadcrumb-bg: #f5f5f5 !default;
//** Breadcrumb text color //** Breadcrumb text color
@ -764,12 +764,12 @@ $breadcrumb-separator: "/" !default;
// //
//## //##
$carousel-text-shadow: 0 1px 2px rgba(0,0,0,.6) !default; $carousel-text-shadow: 0 0.0625em 0.125em rgba(0,0,0,.6) !default;
$carousel-control-color: #fff !default; $carousel-control-color: #fff !default;
$carousel-control-width: 15% !default; $carousel-control-width: 15% !default;
$carousel-control-opacity: .5 !default; $carousel-control-opacity: .5 !default;
$carousel-control-font-size: 20px !default; $carousel-control-font-size: 1.25em !default;
$carousel-indicator-active-bg: #fff !default; $carousel-indicator-active-bg: #fff !default;
$carousel-indicator-border-color: #fff !default; $carousel-indicator-border-color: #fff !default;

File diff suppressed because one or more lines are too long

View File

@ -64,7 +64,7 @@ a.btn-primary {
} }
.fa{ .fa{
transform: translate(0, 1px); transform: translate(0, 1px);
font-size: 16px; font-size: 1em;
padding-right: 4px; padding-right: 4px;
} }
} }

View File

@ -12,7 +12,7 @@
cursor: pointer; cursor: pointer;
display: none; display: none;
color: $theme-white; color: $theme-white;
font-size: 12px; font-size: 0.75em;
border-radius: 2px; border-radius: 2px;
z-index: 1050; z-index: 1050;

View File

@ -23,7 +23,7 @@
.status { .status {
font-family: $main-font; font-family: $main-font;
font-size: 12px; font-size: 0.75em;
} }
.status-top { .status-top {

View File

@ -407,7 +407,7 @@ h3.w-annc__widget-title {
.w-annc__title { .w-annc__title {
font-family: $main-font; font-family: $main-font;
line-height: 1.3; line-height: 1.3;
font-size: 28px; font-size: 1.75em;
color: #fff; color: #fff;
} }
} }
@ -793,7 +793,7 @@ h3.w-annc__widget-title {
.s-annc__social .print-button { .s-annc__social .print-button {
color: #fff; color: #fff;
font-size: 11px; font-size: 0.6875em;
border-radius: 4px; border-radius: 4px;
padding: 2px 6px; padding: 2px 6px;
background-color: $theme-color-main; background-color: $theme-color-main;

View File

@ -78,7 +78,7 @@
} }
.i-archive__category-item { .i-archive__category-item {
font-size: 13px; font-size:0.8125em;
display: inline; display: inline;
font-size: .8125rem; font-size: .8125rem;
} }
@ -98,7 +98,7 @@
} }
.i-archive__file-name { .i-archive__file-name {
font-size: 12px; font-size: 0.75em;
font-size: 0.75rem; font-size: 0.75rem;
} }
} }
@ -119,7 +119,7 @@
} }
.i-archive-files-item { .i-archive-files-item {
font-size: 13px; font-size:0.8125em;
font-family: $main-font; font-family: $main-font;
} }
@ -167,7 +167,7 @@
padding: 10px 12px; padding: 10px 12px;
margin-right: 5px; margin-right: 5px;
border-radius: 4px; border-radius: 4px;
font-size: 15px; font-size: 0.9375em;
&:hover { &:hover {
background-color: darken($theme-color-main, 7%); background-color: darken($theme-color-main, 7%);
@ -192,7 +192,7 @@
} }
.i-archive__archive-title { .i-archive__archive-title {
font-size: 15px; font-size: 0.9375em;
} }
.tab-content { .tab-content {
@ -200,7 +200,7 @@
} }
.i-archive__file-name { .i-archive__file-name {
font-size: 13px; font-size:0.8125em;
} }
.i-archive__file-wrap { .i-archive__file-wrap {

View File

@ -71,11 +71,11 @@
.index-content-title { .index-content-title {
font-family: $main-font; font-family: $main-font;
font-size: 15px; font-size: 0.9375em;
} }
.index-img-description { .index-img-description {
font-size: 13px; font-size:0.8125em;
} }
} }
} }
@ -103,11 +103,11 @@
.index-content-title { .index-content-title {
font-family: $main-font; font-family: $main-font;
font-size: 15px; font-size: 0.9375em;
} }
.index-img-description { .index-img-description {
font-size: 13px; font-size:0.8125em;
} }
} }
} }
@ -140,7 +140,7 @@
.show-description { .show-description {
font-family: $main-font; font-family: $main-font;
font-size: 13px; font-size:0.8125em;
padding: 8px; padding: 8px;
} }
} }

View File

@ -196,14 +196,14 @@
font-family: $sub-font; font-family: $sub-font;
th, td { th, td {
font-size: 15px; font-size: 0.9375em;
} }
.member-plugins { .member-plugins {
margin: 20px 0; margin: 20px 0;
a { a {
font-size: 15px; font-size: 0.9375em;
} }
} }
} }

View File

@ -205,7 +205,7 @@
display: block; display: block;
padding: 11px 25px; padding: 11px 25px;
font-family: $main-font; font-family: $main-font;
font-size: 15px; font-size: 0.9375em;
color: #fff; color: #fff;
} }

View File

@ -63,7 +63,7 @@
.index-context { .index-context {
display: inline-block; display: inline-block;
font-size: 13px; font-size:0.8125em;
margin: 0 0 10px 2em; margin: 0 0 10px 2em;
color: darken($theme-gray-light, 20%); color: darken($theme-gray-light, 20%);
} }
@ -71,7 +71,7 @@
.index-content-title { .index-content-title {
font-family: $main-font; font-family: $main-font;
font-size: 16px; font-size: 1em;
} }
} }
} }

View File

@ -6,7 +6,7 @@ body {
color: #000; color: #000;
font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; font-family: Arial, "Helvetica Neue", Helvetica, sans-serif;
line-height: 1.3; line-height: 1.3;
font-size: 12pt; font-size: 1em;
} }
blockquote, blockquote,

View File

@ -19,6 +19,20 @@
// Widget // Widget
@import "widget/*"; @import "widget/*";
.layout-content .box-social-share {
clear: both;
}
.box-social-share {
margin: 15px 0;
}
.box-social-share>* {
display: inline-block !important;
margin: 0 6px 0 0 !important;
vertical-align: top !important;
position: relative;
top: 0;
transition: 0.2s;
}
.black-screen{ .black-screen{
position: fixed; position: fixed;
width: 100%; width: 100%;
@ -70,7 +84,7 @@
padding: 5px 10px; padding: 5px 10px;
background: $theme-color-main; background: $theme-color-main;
color:#fff; color:#fff;
font-size: 18px; font-size: 1.125em;
transition:.3s; transition:.3s;
&:hover{ &:hover{
background: $theme-color-second; background: $theme-color-second;

View File

@ -75,7 +75,7 @@
padding-right: 20px; padding-right: 20px;
.fa{ .fa{
padding-right: 5px; padding-right: 5px;
font-size: 14px; font-size: 0.875em;
} }
} }
.sitemenu-list { .sitemenu-list {

View File

@ -1,11 +1,4 @@
<div id="fb-root"></div> <div id="fb-root"></div>
<script>(function(d, s, id) {
var js, fjs = d.getElementsByTagName(s)[0];
if (d.getElementById(id)) return;
js = d.createElement(s); js.id = id;
js.src = "//connect.facebook.net/zh_TW/sdk.js#xfbml=1&version=v2.0";
fjs.parentNode.insertBefore(js, fjs);
}(document, 'script', 'facebook-jssdk'));</script>
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script> <script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>

View File

@ -22,6 +22,7 @@
<main id="main-content" class="main-content" data-content="true"> <main id="main-content" class="main-content" data-content="true">
<%= yield %> <%= yield %>
</main> </main>
<%= render_every_page_sharer %>
<div class="extra" data-pp="700"></div> <div class="extra" data-pp="700"></div>
</section> </section>
</div> </div>

View File

@ -14,8 +14,8 @@
<div class="i-member-profile-data-wrap col-sm-9"> <div class="i-member-profile-data-wrap col-sm-9">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -14,8 +14,8 @@
<div class="i-member-profile-data-wrap col-sm-8"> <div class="i-member-profile-data-wrap col-sm-8">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>

View File

@ -9,8 +9,8 @@
<div class="i-member-profile-data-wrap"> <div class="i-member-profile-data-wrap">
<ul class="i-member-profile-list" data-list="profile_data" data-level="3"> <ul class="i-member-profile-list" data-list="profile_data" data-level="3">
<li class="i-member-profile-item"> <li class="i-member-profile-item">
<span class="i-member-title {{title_class}}">{{title}}</span> <span class="i-member-title {{title_class}}"><strong>{{title}} : </strong></span>
<span class="i-member-value {{value_class}}">: {{value}}</span> <span class="i-member-value {{value_class}}">{{value}}</span>
</li> </li>
</ul> </ul>
</div> </div>