Do all the easy stuff
This commit is contained in:
Ben Visness
parent
54008b0c81
commit
f9d3fc6c6b
229
public/style.css
229
public/style.css
|
|
@ -7158,6 +7158,10 @@ code {
|
|||
--background-color: white;
|
||||
--color: black;
|
||||
--link-color: #cc3b95;
|
||||
--red: #c61d24;
|
||||
--dim-color: #333;
|
||||
--dimmer-color: #999;
|
||||
--dimmest-color: #bbb;
|
||||
--theme-color: #666;
|
||||
--theme-color-dim: #aaa;
|
||||
--theme-color-dimmer: #bbb;
|
||||
|
|
@ -7168,14 +7172,25 @@ code {
|
|||
--main-background-color-transparent: rgba(#f8f8f8, 0);
|
||||
--card-background: #e8e8e8;
|
||||
--card-background-hover: #f0f0f0;
|
||||
--dim-background: #f0f0f0;
|
||||
--dim-background-transparent: rgba(#f0f0f0, 0);
|
||||
--forum-thread-read-color: #555;
|
||||
--forum-thread-read-link-color: #888;
|
||||
--notice-hiatus-color: #aa7d30;
|
||||
--notice-dead-color: #b42222;
|
||||
--notice-lts-color: #43a52f;
|
||||
--notice-success-color: #43a52f;
|
||||
--notice-warn-color: #aa7d30;
|
||||
--notice-failure-color: #b42222;
|
||||
}
|
||||
@media (prefers-color-scheme: dark) {
|
||||
:root {
|
||||
--background-color: #202020;
|
||||
--color: #eee;
|
||||
--link-color: #cc3b95;
|
||||
--dim-color: #bbb;
|
||||
--dimmer-color: #999;
|
||||
--dimmest-color: #777;
|
||||
--theme-color: #666;
|
||||
--theme-color-dim: #444;
|
||||
--theme-color-dimmer: #383838;
|
||||
|
|
@ -7186,8 +7201,16 @@ code {
|
|||
--main-background-color-transparent: rgba(#202020, 0);
|
||||
--card-background: #282828;
|
||||
--card-background-hover: #333;
|
||||
--dim-background: #252525;
|
||||
--dim-background-transparent: rgba(#252525, 0);
|
||||
--forum-thread-read-color: #777;
|
||||
--forum-thread-read-link-color: #999;
|
||||
--notice-hiatus-color: #876327;
|
||||
--notice-dead-color: #7a2020;
|
||||
--notice-lts-color: #2a681d;
|
||||
--notice-success-color: #2a681d;
|
||||
--notice-warn-color: #876327;
|
||||
--notice-failure-color: #7a2020;
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -7694,6 +7717,105 @@ code,
|
|||
--fade-color: var(--background-even-background);
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/carousel.css */
|
||||
.carousel-container .carousel {
|
||||
position: relative;
|
||||
}
|
||||
.carousel-container .carousel-item:not(.active) {
|
||||
display: none;
|
||||
}
|
||||
.carousel-container .carousel-buttons {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
.carousel-container .carousel-button {
|
||||
border: 1px solid;
|
||||
border-color: var(--dimmer-color);
|
||||
cursor: pointer;
|
||||
transition: all 100ms ease-in-out;
|
||||
}
|
||||
.carousel-container .carousel-button:hover {
|
||||
background-color: var(--dimmest-color);
|
||||
}
|
||||
.carousel-container .carousel-button.active {
|
||||
border-color: var(--theme-color);
|
||||
width: var(--width-2);
|
||||
}
|
||||
.carousel-container .carousel-button.active:hover {
|
||||
background-color: var(--theme-color-dimmest);
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/editor.css */
|
||||
#preview:empty::after {
|
||||
content: "A preview of your post will appear here.";
|
||||
color: var(--dimmer-color);
|
||||
font-style: italic;
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
#preview-container {
|
||||
max-height: calc(100vh - 20rem);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
.edit-form .edit-form-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: var(--spacing-medium);
|
||||
margin-bottom: var(--spacing-medium);
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
.edit-form .edit-form-row {
|
||||
flex-direction: row;
|
||||
}
|
||||
}
|
||||
.edit-form .edit-form-row > :first-child {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
text-align: left;
|
||||
padding-right: 0;
|
||||
padding-bottom: var(--spacing-extra-small);
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
.edit-form .edit-form-row > :first-child {
|
||||
width: var(--width-4);
|
||||
text-align: right;
|
||||
padding-right: var(--spacing-small);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
.edit-form .edit-form-row > :nth-child(2) {
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
.edit-form .edit-form-row .pt-input-ns {
|
||||
padding-top: var(--spacing-extra-small);
|
||||
}
|
||||
}
|
||||
.edit-form input[type=text] {
|
||||
width: 100%;
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
.edit-form input[type=text] {
|
||||
max-width: var(--width-5);
|
||||
}
|
||||
}
|
||||
.edit-form input[type=text]:invalid {
|
||||
border-color: var(--red);
|
||||
}
|
||||
.edit-form textarea {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: var(--height-3);
|
||||
}
|
||||
@media screen and (min-width: 35em) {
|
||||
.edit-form textarea {
|
||||
width: var(--width-6);
|
||||
}
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/forum.css */
|
||||
.thread-list-item .latestpost {
|
||||
width: 16.5rem;
|
||||
|
|
@ -7926,6 +8048,113 @@ header .submenu > a {
|
|||
}
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/icons.css */
|
||||
@font-face {
|
||||
font-family: icons;
|
||||
src: url("./icons-7ANC2ICW.ttf?v=4");
|
||||
}
|
||||
span.icon {
|
||||
font-family: "icons";
|
||||
}
|
||||
span.icon-settings::before {
|
||||
font-family: "icons";
|
||||
content: "0";
|
||||
}
|
||||
span.icon-link::before {
|
||||
font-family: "icons";
|
||||
content: "1";
|
||||
}
|
||||
span.icon-logout::before {
|
||||
font-family: "icons";
|
||||
content: "2";
|
||||
}
|
||||
span.icon-twitter::before {
|
||||
font-family: "icons";
|
||||
content: "#";
|
||||
}
|
||||
span.icon-twitch::before {
|
||||
font-family: "icons";
|
||||
content: "$";
|
||||
}
|
||||
span.icon-github::before {
|
||||
font-family: "icons";
|
||||
content: "%";
|
||||
}
|
||||
span.icon-patreon::before {
|
||||
font-family: "icons";
|
||||
content: "&";
|
||||
}
|
||||
span.icon-youtube::before {
|
||||
font-family: "icons";
|
||||
content: "'";
|
||||
}
|
||||
span.icon-soundcloud::before {
|
||||
font-family: "icons";
|
||||
content: "*";
|
||||
}
|
||||
span.icon-web::before {
|
||||
font-family: "icons";
|
||||
content: "3";
|
||||
}
|
||||
span.icon-itchio::before {
|
||||
font-family: "icons";
|
||||
content: "+";
|
||||
}
|
||||
span.icon-hitbox::before {
|
||||
font-family: "icons";
|
||||
content: ",";
|
||||
}
|
||||
span.icon-rss::before {
|
||||
font-family: "icons";
|
||||
content: "4";
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/notices.css */
|
||||
.notice a {
|
||||
color: inherit;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
.notice-hiatus {
|
||||
background-color: var(--notice-hiatus-color);
|
||||
}
|
||||
.notice-dead {
|
||||
background-color: var(--notice-dead-color);
|
||||
}
|
||||
.notice-lts {
|
||||
background-color: var(--notice-lts-color);
|
||||
}
|
||||
.notice-success {
|
||||
background-color: var(--notice-success-color);
|
||||
}
|
||||
.notice-warn {
|
||||
background-color: var(--notice-warn-color);
|
||||
}
|
||||
.notice-failure {
|
||||
background-color: var(--notice-failure-color);
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/progress_bar.css */
|
||||
.upload_bar.uploading .instructions,
|
||||
.upload_bar:not(.uploading) .progress {
|
||||
display: none;
|
||||
}
|
||||
.upload_bar .progress_bar {
|
||||
border: 2px solid;
|
||||
border-color: var(--link-color);
|
||||
padding: 2px;
|
||||
}
|
||||
.upload_bar .progress_bar > div {
|
||||
background-color: var(--link-color);
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/showcase.css */
|
||||
.showcase-item .gradient {
|
||||
width: 100%;
|
||||
height: 114px;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
||||
/* src/rawdata/scss/timeline.css */
|
||||
.avatar-icon {
|
||||
object-fit: cover;
|
||||
|
|
|
|||
|
|
@ -1,23 +0,0 @@
|
|||
.unapproved-project {
|
||||
border-bottom: 1px solid transparent;
|
||||
padding: 10px;
|
||||
padding-bottom: 20px;
|
||||
|
||||
&.hidden-project {
|
||||
background: -moz-linear-gradient(left, rgba(132,26,26,0.4) 0%,rgba(132,26,26,0.1) 15%, rgba(132,26,26,0.0) 50%); /* FF3.6-15 */
|
||||
background: -webkit-linear-gradient(left, rgba(132,26,26,0.4) 0%,rgba(132,26,26,0.1) 15%, rgba(132,26,26,0.0) 50%); /* Chrome10-25,Safari5.1-6 */
|
||||
background: linear-gradient(to right, rgba(132,26,26,0.4) 0%,rgba(132,26,26,0.1) 15%, rgba(132,26,26,0.0) 50%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
|
||||
}
|
||||
|
||||
&:last-child {
|
||||
border-bottom-width: 0px;
|
||||
}
|
||||
}
|
||||
|
||||
.hidden-project-tag {
|
||||
color:red;
|
||||
}
|
||||
|
||||
a.new-user {
|
||||
display:block;
|
||||
}
|
||||
|
|
@ -1,70 +0,0 @@
|
|||
.userlist {
|
||||
text-align:center;
|
||||
width:100%;
|
||||
margin:0px auto;
|
||||
padding-top:30px;
|
||||
position:relative;
|
||||
line-height:0em;
|
||||
|
||||
.user {
|
||||
margin:5px;
|
||||
display:inline-block;
|
||||
height:200px;
|
||||
max-height:180px;
|
||||
text-align:left;
|
||||
position:relative;
|
||||
width:296px;
|
||||
border-radius:3px;
|
||||
line-height:1.4em;
|
||||
overflow:hidden;
|
||||
box-shadow:0px 2px 5px rgba(0,0,0,0.20);
|
||||
|
||||
top:0px;
|
||||
transition: box-shadow 0.2s, background-color 0.2s;
|
||||
|
||||
&:hover {
|
||||
box-shadow:0px 3px 7px rgba(0,0,0,0.20);
|
||||
}
|
||||
|
||||
table {
|
||||
/* Border and background color given by theme */
|
||||
border:1px solid transparent;
|
||||
width:100%;
|
||||
height:100%;
|
||||
}
|
||||
|
||||
.bottom {
|
||||
transition: background-color 0.2s;
|
||||
}
|
||||
|
||||
td {
|
||||
vertical-align:top;
|
||||
|
||||
&.avatar {
|
||||
width:100px;
|
||||
height:80px;
|
||||
}
|
||||
}
|
||||
|
||||
.name {
|
||||
text-align:left;
|
||||
|
||||
.username {
|
||||
vertical-align:middle;
|
||||
}
|
||||
}
|
||||
|
||||
.avatar .image {
|
||||
display:block;
|
||||
float:left;
|
||||
width:80px;
|
||||
height:80px;
|
||||
background-size:cover;
|
||||
margin-right:10px;
|
||||
}
|
||||
|
||||
.bio {
|
||||
padding:5px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,130 +0,0 @@
|
|||
// TODO: Old and wrong and bad
|
||||
.toolbar {
|
||||
@include usevar('background-color', 'editor-toolbar-background');
|
||||
@include usevar('border-color', 'editor-toolbar-border-color');
|
||||
|
||||
border-radius:3px;
|
||||
height: 2.2em;
|
||||
overflow-y:scroll;
|
||||
transition:all 0.3s;
|
||||
border: 1px solid transparent;
|
||||
|
||||
.button, input[type=button] {
|
||||
@include usevar('background-color', 'editor-toolbar-button-background');
|
||||
@include usevar('border-color', 'editor-toolbar-button-border-color');
|
||||
|
||||
line-height: 2.2em;
|
||||
box-shadow:none;
|
||||
border:0px;
|
||||
border-right:1px solid transparent;
|
||||
border-radius:0px;
|
||||
margin:0px;
|
||||
padding:0px 10px;
|
||||
height:100%;
|
||||
vertical-align:bottom;
|
||||
text-transform:none;
|
||||
font-weight:300;
|
||||
|
||||
&:hover {
|
||||
@include usevar('background-color', 'editor-toolbar-button-background-hover');
|
||||
}
|
||||
}
|
||||
|
||||
input[type="text"] {
|
||||
height:2.2em;
|
||||
border:0px solid transparent; /* Not themed */
|
||||
}
|
||||
}
|
||||
|
||||
#preview:empty::after {
|
||||
content: 'A preview of your post will appear here.';
|
||||
@include usevar(color, dimmer-color);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media #{$breakpoint-not-small} {
|
||||
#preview-container {
|
||||
max-height: calc(100vh - 20rem);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
.edit-form-row {
|
||||
@extend .flex;
|
||||
@extend .flex-column;
|
||||
@extend .flex-row-ns;
|
||||
@extend .mv3;
|
||||
|
||||
> :first-child {
|
||||
@extend .w-100;
|
||||
@extend .w4-ns;
|
||||
@extend .flex-grow-0;
|
||||
@extend .flex-shrink-0;
|
||||
@extend .tl;
|
||||
@extend .tr-ns;
|
||||
@extend .pr0;
|
||||
@extend .pr2-ns;
|
||||
@extend .pb1;
|
||||
@extend .pb0-ns;
|
||||
font-weight: 500;
|
||||
}
|
||||
|
||||
> :nth-child(2) {
|
||||
@extend .flex-grow-1;
|
||||
@extend .overflow-hidden;
|
||||
}
|
||||
|
||||
.pt-input-ns {
|
||||
// NOTE(ben): This could maybe be more general someday?
|
||||
@media #{$breakpoint-not-small} {
|
||||
padding-top: $input-padding;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
@extend .w-100;
|
||||
@extend .mw5-ns;
|
||||
}
|
||||
|
||||
input[type=text]:invalid {
|
||||
@include usevar(border-color, form-error-color);
|
||||
}
|
||||
|
||||
textarea {
|
||||
@extend .w-100;
|
||||
@extend .w6-ns;
|
||||
@extend .mw-100;
|
||||
@extend .h3;
|
||||
}
|
||||
|
||||
&.project-edit {
|
||||
.project_description {
|
||||
width: 100%;
|
||||
min-height: 400px;
|
||||
height: 30vh;
|
||||
}
|
||||
|
||||
input.project_blurb,
|
||||
input.project_name,
|
||||
{
|
||||
min-width: 300px;
|
||||
width: 50%;
|
||||
}
|
||||
|
||||
.quota-bar {
|
||||
// @include usevar(border-color, 'project-edit-quota-bar-border-color');
|
||||
|
||||
width: 500px;
|
||||
border-width: 1px;
|
||||
margin-bottom: 10px;
|
||||
|
||||
.quota-filled {
|
||||
// @include usevar(background-color, 'project-edit-quota-bar-filled-background');
|
||||
|
||||
height: 100%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -1,269 +0,0 @@
|
|||
.episode-list {
|
||||
.description p {
|
||||
line-height:1.42em;
|
||||
}
|
||||
|
||||
h2, h3 {
|
||||
font-size:1em;
|
||||
font-weight:bold;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin-bottom:30px;
|
||||
list-style-type:none;
|
||||
margin-top:-2px;
|
||||
}
|
||||
}
|
||||
|
||||
// UNUSED(outer_holder)
|
||||
#outer_holder .back {
|
||||
margin: 0px auto 20px auto;
|
||||
|
||||
.outer {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
-webkit-justify-content: center;
|
||||
justify-content: center;
|
||||
|
||||
& > .sidebar {
|
||||
max-width: 260px;
|
||||
|
||||
& > div {
|
||||
margin: 6px;
|
||||
background-color: #ddd;
|
||||
width: 200px;
|
||||
margin-bottom: 12px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
article {
|
||||
-webkit-box-flex: 1 1 40%;
|
||||
-moz-box-flex: 1 1 40%;
|
||||
-webkit-flex: 1 1 40%;
|
||||
-ms-flex: 1 1 40%;
|
||||
flex: 1 1 40%;
|
||||
}
|
||||
}
|
||||
|
||||
// UNUSED
|
||||
#player-wrapper {
|
||||
display: inline-block;
|
||||
-webkit-box-flex: 0 1 auto;
|
||||
-moz-box-flex: 0 1 auto;
|
||||
-webkit-flex: 0 1 auto;
|
||||
-ms-flex: 0 1 auto;
|
||||
flex: 0 1 auto;
|
||||
box-shadow: 0px 0px 4px #000;
|
||||
}
|
||||
|
||||
@media screen {
|
||||
#player-wrapper #player {
|
||||
width: 320px;
|
||||
height: 210px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 500px) {
|
||||
#player-wrapper #player {
|
||||
width: 480px;
|
||||
height: 300px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 670px) {
|
||||
#player-wrapper #player {
|
||||
width: 640px;
|
||||
height: 390px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 890px) {
|
||||
#player-wrapper #player {
|
||||
width: 854px;
|
||||
height: 510px;
|
||||
}
|
||||
}
|
||||
@media screen and (min-width: 1320px) {
|
||||
#player-wrapper #player {
|
||||
width: 1280px;
|
||||
height: 750px;
|
||||
}
|
||||
}
|
||||
|
||||
.annotation {
|
||||
display: -webkit-box;
|
||||
display: -moz-box;
|
||||
display: -ms-flexbox;
|
||||
display: -webkit-flex;
|
||||
display: flex;
|
||||
-webkit-flex-wrap: wrap;
|
||||
flex-wrap: wrap;
|
||||
align-items: flex-start;
|
||||
|
||||
.navigation {
|
||||
width: 450px;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.notes {
|
||||
display: inline-block;
|
||||
}
|
||||
}
|
||||
|
||||
// UNUSED(timecodes)
|
||||
nav.timecodes {
|
||||
margin: 0px;
|
||||
max-width: 450px;
|
||||
min-height: 700px;
|
||||
overflow-y: auto;
|
||||
-webkit-box-flex: 0 0 auto;
|
||||
-moz-box-flex: 0 0 auto;
|
||||
-webkit-flex: 0 0 auto;
|
||||
-ms-flex: 0 0 auto;
|
||||
flex: 0 0 auto;
|
||||
|
||||
a {
|
||||
color: #ccc;
|
||||
}
|
||||
|
||||
ul[name=markers] {
|
||||
margin: 0px;
|
||||
padding: 0px;
|
||||
list-style-type: none;
|
||||
font-size: 15px;
|
||||
|
||||
& > li {
|
||||
padding: 4px;
|
||||
display: block;
|
||||
border-bottom: 1px solid #333;
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0,90,0,0.3);
|
||||
}
|
||||
|
||||
a {
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
|
||||
span.timecode {
|
||||
color: #777777;
|
||||
float: left;
|
||||
font-size: 86%;
|
||||
margin-right: .5em;
|
||||
text-align: right;
|
||||
width: 42px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
// UNUSED
|
||||
#video-notes {
|
||||
min-height: 700px;
|
||||
margin-top: 0px;
|
||||
|
||||
pre {
|
||||
margin-top:1.5em;
|
||||
margin-left: 10px;
|
||||
margin-right: 30px;
|
||||
margin-bottom: 1.5em;
|
||||
padding: 10px;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
// UNUSED
|
||||
#game_icon {
|
||||
background-position: 0px 0px;
|
||||
background-repeat: no-repeat;
|
||||
background-image: url("/images/hero_home_200x114.png");
|
||||
background-size: cover;
|
||||
height: 113px;
|
||||
margin: 0px 0px 4px 0px;
|
||||
}
|
||||
|
||||
// UNUSED
|
||||
.sidebar-heading {
|
||||
margin: 0px 0px 16px;
|
||||
font-size: 18px;
|
||||
line-height: 24px;
|
||||
font-weight: bold;
|
||||
color: #00547c;
|
||||
white-space: nowrap;
|
||||
text-shadow: 1px 1px 2px rgba(0,0,0,0.25);
|
||||
text-align: center;
|
||||
}
|
||||
|
||||
// Episode Search
|
||||
|
||||
.queryContainer {
|
||||
width: 1000px;
|
||||
margin: 15px auto;
|
||||
display: flex;
|
||||
flex-direction: horizontal;
|
||||
|
||||
label {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
padding-right: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
#query {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
#results {
|
||||
width: 800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
.dayContainer:nth-child(2n) {
|
||||
background-color: rgba(0,0,0,0.05);
|
||||
}
|
||||
|
||||
.dayName {
|
||||
width: 200px;
|
||||
display: inline-block;
|
||||
vertical-align: top;
|
||||
line-height: 16px;
|
||||
box-sizing: border-box;
|
||||
padding: 5px;
|
||||
}
|
||||
|
||||
.markerList {
|
||||
display: inline-block;
|
||||
width: 600px;
|
||||
box-sizing: border-box;
|
||||
vertical-align: top;
|
||||
}
|
||||
|
||||
.marker {
|
||||
cursor: pointer;
|
||||
border-top: 1px solid rgba(255, 255, 255, 0.1);
|
||||
display: block;
|
||||
text-decoration: none;
|
||||
|
||||
&:first-child {
|
||||
border: none;
|
||||
}
|
||||
|
||||
&:hover {
|
||||
background-color: rgba(0, 0, 0, 0.1);
|
||||
}
|
||||
|
||||
b {
|
||||
color: black;
|
||||
background-color: rgb(255, 155, 0);
|
||||
}
|
||||
}
|
||||
|
||||
#resultsSummary {
|
||||
text-align: center;
|
||||
margin: 10px 0;
|
||||
}
|
||||
|
|
@ -1,206 +0,0 @@
|
|||
.chat {
|
||||
@include usevar(border-color, 'irc-border-color');
|
||||
|
||||
margin: auto;
|
||||
width: 100%;
|
||||
border: 1px solid transparent;
|
||||
position: relative;
|
||||
overflow: hidden;
|
||||
padding-right: 8px;
|
||||
box-sizing: border-box;
|
||||
|
||||
#tabs {
|
||||
overflow-y: scroll;
|
||||
box-sizing: border-box;
|
||||
|
||||
.hidden {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.current {
|
||||
@include usevar(box-shadow, 'irc-tab-current-shadow');
|
||||
}
|
||||
|
||||
.button {
|
||||
padding-left: 10px;
|
||||
padding-right: 3px;
|
||||
transition: width 0.2s;
|
||||
text-transform: none;
|
||||
vertical-align: top;
|
||||
|
||||
.close-btn {
|
||||
visibility: hidden;
|
||||
opacity: 0;
|
||||
transition: opacity 0.2s;
|
||||
|
||||
display: inline-block;
|
||||
font-size: 9pt;
|
||||
vertical-align: middle;
|
||||
height: 13px;
|
||||
line-height: 11px;
|
||||
width: 13px;
|
||||
margin-left: 5px;
|
||||
padding-left: 2px;
|
||||
padding-right: 3px;
|
||||
border-radius: 3px;
|
||||
border: 1px solid transparent; /* Not themed */
|
||||
|
||||
position: relative;
|
||||
top: -2px;
|
||||
}
|
||||
|
||||
&:hover .close-btn {
|
||||
@include usevar(color, 'irc-tab-close-button-color');
|
||||
@include usevar(background-color, 'irc-tab-close-button-background');
|
||||
|
||||
visibility: visible;
|
||||
opacity: 1;
|
||||
}
|
||||
}
|
||||
|
||||
.new-tab {
|
||||
padding: 0px;
|
||||
padding-left: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
#history {
|
||||
width: 100%;
|
||||
min-height: 300px;
|
||||
height: 50vh;
|
||||
overflow-y: auto;
|
||||
padding-top: 3px;
|
||||
box-sizing: border-box;
|
||||
|
||||
.channel {
|
||||
width: 100%;
|
||||
display: none;
|
||||
|
||||
&.current {
|
||||
display: table;
|
||||
}
|
||||
|
||||
&.hidden {
|
||||
display: none;
|
||||
}
|
||||
}
|
||||
|
||||
.entry {
|
||||
display: table-row;
|
||||
width: 100%;
|
||||
font-size: 11pt;
|
||||
|
||||
&.minor {
|
||||
color: #777;
|
||||
font-size: 10pt;
|
||||
}
|
||||
|
||||
&.alert {
|
||||
color: #dd683b;
|
||||
}
|
||||
|
||||
&.error {
|
||||
color: #880000;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
&.action {
|
||||
font-style: italic;
|
||||
|
||||
.msg .action-name {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.nick, .msg {
|
||||
display: table-cell;
|
||||
padding: 0px 4px;
|
||||
}
|
||||
|
||||
.nick {
|
||||
@include usevar(border-color, 'irc-nick-border-color');
|
||||
|
||||
font-weight: bold;
|
||||
text-align: right;
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
}
|
||||
|
||||
.msg {
|
||||
width: 100%;
|
||||
|
||||
.highlight {
|
||||
background-color: #dd683b;
|
||||
color: #fff;
|
||||
padding: 0px 5px;
|
||||
}
|
||||
|
||||
.emote {
|
||||
height: 1.6em;
|
||||
vertical-align: middle;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#chatbox {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#users {
|
||||
@include usevar(color, 'irc-users-color');
|
||||
@include usevar(background-color, 'irc-users-background');
|
||||
@include usevar(border-color, 'irc-users-border-color');
|
||||
|
||||
position: absolute;
|
||||
border-left-width: 1px;
|
||||
border-left-style: solid;
|
||||
padding: 5px;
|
||||
right: 0px;
|
||||
top: 0px;
|
||||
color: #333;
|
||||
height: 100%;
|
||||
max-width: 20%;
|
||||
width: 20%;
|
||||
transition: right 0.2s;
|
||||
max-height: 100%;
|
||||
overflow-y: auto;
|
||||
box-sizing: border-box;
|
||||
|
||||
&.collapsed {
|
||||
right:-20%;
|
||||
}
|
||||
|
||||
.popout {
|
||||
@include usevar(background-color, 'irc-users-popout-background');
|
||||
@include usevar(border-left-color, 'irc-users-popout-border-color-left');
|
||||
@include usevar(border-right-color, 'irc-users-popout-border-color-right');
|
||||
|
||||
width: 8px;
|
||||
font-size: 7pt;
|
||||
height: 100%;
|
||||
border-radius: 2px;
|
||||
border: 0px solid transparent; /* Not themed */
|
||||
border-left-width: 1px;
|
||||
border-left-style: solid;
|
||||
border-right-width: 1px;
|
||||
border-right-style: solid;
|
||||
position: absolute;
|
||||
top: 0px;
|
||||
left: -8px;
|
||||
box-shadow: 0px 0px 0px transparent; /* Not themed */
|
||||
text-align: center;
|
||||
margin: 0px;
|
||||
cursor: pointer;
|
||||
}
|
||||
|
||||
.op {
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.user {
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
|
|
@ -1,21 +0,0 @@
|
|||
.star-btn {
|
||||
border-bottom-width: 2px;
|
||||
@include usevar('background-color', 'library-star-btn-background');
|
||||
@include usevar('border-color', 'library-star-btn-border-color');
|
||||
|
||||
a {
|
||||
@include usevar('border-color', 'library-star-btn-a-border-color');
|
||||
|
||||
&:hover {
|
||||
@include usevar('background-color', 'library-star-btn-a-hover-background');
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.library-dropcap {
|
||||
width: 1em;
|
||||
height: 1.1em;
|
||||
padding-top: 0.19em;
|
||||
text-align: center;
|
||||
font-size: 2rem;
|
||||
}
|
||||
|
|
@ -1,45 +0,0 @@
|
|||
.notice {
|
||||
@include usevar(color, notice-text-color);
|
||||
@extend .ph3, .pv2;
|
||||
@extend .br2-ns;
|
||||
|
||||
a {
|
||||
@include usevar(color, notice-text-color);
|
||||
@include usevar(border-bottom-color, notice-text-color);
|
||||
}
|
||||
}
|
||||
.notice-unapproved {
|
||||
@include usevar(background-color, notice-unapproved-color);
|
||||
}
|
||||
|
||||
.notice-hidden {
|
||||
@include usevar(background-color, notice-hidden-color);
|
||||
}
|
||||
|
||||
.notice-hiatus {
|
||||
@include usevar(background-color, notice-hiatus-color);
|
||||
}
|
||||
|
||||
.notice-dead {
|
||||
@include usevar(background-color, notice-dead-color);
|
||||
}
|
||||
|
||||
.notice-lts {
|
||||
@include usevar(background-color, notice-lts-color);
|
||||
}
|
||||
|
||||
.notice-lts-reqd {
|
||||
@include usevar(background-color, notice-lts-reqd-color);
|
||||
}
|
||||
|
||||
.notice-success {
|
||||
@include usevar(background-color, notice-success-color);
|
||||
}
|
||||
|
||||
.notice-warn {
|
||||
@include usevar(background-color, notice-warn-color);
|
||||
}
|
||||
|
||||
.notice-failure {
|
||||
@include usevar(background-color, notice-failure-color);
|
||||
}
|
||||
|
|
@ -1,52 +0,0 @@
|
|||
.profile {
|
||||
.content {
|
||||
.description {
|
||||
margin:0px auto;
|
||||
max-width:40em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
margin-bottom:10px;
|
||||
}
|
||||
}
|
||||
|
||||
ul.recent-posts, ul.recent-comments {
|
||||
list-style-type:none;
|
||||
}
|
||||
|
||||
ul .entry {
|
||||
margin-left:20px;
|
||||
}
|
||||
|
||||
.entry {
|
||||
.context {
|
||||
font-weight:bold;
|
||||
border-bottom:0px;
|
||||
}
|
||||
}
|
||||
|
||||
.content-block.projects {
|
||||
background-image:none;
|
||||
overflow-y:visible;
|
||||
}
|
||||
}
|
||||
|
||||
.profile .content-block.avatar,
|
||||
.project .content-block.logo {
|
||||
background-color:transparent;
|
||||
background-image:none;
|
||||
box-shadow:none;
|
||||
min-height:200px;
|
||||
|
||||
img {
|
||||
// TODO(ben): Check if this was actually set to anything before
|
||||
// box-shadow:
|
||||
}
|
||||
}
|
||||
|
||||
.project .content-block.screenshots,
|
||||
.profile .content-block.projects
|
||||
{
|
||||
padding:0px;
|
||||
min-height:0em;
|
||||
}
|
||||
|
|
@ -1,15 +0,0 @@
|
|||
.upload_bar.uploading .instructions, .upload_bar:not(.uploading) .progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.upload_bar .progress_bar {
|
||||
border: 2px solid;
|
||||
@include usevar('border-color', 'link-color');
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.upload_bar .progress_bar > div {
|
||||
@include usevar('background-color', 'link-color');
|
||||
height: 100%;
|
||||
}
|
||||
|
||||
|
|
@ -1,7 +0,0 @@
|
|||
.showcase-item {
|
||||
.gradient {
|
||||
width: 100%;
|
||||
height: 114px;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
|
||||
}
|
||||
}
|
||||
|
|
@ -1,51 +0,0 @@
|
|||
.streams-container {
|
||||
#empty-message {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.streams {
|
||||
&:empty {
|
||||
display: none;
|
||||
|
||||
+ #empty-message {
|
||||
display: block;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.stream {
|
||||
.live {
|
||||
position: absolute;
|
||||
left: $spacing-small;
|
||||
top: $spacing-small;
|
||||
color: white;
|
||||
background-color: #e91916;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.viewers {
|
||||
position: absolute;
|
||||
left: $spacing-small;
|
||||
bottom: $spacing-small;
|
||||
color: white;
|
||||
background-color: rgba(0, 0, 0, 0.7);
|
||||
}
|
||||
|
||||
.avatar {
|
||||
padding: 1.5rem;
|
||||
}
|
||||
}
|
||||
|
||||
.twitch-embed-container {
|
||||
padding-bottom: 0%;
|
||||
transition: padding-bottom 400ms ease-in-out;
|
||||
|
||||
&.open {
|
||||
padding-bottom: 150%;
|
||||
|
||||
@media screen and (min-width: 713px) { // magic numbers, Twitch has weird breakpoints
|
||||
padding-bottom: 40.6%;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -14,23 +14,22 @@
|
|||
|
||||
.carousel-button {
|
||||
border: 1px solid;
|
||||
@include usevar(border-color, dimmer-color);
|
||||
border-color: var(--dimmer-color);
|
||||
cursor: pointer;
|
||||
|
||||
transition: all 100ms ease-in-out;
|
||||
|
||||
&:hover {
|
||||
@include usevar(background-color, dimmest-color);
|
||||
background-color: var(--dimmest-color);
|
||||
}
|
||||
|
||||
&.active {
|
||||
@include usevar(border-color, theme-color);
|
||||
@extend .w2;
|
||||
border-color: var(--theme-color);
|
||||
width: var(--width-2);
|
||||
|
||||
&:hover {
|
||||
@include usevar(background-color, theme-color-dimmest);
|
||||
background-color: var(--theme-color-dimmest);
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
|
@ -0,0 +1,75 @@
|
|||
#preview:empty::after {
|
||||
content: 'A preview of your post will appear here.';
|
||||
color: var(--dimmer-color);
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
@media screen and (min-width: 35em) {
|
||||
#preview-container {
|
||||
max-height: calc(100vh - 20rem);
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.edit-form {
|
||||
.edit-form-row {
|
||||
display: flex;
|
||||
flex-direction: column;
|
||||
margin-top: var(--spacing-medium);
|
||||
margin-bottom: var(--spacing-medium);
|
||||
|
||||
@media screen and (min-width: 35em) {
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
> :first-child {
|
||||
width: 100%;
|
||||
font-weight: 500;
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
text-align: left;
|
||||
padding-right: 0;
|
||||
padding-bottom: var(--spacing-extra-small);
|
||||
|
||||
@media screen and (min-width: 35em) {
|
||||
width: var(--width-4);
|
||||
text-align: right;
|
||||
padding-right: var(--spacing-small);
|
||||
padding-bottom: 0;
|
||||
}
|
||||
}
|
||||
|
||||
> :nth-child(2) {
|
||||
flex-grow: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.pt-input-ns {
|
||||
@media screen and (min-width: 35em) {
|
||||
padding-top: var(--spacing-extra-small);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
input[type=text] {
|
||||
width: 100%;
|
||||
|
||||
@media screen and (min-width: 35em) {
|
||||
max-width: var(--width-5);
|
||||
}
|
||||
}
|
||||
|
||||
input[type=text]:invalid {
|
||||
border-color: var(--red);
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 100%;
|
||||
max-width: 100%;
|
||||
height: var(--height-3);
|
||||
|
||||
@media screen and (min-width: 35em) {
|
||||
width: var(--width-6);
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -98,8 +98,6 @@ header {
|
|||
}
|
||||
|
||||
>a {
|
||||
/* @extend .pa2, .ph3-l; */
|
||||
|
||||
display: block;
|
||||
white-space: nowrap;
|
||||
z-index: 1;
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
@font-face {
|
||||
font-family: icons;
|
||||
src: url("/public/icons.ttf?v=4");
|
||||
src: url("icons.ttf?v=4");
|
||||
}
|
||||
|
||||
span.icon {
|
||||
|
|
@ -9,65 +9,65 @@ span.icon {
|
|||
|
||||
span.icon-settings::before {
|
||||
font-family: "icons";
|
||||
content:"0";
|
||||
content: "0";
|
||||
}
|
||||
|
||||
span.icon-link::before {
|
||||
font-family: "icons";
|
||||
content:"1";
|
||||
content: "1";
|
||||
}
|
||||
|
||||
span.icon-logout::before {
|
||||
font-family: "icons";
|
||||
content:"2";
|
||||
content: "2";
|
||||
}
|
||||
|
||||
span.icon-twitter::before {
|
||||
font-family: "icons";
|
||||
content:"#";
|
||||
content: "#";
|
||||
}
|
||||
|
||||
span.icon-twitch::before {
|
||||
font-family: "icons";
|
||||
content:"$";
|
||||
content: "$";
|
||||
}
|
||||
|
||||
span.icon-github::before {
|
||||
font-family: "icons";
|
||||
content:"%";
|
||||
content: "%";
|
||||
}
|
||||
|
||||
span.icon-patreon::before {
|
||||
font-family: "icons";
|
||||
content:"&";
|
||||
content: "&";
|
||||
}
|
||||
|
||||
span.icon-youtube::before {
|
||||
font-family: "icons";
|
||||
content:"'";
|
||||
content: "'";
|
||||
}
|
||||
|
||||
span.icon-soundcloud::before {
|
||||
font-family: "icons";
|
||||
content:"*";
|
||||
content: "*";
|
||||
}
|
||||
|
||||
span.icon-web::before {
|
||||
font-family: "icons";
|
||||
content:"3";
|
||||
content: "3";
|
||||
}
|
||||
|
||||
span.icon-itchio::before {
|
||||
font-family: "icons";
|
||||
content:"+";
|
||||
content: "+";
|
||||
}
|
||||
|
||||
span.icon-hitbox::before {
|
||||
font-family: "icons";
|
||||
content:",";
|
||||
content: ",";
|
||||
}
|
||||
|
||||
span.icon-rss::before {
|
||||
font-family: "icons";
|
||||
content:"4";
|
||||
}
|
||||
content: "4";
|
||||
}
|
||||
Binary file not shown.
|
|
@ -0,0 +1,28 @@
|
|||
.notice a {
|
||||
color: inherit;
|
||||
border-bottom-color: inherit;
|
||||
}
|
||||
|
||||
.notice-hiatus {
|
||||
background-color: var(--notice-hiatus-color);
|
||||
}
|
||||
|
||||
.notice-dead {
|
||||
background-color: var(--notice-dead-color);
|
||||
}
|
||||
|
||||
.notice-lts {
|
||||
background-color: var(--notice-lts-color);
|
||||
}
|
||||
|
||||
.notice-success {
|
||||
background-color: var(--notice-success-color);
|
||||
}
|
||||
|
||||
.notice-warn {
|
||||
background-color: var(--notice-warn-color);
|
||||
}
|
||||
|
||||
.notice-failure {
|
||||
background-color: var(--notice-failure-color);
|
||||
}
|
||||
|
|
@ -0,0 +1,15 @@
|
|||
.upload_bar.uploading .instructions,
|
||||
.upload_bar:not(.uploading) .progress {
|
||||
display: none;
|
||||
}
|
||||
|
||||
.upload_bar .progress_bar {
|
||||
border: 2px solid;
|
||||
border-color: var(--link-color);
|
||||
padding: 2px;
|
||||
}
|
||||
|
||||
.upload_bar .progress_bar>div {
|
||||
background-color: var(--link-color);
|
||||
height: 100%;
|
||||
}
|
||||
|
|
@ -0,0 +1,5 @@
|
|||
.showcase-item .gradient {
|
||||
width: 100%;
|
||||
height: 114px;
|
||||
background-image: linear-gradient(rgba(0, 0, 0, 0.82), rgba(0, 0, 0, 0));
|
||||
}
|
||||
|
|
@ -3,6 +3,12 @@
|
|||
@import "vars.css";
|
||||
@import "core.css";
|
||||
|
||||
@import "carousel.css";
|
||||
@import "editor.css";
|
||||
@import "forum.css";
|
||||
@import "header.css";
|
||||
@import "icons.css";
|
||||
@import "notices.css";
|
||||
@import "progress_bar.css";
|
||||
@import "showcase.css";
|
||||
@import "timeline.css";
|
||||
|
|
@ -12,6 +12,11 @@ $breakpoint-large: screen and (min-width: 60em)
|
|||
--background-color: white;
|
||||
--color: black;
|
||||
--link-color: #cc3b95;
|
||||
--red: #c61d24;
|
||||
|
||||
--dim-color: #333;
|
||||
--dimmer-color: #999;
|
||||
--dimmest-color: #bbb;
|
||||
|
||||
/* Default theme colors in case the project.css is busted */
|
||||
--theme-color: #666;
|
||||
|
|
@ -28,8 +33,18 @@ $breakpoint-large: screen and (min-width: 60em)
|
|||
--card-background: #e8e8e8;
|
||||
--card-background-hover: #f0f0f0;
|
||||
|
||||
--dim-background: #f0f0f0;
|
||||
--dim-background-transparent: rgba(#f0f0f0, 0);
|
||||
|
||||
--forum-thread-read-color: #555;
|
||||
--forum-thread-read-link-color: #888;
|
||||
|
||||
--notice-hiatus-color: #aa7d30;
|
||||
--notice-dead-color: #b42222;
|
||||
--notice-lts-color: #43a52f;
|
||||
--notice-success-color: #43a52f;
|
||||
--notice-warn-color: #aa7d30;
|
||||
--notice-failure-color: #b42222;
|
||||
}
|
||||
|
||||
@media (prefers-color-scheme: dark) {
|
||||
|
|
@ -38,6 +53,10 @@ $breakpoint-large: screen and (min-width: 60em)
|
|||
--color: #eee;
|
||||
--link-color: #cc3b95;
|
||||
|
||||
--dim-color: #bbb;
|
||||
--dimmer-color: #999;
|
||||
--dimmest-color: #777;
|
||||
|
||||
--theme-color: #666;
|
||||
--theme-color-dim: #444;
|
||||
--theme-color-dimmer: #383838;
|
||||
|
|
@ -52,7 +71,17 @@ $breakpoint-large: screen and (min-width: 60em)
|
|||
--card-background: #282828;
|
||||
--card-background-hover: #333;
|
||||
|
||||
--dim-background: #252525;
|
||||
--dim-background-transparent: rgba(#252525, 0);
|
||||
|
||||
--forum-thread-read-color: #777;
|
||||
--forum-thread-read-link-color: #999;
|
||||
|
||||
--notice-hiatus-color: #876327;
|
||||
--notice-dead-color: #7a2020;
|
||||
--notice-lts-color: #2a681d;
|
||||
--notice-success-color: #2a681d;
|
||||
--notice-warn-color: #876327;
|
||||
--notice-failure-color: #7a2020;
|
||||
}
|
||||
}
|
||||
|
|
@ -29,28 +29,6 @@
|
|||
{{ if .CanEditPostTitle }}
|
||||
<input id="title" class="b w-100 mb1" name="title" type="text" placeholder="Post title..." value="{{ .PostTitle }}" />
|
||||
{{ end }}
|
||||
{{/* TODO: Reintroduce the toolbar in a way that makes sense for Markdown */}}
|
||||
{{/*
|
||||
<div class="toolbar" id="toolbar">
|
||||
<input type="button" id="bold" value="B" />
|
||||
<input type="button" id="italic" value="I" />
|
||||
<input type="button" id="underline" value="U" />
|
||||
<input type="button" id="monospace" value="monospace" />
|
||||
<input type="button" id="url" value="url" />
|
||||
<input type="button" id="img" value="img" />
|
||||
<input type="button" id="code" value="code" />
|
||||
<input type="button" id="quote_simple" value="quote (anon)" />
|
||||
<input type="button" id="quote_member" value="quote (member)" />
|
||||
<input type="button" id="spoiler" value="spoiler" />
|
||||
<input type="button" id="lalign" value="Left" />
|
||||
<input type="button" id="calign" value="Center" />
|
||||
<input type="button" id="ralign" value="Right" />
|
||||
<input type="button" id="ulist" value="ul" />
|
||||
<input type="button" id="olist" value="ol" />
|
||||
<input type="button" id="litem" value="li" />
|
||||
<input type="button" id="youtube" value="youtube" />
|
||||
</div>
|
||||
*/}}
|
||||
<textarea id="editor" class="w-100 h6 minh-6 pa2 mono lh-copy" name="body">{{ .EditInitialContents }}</textarea>
|
||||
|
||||
<div class="flex justify-end items-center mt2">
|
||||
|
|
|
|||
|
|
@ -1,39 +1,6 @@
|
|||
{{ template "base.html" . }}
|
||||
|
||||
{{ define "extrahead" }}
|
||||
<style type="text/css">
|
||||
.queryContainer {
|
||||
width: 80%;
|
||||
margin: 15px auto 20px auto;
|
||||
display: flex;
|
||||
flex-direction: horizontal;
|
||||
}
|
||||
|
||||
.queryContainer input {
|
||||
height:3em;
|
||||
}
|
||||
|
||||
.queryContainer #query {
|
||||
flex-grow: 1;
|
||||
}
|
||||
|
||||
.queryContainer #submit_button {
|
||||
flex-grow: 0;
|
||||
flex-shrink: 0;
|
||||
padding:0px 10px;
|
||||
vertical-align:middle;
|
||||
margin:0px;
|
||||
}
|
||||
#annotationContainer {
|
||||
left: -10px;
|
||||
margin: 0px;
|
||||
margin-left: -20px;
|
||||
padding: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
border: 0px transparent none;
|
||||
}
|
||||
</style>
|
||||
<link rel="stylesheet" type="text/css" href="{{ static "annotations/cinera.css" }}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ static (strjoin "annotations/cinera__" .Project.Subdomain ".css") }}">
|
||||
<link rel="stylesheet" type="text/css" href="{{ static "annotations/cinera_topics.css" }}">
|
||||
|
|
|
|||
|
|
@ -1,6 +1,6 @@
|
|||
<div>
|
||||
{{ range . }}
|
||||
<div class="notice notice-{{ .Class }} mb2">
|
||||
<div class="notice notice-{{ .Class }} mb2 white ph3 pv2 br2-ns">
|
||||
{{ .Content }}
|
||||
</div>
|
||||
{{ end }}
|
||||
|
|
|
|||
Loading…
Reference in New Issue