Skip to content

Commit

Permalink
misc stylesheet cleanups
Browse files Browse the repository at this point in the history
  • Loading branch information
tangentstorm committed Jan 28, 2024
1 parent 4e91b45 commit 80ecf71
Show file tree
Hide file tree
Showing 2 changed files with 21 additions and 23 deletions.
42 changes: 20 additions & 22 deletions tanco/static/style.css
Original file line number Diff line number Diff line change
Expand Up @@ -2,15 +2,14 @@
@import url('https://fonts.googleapis.com/css2?family=Oswald&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Cairo&display=swap');

body { background: #d6ca96; font-size: 12pt; }
* { --top-info-left: 280px; }

body { background: #d6ca96; font-size: 14pt; }
body, .tooltip { font-family: 'Cairo', sans-serif; }
h1 { font-family: 'Squada One', sans-serif; margin:0; padding-top: 10px; }
h2, h3 { font-family: 'Oswald', sans-serif; margin:0;}

nav ul {
list-style-type: none;
margin: 0; padding: 0;
display: flex; }
nav ul { list-style-type: none; margin: 0; padding: 0; display: flex; }
nav ul li { padding: 4px; margin-right: 1px; }
nav ul li:before { content: " | "; }
nav ul li:first-child:before { content: ""; }
Expand All @@ -23,38 +22,37 @@ main { background-color: #eee2bc;
min-height: calc(100vh - 200px); }

#attempt-state { margin-left: 10px; }
#test-detail {
background: white; padding: 10px;
width: 100%; }
#test-detail { background: white; padding: 10px; width: 100%; }
#test-detail:empty { background: transparent !important; }

a { color: #333; }
a:hover { color: #0162c2ff; background: #f3f0e5; }

#progress { float:left; border-right: solid 1px #333;
margin-right:10px; padding-right: 10px;
height:90%;}
margin-right:10px; padding-right: 10px; height:90%; }

#whoami { position:absolute; top: 20px; left: var(--top-info-left); }

#whoami { position:absolute; top: 20px; left: 250px; }
#ws { position:absolute; top: 30px; right: 10px;
width: 10px; height: 10px; border-radius: 10px;
border: solid #333 1px; background: #999; }
#ws .tooltip { position: relative; left: -100px; width: 100px; }

#ws { position:absolute; top: 30px; left: 490px;
width: 10px; height: 10px; border-radius: 10px;
border: solid #333 1px; background: #999; }
.has-tooltip:hover .tooltip { visibility: visible;
font-weight:normal;
font-size: smaller; }
transition-delay: 500ms;
font-weight:normal; font-size: small; }
.tooltip { visibility: hidden; background: white; color: #666;
text-align: left;
border: solid #333 1px; padding: 4px; position:absolute }
text-align: left; z-index: 1;
border: solid #333 1px; padding: 4px; position:absolute }

#buttons { display: inline-block; }

#shell.hidden { display: none }
#shell {
--shell-width: 500px;
background: #999; border: solid #333 1px;
padding: 10px; margin: 10px;
width: calc(var(--shell-width) + 10px); }
--shell-width: 500px;
background: #999; border: solid #333 1px;
padding: 10px; margin: 10px;
width: calc(var(--shell-width) + 10px); }
#shell-output { background:#eee; height: 256px;
width: var(--shell-width); height: 22lh;
overflow-y: scroll; overflow-x: auto; }
Expand Down
2 changes: 1 addition & 1 deletion tanco/templates/attempt.html
Original file line number Diff line number Diff line change
Expand Up @@ -4,7 +4,7 @@

<title>{{ data.c_name }} attempt by {{ data.u_name }}</title>

<p style="position: absolute; padding:0; left:250px; top: 40px;">
<p style="position: absolute; padding:0; left:var(--top-info-left); top: 40px;">
{{ data.c_name }} attempt started {{ data.ts }}</p>


Expand Down

0 comments on commit 80ecf71

Please sign in to comment.