Fix accessibility.
This commit is contained in:
BoHung Chiu 2021-06-28 19:13:14 +08:00
parent a03f0024a9
commit c192335b70
20 changed files with 54 additions and 61 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-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-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).
$padding-base-vertical: 6px !default;
$padding-base-horizontal: 12px !default;
$padding-base-vertical: 0.375em !default;
$padding-base-horizontal: 0.75em !default;
$padding-large-vertical: 10px !default;
$padding-large-horizontal: 16px !default;
$padding-large-vertical: 0.625em !default;
$padding-large-horizontal: 1em !default;
$padding-small-vertical: 5px !default;
$padding-small-horizontal: 10px !default;
$padding-small-vertical: 0.3125em !default;
$padding-small-horizontal: 0.625em !default;
$padding-xs-vertical: 1px !default;
$padding-xs-horizontal: 5px !default;
$padding-xs-vertical: 0.0625em !default;
$padding-xs-horizontal: 0.3125em !default;
$line-height-large: 1.33 !default;
$line-height-small: 1.5 !default;
@ -330,7 +330,7 @@ $container-lg: $container-large-desktop !default;
//##
// Basics of a navbar
$navbar-height: 50px !default;
$navbar-height: 3.125em !default;
$navbar-margin-bottom: $line-height-computed !default;
$navbar-border-radius: $border-radius-base !default;
$navbar-padding-horizontal: floor(($grid-gutter-width / 2)) !default;

File diff suppressed because one or more lines are too long

View File

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

View File

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

View File

@ -60,7 +60,7 @@
font: 15px/20px $main-font;
.fa {
color: #666;
font-size: 18px;
font-size: 1.125em;
margin: 0 3px 0 0;
}
}

View File

@ -74,7 +74,7 @@
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 14px;
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
@ -138,7 +138,7 @@
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 14px;
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
@ -201,7 +201,7 @@
top: 10px;
line-height: 20px;
.w-annc__more{
color: #4f453b;font-size: 14px;
color: #4f453b;font-size: 0.875em;
&:hover{
color:#991c22;
}
@ -405,7 +405,7 @@
line-height: 35px;
right: 1%;
font-size: 14px;
font-size: 0.875em;
a.w-annc__more{
color: #222;
&:hover{
@ -470,7 +470,7 @@
padding: 20px 1em;
h3{
margin-top: 0;
font-size: 22px;
font-size: 1.375em;
border-bottom: 3px solid #79050b;
color: #79050b;
margin-bottom: 12px;

View File

@ -38,10 +38,10 @@
background: rgba(0,0,0,.5);
color: #fff;
padding: 10px;
font-size: 14px;
font-size: 0.875em;
}
.w-annc__subtitle{
font-size: 14px;
font-size: 0.875em;
color: #666;
font-family: '微軟正黑體','sans-serif';
line-height: 1.7em;

View File

@ -133,7 +133,7 @@
.w-annc__title {
font-family: $main-font;
line-height: 1.3;
font-size: 13px;
font-size: 0.8125em;
}
.w-annc__item {
@ -141,7 +141,7 @@
padding-bottom: 0;
margin-bottom: 0;
p{
font-size: 13px;
font-size: 0.8125em;
}
}
}
@ -458,7 +458,7 @@
.w-annc__title {
font-family: $main-font;
line-height: 1.3;
font-size: 20px;
font-size: 1.25em;
color: #453839;
}
@ -466,7 +466,7 @@
.w-annc__meta{ /*date*/
text-align: center;
.w-annc__postdate-wrap{
font-size: 18px;
font-size: 1.125em;
color: #fff;
padding: 10px 13px;
background-color: #cca129;
@ -781,7 +781,7 @@
.s-annc__social .print-button {
color: #fff;
font-size: 11px;
font-size: 0.6875em;
border-radius: 4px;
padding: 2px 6px;
background-color: $theme-color-main;

View File

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

View File

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

View File

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

View File

@ -193,7 +193,7 @@
display: block;
padding: 18px 25px;
font-family: $main-font;
font-size: 15px;
font-size: 0.9375em;
@media (min-width: $screen-sm) {
padding: 11px 25px;
}

View File

@ -4,7 +4,7 @@
.left-column {
.o-question {
font-size: 15px;
font-size: 0.9375em;
}
.o-question input[type="checkbox"], .o-question input[type="radio"] {
margin: 0 5px 0 0 !important;
@ -14,7 +14,7 @@
}
.o-question-topic {
color: #666;
font-size: 24px;
font-size: 1.5em;
line-height: normal;
padding: 0;
margin-bottom: 10px;
@ -38,7 +38,7 @@
}
.o-question-list > li {
border-top: 1px solid #e2e2e2;
font-size: 13px;
font-size: 0.8125em;
list-style: outside none none;
margin: 0;
padding: 15px;
@ -77,7 +77,7 @@
.o-question-title {
color: #666;
display: inline-block;
font-size: 15px;
font-size: 0.9375em;
font-weight: normal;
line-height: 24px;
margin: 0 25px 0 0;
@ -97,7 +97,7 @@
background-color: #991c22;
color: #fff;
display: inline;
font-size: 13px;
font-size: 0.8125em;
line-height: 22px;
}
@ -160,7 +160,7 @@
.o-question-group.view-list {
list-style: outside none none;
color: #666;
font-size: 15px;
font-size: 0.9375em;
margin: 5px 0 0 0;
}
.o-question-group.view-list .o-question-option {

View File

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

View File

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

View File

@ -70,7 +70,7 @@
padding: 5px 10px;
background: $theme-color-main;
color:#fff;
font-size: 18px;
font-size: 1.125em;
transition:.3s;
&:hover{
background: $theme-color-second;

View File

@ -1,11 +1,4 @@
<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>

View File

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

View File

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

View File

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