Annotation-Pushers
/
Annotation-System
1
Fork 0
Code Issues 1 Pull Requests Projects Releases Wiki Activity

cinera.css: Use rem unit for font-size

This commit is contained in:
Matt Mascarenhas 2021-06-09 16:30:06 +01:00
parent 07795b7cbd
commit 373195069a
2 changed files with 14 additions and 14 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
cinera/cinera.c
View File

@ -23,7 +23,7 @@ typedef struct
version CINERA_APP_VERSION = { version CINERA_APP_VERSION = {
.Major = 0, .Major = 0,
.Minor = 8, .Minor = 8,
.Patch = 18 .Patch = 19
}; };
#include <stdarg.h> // NOTE(matt): varargs #include <stdarg.h> // NOTE(matt): varargs

26
cinera/cinera.css
View File

@ -250,7 +250,7 @@ ul.cineraNavPlain li.current > a {
.cineraMenuItem .cineraMenuItem
{ {
font-weight: bold; font-weight: bold;
font-size: 12px; font-size: 1rem;
} }
.cineraQueryContainer { .cineraQueryContainer {
@ -282,7 +282,7 @@ ul.cineraNavPlain li.current > a {
position: absolute; position: absolute;
top: 2px; top: 2px;
right: 5px; right: 5px;
font-size: small; font-size: .5rem;
color: #000000; color: #000000;
height: 100%; height: 100%;
display: none; display: none;
@ -332,7 +332,7 @@ ul.cineraNavPlain li.current > a {
border: 1px solid; border: 1px solid;
text-align: center; text-align: center;
font-size: 16px; font-size: 1rem;
font-weight: bold; font-weight: bold;
flex-direction: column; flex-direction: column;
@ -411,7 +411,7 @@ ul.cineraNavPlain li.current > a {
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
flex-shrink: 0; flex-shrink: 0;
font-size: 12px; font-size: .75rem;
line-height: 16px; line-height: 16px;
padding: 5px; padding: 5px;
vertical-align: top; vertical-align: top;
@ -510,7 +510,7 @@ ul.cineraNavPlain li.current > a {
padding: 4px; padding: 4px;
width: 6px; width: 6px;
margin: 2px; margin: 2px;
font-size: 12px; font-size: .75rem;
font-weight: bold; font-weight: bold;
line-height: 6px; line-height: 6px;
text-align: center; text-align: center;
@ -540,7 +540,7 @@ ul.cineraNavPlain li.current > a {
.cineraHelp .help_container .help_key { .cineraHelp .help_container .help_key {
box-sizing: content-box; box-sizing: content-box;
font-family: Inconsolata; font-family: Inconsolata;
font-size: 16px; font-size: 1rem;
border: 1px solid; border: 1px solid;
display: inline-block; display: inline-block;
background-color: #111111; /* Per project */ background-color: #111111; /* Per project */
@ -589,7 +589,7 @@ ul.cineraNavPlain li.current > a {
.cineraHelp .help_container h2 { .cineraHelp .help_container h2 {
font-size: 16px; font-size: 1rem;
margin-bottom: 8px; margin-bottom: 8px;
} }
@ -669,7 +669,7 @@ ul.cineraNavPlain li.current > a {
.cineraMenus > .menu > .refs .ref .timecode, .cineraMenus > .menu > .refs .ref .timecode,
.cineraMenus > .menu > .filter_container .filter_mode, .cineraMenus > .menu > .filter_container .filter_mode,
.cineraMenus > .menu > .link_container #cineraLinkMode { .cineraMenus > .menu > .link_container #cineraLinkMode {
font-size: 12px; font-size: .75rem;
} }
.cineraMenus > .menu > .filter_container .filter_mode, .cineraMenus > .menu > .filter_container .filter_mode,
@ -699,7 +699,7 @@ ul.cineraNavPlain li.current > a {
.cineraMenus > .menu > .refs .ref .quote_byline, .cineraMenus > .menu > .refs .ref .quote_byline,
.cineraMenus > .menu > .filter_container .filter_title, .cineraMenus > .menu > .filter_container .filter_title,
.cineraMenus > .menu > .credits_container .credit .role { .cineraMenus > .menu > .credits_container .credit .role {
font-size: 10px; font-size: .64rem;
} }
.cineraMenus > .menu > .refs .ref .source, .cineraMenus > .menu > .refs .ref .source,
@ -832,7 +832,7 @@ ul.cineraNavPlain li.current > a {
.cineraPlayerContainer .markers_container > .episodeMarker { .cineraPlayerContainer .markers_container > .episodeMarker {
text-decoration: none; text-decoration: none;
display: flex; display: flex;
font-size: 11px; font-size: .75rem;
font-weight: bold; font-weight: bold;
} }
@ -860,7 +860,7 @@ ul.cineraNavPlain li.current > a {
} }
.cineraPlayerContainer .markers_container > .episodeMarker div:not(:nth-of-type(2)) { .cineraPlayerContainer .markers_container > .episodeMarker div:not(:nth-of-type(2)) {
font-size: 15px; font-size: .9rem;
font-weight: normal; font-weight: normal;
} }
@ -901,7 +901,7 @@ ul.cineraNavPlain li.current > a {
.cineraPlayerContainer .markers_container > .markers .marker .cineraContent { .cineraPlayerContainer .markers_container > .markers .marker .cineraContent {
display: inline-block; display: inline-block;
font-size: 14px; font-size: .8rem;
} }
.cinera:not(.mobile) .cineraPlayerContainer .markers_container > .markers .marker.skip { .cinera:not(.mobile) .cineraPlayerContainer .markers_container > .markers .marker.skip {
@ -940,7 +940,7 @@ ul.cineraNavPlain li.current > a {
} }
.cineraPlayerContainer .markers_container > .markers .marker .timecode { .cineraPlayerContainer .markers_container > .markers .marker .timecode {
font-size: 9px; font-size: .6rem;
font-style: normal; font-style: normal;
padding-right: 8px; padding-right: 8px;
position: relative; position: relative;