open.source/stylus
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

simplified font CSS

Browse Source
This commit is contained in:
tophf 2018-08-20 12:57:17 +03:00
parent c0c5f1dbcc
commit b82b8e10d6
2 changed files with 27 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

47
global.css
View File

@ -1,3 +1,20 @@
body {
font: normal 12px Arial, system-ui, sans-serif;
}
body:lang(ja) {
font-family: Arial, 'Meiryo UI', 'MS Gothic', system-ui, sans-serif;
}
body:lang(zh-CN) {
font-family: Arial, 'Microsoft YaHei UI', 'Microsoft YaHei', system-ui, sans-serif;
}
body:lang(zh-TW),
body:lang(zh-HK) {
font-family: Arial, 'Microsoft JhengHei UI', 'Microsoft JhengHei', system-ui, sans-serif;
}
button { button {
-webkit-appearance: none; -webkit-appearance: none;
-moz-appearance: none; -moz-appearance: none;
@ -8,7 +25,8 @@ button {
text-overflow: ellipsis; text-overflow: ellipsis;
padding: 2px 7px; padding: 2px 7px;
border: 1px solid hsl(0, 0%, 62%); border: 1px solid hsl(0, 0%, 62%);
font: 400 13.3333px Arial; font: inherit;
font-size: 13px;
color: #000; color: #000;
background-color: hsl(0, 0%, 100%); background-color: hsl(0, 0%, 100%);
background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwGBBwIHvKt6QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAL0lEQVQI12NoaGgQZ2JgYGBkYmBgYGZiYGBggrMY4VxsYsyoskQQCB2MWAxAMhkADVECDhlW9CoAAAAASUVORK5CYII='); background-image: url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAAeCAYAAADtlXTHAAAABmJLR0QA/wD/AP+gvaeTAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAB3RJTUUH4QwGBBwIHvKt6QAAAB1pVFh0Q29tbWVudAAAAAAAQ3JlYXRlZCB3aXRoIEdJTVBkLmUHAAAAL0lEQVQI12NoaGgQZ2JgYGBkYmBgYGZiYGBggrMY4VxsYsyoskQQCB2MWAxAMhkADVECDhlW9CoAAAAASUVORK5CYII=');
@ -36,6 +54,10 @@ button:active {
border-color: hsl(0, 0%, 50%); border-color: hsl(0, 0%, 50%);
} }
input {
font: inherit;
}
input:not([type]) { input:not([type]) {
background: #fff; background: #fff;
color: #000; color: #000;
@ -43,7 +65,7 @@ input:not([type]) {
min-height: 22px!important; min-height: 22px!important;
line-height: 22px; line-height: 22px;
padding: 0 3px; padding: 0 3px;
font: 400 13.3333px Arial; font: inherit;
border: 1px solid hsl(0, 0%, 66%); border: 1px solid hsl(0, 0%, 66%);
} }
@ -110,7 +132,7 @@ select {
-moz-appearance: none; -moz-appearance: none;
-webkit-appearance: none; -webkit-appearance: none;
height: 22px; height: 22px;
font: 400 13.3333px Arial; font: inherit;
color: #000; color: #000;
background-color: transparent; background-color: transparent;
border: 1px solid hsl(0, 0%, 66%); border: 1px solid hsl(0, 0%, 66%);
@ -186,19 +208,6 @@ select[disabled] > option {
outline: none; outline: none;
} }
/* use a readable font for Japanese/Chinese */
.actions:lang(ja) *,
#header:lang(ja) * {
font-family: 'Meiryo UI', system-ui, 'MS Gothic', Arial, sans-serif;
font-weight: normal;
}
.actions:lang(zh) *,
#header:lang(zh) * {
font-family: 'MingLiU', system-ui, Arial, sans-serif;
}
@supports (-moz-appearance: none) { @supports (-moz-appearance: none) {
.moz-appearance-bug .svg-icon.checked, .moz-appearance-bug .svg-icon.checked,
.moz-appearance-bug .onoffswitch input, .moz-appearance-bug .onoffswitch input,
@ -215,7 +224,6 @@ select[disabled] > option {
} }
.firefox select { .firefox select {
font-size: 13px;
padding: 0 20px 0 2px; padding: 0 20px 0 2px;
line-height: 22px!important; line-height: 22px!important;
} }
@ -243,13 +251,8 @@ select[disabled] > option {
padding: 4px; padding: 4px;
} }
.firefox.non-windows .style-name {
font-family: Arial, sans-serif;
}
/* Firefox cannot handle fractions in font-size */ /* Firefox cannot handle fractions in font-size */
.firefox button:not(.install) { .firefox button:not(.install) {
font-size: 13px;
line-height: 13px; line-height: 13px;
padding: 3px 7px; padding: 3px 7px;
} }

9
manage/manage.css
View File

@ -14,12 +14,8 @@ body {
height: 100%; height: 100%;
} }
body, #header:lang(ja) h1 {
select, font-weight: normal;
.firefox select,
#search,
#manage\.newUI\.sort {
font: normal 12px Arial, sans-serif;
} }
body.all-styles-hidden-by-filters:before, body.all-styles-hidden-by-filters:before,
@ -471,7 +467,6 @@ a:hover {
.newUI .style-name { .newUI .style-name {
font-size: 14px; font-size: 14px;
font-family: sans-serif;
text-indent: calc(var(--checkbox-width) - var(--name-padding-left) - 4px); text-indent: calc(var(--checkbox-width) - var(--name-padding-left) - 4px);
padding-left: var(--name-padding-left); padding-left: var(--name-padding-left);
padding-right: var(--name-padding-right); padding-right: var(--name-padding-right);