anglk
/
web-narrowcast
forked from varia/web-narrowcast
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity
Browse Source

Run formatter there

master
decentral1se 4 years ago
parent
2df9821c71
commit
f2784ae2fb
No known key found for this signature in database GPG Key ID: 92DAD76BD9567B8A
1 changed files with 143 additions and 142 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Unified View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 285
      narrowstyle.css

285
narrowstyle.css
View File

@ -1,56 +1,57 @@
@font-face { @font-face {
font-family: 'Computer Modern Classical Serif Italic'; font-family: "Computer Modern Classical Serif Italic";
src: url('cmunci.eot'); src: url("cmunci.eot");
src: url('cmunci.eot?#iefix') format('embedded-opentype'), src: url("cmunci.eot?#iefix") format("embedded-opentype"),
url('cmunci.woff') format('woff'), url("cmunci.woff") format("woff"), url("cmunci.ttf") format("truetype"),
url('cmunci.ttf') format('truetype'), url("cmunci.svg#cmunci") format("svg");
url('cmunci.svg#cmunci') format('svg'); font-weight: normal;
font-weight: normal; font-style: italic;
font-style: italic;
} }
@font-face { @font-face {
font-family: 'Computer Modern Typewriter Light'; font-family: "Computer Modern Typewriter Light";
src: url('cmunbtl.eot'); src: url("cmunbtl.eot");
src: url('cmunbtl.eot?#iefix') format('embedded-opentype'), src: url("cmunbtl.eot?#iefix") format("embedded-opentype"),
url('cmunbtl.woff') format('woff'), url("cmunbtl.woff") format("woff"), url("cmunbtl.ttf") format("truetype"),
url('cmunbtl.ttf') format('truetype'), url("cmunbtl.svg#cmuntt") format("svg");
url('cmunbtl.svg#cmuntt') format('svg'); font-weight: normal;
font-weight: normal; font-style: normal;
font-style: normal;
} }
@font-face { @font-face {
font-family: 'Computer Modern Typewriter Light'; font-family: "Computer Modern Typewriter Light";
src: url('cmunbto.eot'); src: url("cmunbto.eot");
src: url('cmunbto.eot?#iefix') format('embedded-opentype'), src: url("cmunbto.eot?#iefix") format("embedded-opentype"),
url('cmunbto.woff') format('woff'), url("cmunbto.woff") format("woff"), url("cmunbto.ttf") format("truetype"),
url('cmunbto.ttf') format('truetype'), url("cmunbto.svg#cmunbto") format("svg");
url('cmunbto.svg#cmunbto') format('svg'); font-weight: normal;
font-weight: normal; font-style: italic;
font-style: italic;
} }
html { html {
box-sizing: border-box; box-sizing: border-box;
height: 100%; height: 100%;
font-size: 14pt; font-size: 14pt;
line-height: 16pt; line-height: 16pt;
} }
*, *:before, *:after { *,
*:before,
*:after {
-webkit-box-sizing: inherit; -webkit-box-sizing: inherit;
-moz-box-sizing: inherit; -moz-box-sizing: inherit;
box-sizing: inherit; box-sizing: inherit;
} }
body{ body {
margin: 0rem; margin: 0rem;
font-family: 'Computer Modern Typewriter Light'; font-family: "Computer Modern Typewriter Light";
background-color: #393c56; background-color: #393c56;
color: #ffe4fd;; color: #ffe4fd;
} }
iframe, video { iframe,
border: none; video {
width: inherit; border: none;
width: inherit;
} }
a, button { a,
cursor: pointer; button {
cursor: pointer;
} }
.note { .note {
font-size: 0.8rem; font-size: 0.8rem;
@ -60,17 +61,17 @@ a, button {
margin: 0.2rem; margin: 0.2rem;
} }
.about { .about {
font-family: 'Computer Modern Classical Serif Italic'; font-family: "Computer Modern Classical Serif Italic";
font-size: 1.2rem; font-size: 1.2rem;
line-height: 0.6rem; line-height: 0.6rem;
position: fixed; position: fixed;
top: 0; top: 0;
right: 0; right: 0;
margin: 1rem; margin: 1rem;
color: #ffffe5; color: #ffffe5;
} }
.about a { .about a {
font-size: 1rem; font-size: 1rem;
color: #ffffe5; color: #ffffe5;
text-decoration: none; text-decoration: none;
} }
@ -86,21 +87,21 @@ a, button {
} }
.sidemin { .sidemin {
width: 300px; width: 300px;
transition: width 2s; transition: width 2s;
} }
.sideminclicked { .sideminclicked {
width: 20px; width: 20px;
} }
.sideminclicked + .live { .sideminclicked + .live {
transition: margin-left 2s; transition: margin-left 2s;
margin-left: 40px; margin-left: 40px;
} }
button.minimize{ button.minimize {
box-shadow: 0.3rem 0.2rem 0.6rem #ffe4fd; box-shadow: 0.3rem 0.2rem 0.6rem #ffe4fd;
font-size: 1rem; font-size: 1rem;
width: 2rem; width: 2rem;
background-color: #393c56; background-color: #393c56;
color: #ffe4fd; color: #ffe4fd;
@ -110,21 +111,22 @@ button.minimize{
margin: 0.5rem; margin: 0.5rem;
border: none; border: none;
} }
.sidetop, .sidebottom { .sidetop,
overflow-y: scroll; .sidebottom {
scrollbar-width: none; overflow-y: scroll;
overflow: -moz-scrollbars-none; scrollbar-width: none;
-ms-overflow-style: none; overflow: -moz-scrollbars-none;
-ms-overflow-style: -ms-autohiding-scrollbar; -ms-overflow-style: none;
overflow: -ms-autohiding-scrollbar; -ms-overflow-style: -ms-autohiding-scrollbar;
display: flex; overflow: -ms-autohiding-scrollbar;
flex-direction: column; display: flex;
padding: 1rem 1rem; flex-direction: column;
padding: 1rem 1rem;
} }
.sidetop { .sidetop {
height: 45vh; height: 45vh;
font-size: 1.2rem; font-size: 1.2rem;
justify-content: flex-end; justify-content: flex-end;
} }
.sidetop p { .sidetop p {
@ -133,60 +135,60 @@ button.minimize{
} }
.sidetop a { .sidetop a {
color: #ffe4fd; color: #ffe4fd;
margin-top: auto; margin-top: auto;
} }
.middle { .middle {
height: 80px; height: 80px;
font-size: 0.8rem; font-size: 0.8rem;
display: flex; display: flex;
flex-direction: column; flex-direction: column;
justify-content: space-between; justify-content: space-between;
/* box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/ /* box-shadow: -0.2rem -0.2rem 1rem #ffe4fd;*/
width: 100%; width: 100%;
padding: 0.5rem 1rem; padding: 0.5rem 1rem;
} }
.middle p{ .middle p {
margin: 0px; margin: 0px;
} }
#livetitle { #livetitle {
font-size: 2rem; font-size: 2rem;
animation: glow 1.6s infinite alternate; animation: glow 1.6s infinite alternate;
-webkit-animation: glow 1.6s infinite alternate; -webkit-animation: glow 1.6s infinite alternate;
} }
@-webkit-keyframes glow { @-webkit-keyframes glow {
to { to {
text-shadow: 0 0 8px #ff029c; text-shadow: 0 0 8px #ff029c;
} }
} }
@-webkit-keyframes glowbutton { @-webkit-keyframes glowbutton {
to { to {
box-shadow: 0 0 8px #ff029c; box-shadow: 0 0 8px #ff029c;
} }
} }
.sidebottom { .sidebottom {
height: 45vh; height: 45vh;
box-shadow: 10rem -6rem 4rem #ffe4fd; box-shadow: 10rem -6rem 4rem #ffe4fd;
} }
.sidebottom p { .sidebottom p {
margin: 0.25rem 0rem; margin: 0.25rem 0rem;
} }
.sidebottom a { .sidebottom a {
color: #aec7ea; color: #aec7ea;
} }
.sidebottom p:last-child { .sidebottom p:last-child {
padding-bottom: 2rem; padding-bottom: 2rem;
} }
.live { .live {
margin-left: 300px; margin-left: 300px;
display: inline-block; display: inline-block;
height: 100%; height: 100%;
width: 100%; width: 100%;
} }
.live > *{ .live > * {
/* touch-action: none;*/ /* touch-action: none;*/
} }
.resize-drag { .resize-drag {
@ -199,55 +201,54 @@ button.minimize{
border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
position: relative; position: relative;
} }
.drag::before, .resize-drag::before, .live > *::before { .drag::before,
content: "⇱"; .resize-drag::before,
font-size: 2rem; .live > *::before {
width: 1rem; content: "⇱";
height: 1rem; font-size: 2rem;
color: #393c56; width: 1rem;
position: absolute !important; height: 1rem;
z-index: 999; color: #393c56;
top: 0; position: absolute !important;
z-index: 999;
top: 0;
left: 0; left: 0;
display: block; display: block;
} }
.resize-drag:hover { .resize-drag:hover {
box-shadow: 0.2rem 0.2rem 0.6rem #ffe4fd; box-shadow: 0.2rem 0.2rem 0.6rem #ffe4fd;
animation: corners 8s infinite alternate; animation: corners 8s infinite alternate;
-o-animation: corners 8s infinite alternate; -o-animation: corners 8s infinite alternate;
-moz-animation: corners 8s infinite alternate; -moz-animation: corners 8s infinite alternate;
-webkit-animation: corners 8s infinite alternate; -webkit-animation: corners 8s infinite alternate;
} }
@keyframes corners { @keyframes corners {
0% { 0% {
border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
-webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem; -webkit-border-radius: 0.1rem 0.1rem 0.2rem 0.1rem;
}
20% {
border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
-webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
}
100% {
border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
-webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
}
} }
@-webkit-keyframes corners { 20% {
0% { border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
border-radius: 2rem 0rem 1rem 2rem; -webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
-webkit-border-radius: 2rem 0rem 1rem 2rem;
}
20% {
border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
-webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
}
100% {
border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
-webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
}
} }
100% {
border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
-webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
}
}
@-webkit-keyframes corners {
0% {
border-radius: 2rem 0rem 1rem 2rem;
-webkit-border-radius: 2rem 0rem 1rem 2rem;
}
20% {
border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
-webkit-border-radius: 0rem 4rem 2rem 1rem / 0rem 1rem 2rem 0rem;
}
100% {
border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
-webkit-border-radius: 1% 0% 0% 0% / 45% 0% 0% 0%;
}
}

Write Preview
Loading…
Cancel
Save