oldlogs is an external tool now.

[ott/bsta] / bsta.css

diff --git a/bsta.css b/bsta.css
index 48d481d962fc978dc6147fa64a45d28727eb6833..da52470caba218dc2234612e00f98c72d4d74d72 100644 (file)
--- a/bsta.css
+++ b/bsta.css
@@ -6,6 +6,7 @@ html
        color: #000000;
        text-align: center;
 }
+
 a
 {
        border-color: #0057af;
@@ -92,6 +93,16 @@ div#title
        border: 0px;
        margin: 0px;
 }
+div.title
+{
+       text-align: center;
+       padding-top: 21px;
+       padding-bottom: 21px;
+       padding-left: 0px;
+       padding-right: 0px;
+       border: 0px;
+       margin: 0px;
+}
 
 h1#titletext
 {
@@ -99,6 +110,12 @@ h1#titletext
        border: 0px;
        padding: 0px;
 }
+h1.titletext
+{
+       margin: 0px;
+       border: 0px;
+       padding: 0px;
+}
 
 div#storypuzzle
 {
@@ -124,15 +141,35 @@ div#framespace
 img#frame
 {
        border: solid #0057af;
-       border-width:27px 38px;
+       border-width: 27px 38px;
        padding: 0px;
        margin: 0px;
 }
-
 img#frame:hover
 {
        border-color: #bb6622;
 }
+img#frame.double
+{
+       border-width: 54px 38px;
+}
+img#frame.full
+{
+       border-width: 0px;
+       background-color: #0057af;
+}
+img#frame.full#hover
+{
+       background-color: #bb6622;
+}
+img#frame.bftf
+{
+       padding-top: 60px;
+       padding-bottom: 60px;
+       padding-left: 85px;
+       padding-right: 85px;
+       background-color: #d9ecff;
+}
 
 img.intf
 {
@@ -140,21 +177,18 @@ img.intf
        padding: 0px;
        margin: 0px;
 }
-
 tr.intf
 {
        border-width: 0px;
        padding: 0px;
        margin: 0px;
 }
-
 td.intf
 {
        border-width: 0px;
        padding: 0px;
        margin: 0px;
 }
-
 table#intftable
 {
        border: solid #0057af;
@@ -173,6 +207,13 @@ div#undertext
        margin: 0px;
        border: 0px;
 }
+div.undertext
+{
+       text-align: left;
+       padding: 8px;
+       margin: 0px;
+       border: 0px;
+}
 
 div#chat
 {
@@ -188,24 +229,65 @@ div.fq
        text-align: left;
        border: solid #0057af 4px;
        font-family: monospace;
+       padding: 2px;
 }
-
 div.fq:hover
 {
        border-color: #bb6622;
 }
-
 div.tq
 {
        text-align: left;
        border: solid #0057af 4px;
+       padding: 2px;
 }
-
 div.tq:hover
 {
        border-color: #bb6622;
 }
 
+div.opomba
+{
+       text-align: left;
+       border: solid #0057af 4px;
+       background-color: #0057af;
+}
+div.opomba:hover
+{
+       border-color: #bb6622;
+       background-color: #bb6622;
+}
+div.opomba:target
+{
+       border-color: #bb6622;
+       background-color: #bb6622;
+}
+div.opomba:target:hover
+{
+       border-color: #bb6622;
+       background-color: #bb6622;
+}
+div.opomba_info
+{
+       color: #ffffff!important;
+       /* font-weight: bold; */
+}
+div.opomba_text
+{
+       background-color: #ffffff;
+       color: #000000;
+       clear: both;
+       padding: 4px;
+}
+
+div.space
+{
+       background-color: #46a3ff;
+       height: 27px;
+       margin-top: 27px;
+       margin-bottom: 27px;
+}
+
 div#command
 {
        text-align: left;
@@ -225,12 +307,19 @@ div#underlinks
        border: 0px;
        font-family: monospace;
 }
+div.underlinks
+{
+       text-align: left;
+       padding: 8px;
+       margin: 0px;
+       border: 0px;
+       font-family: monospace;
+}
 
 span.inp
 {
        animation: inp 2380ms step-start infinite;
 }
-
 @keyframes inp
 {
        50% { opacity: 0.0;}
@@ -247,11 +336,14 @@ input.intx
        font-family: monospace;
        /* font-size: 150%; */
 }
-
 input.intx:focus
 {
        border-color: #bb6622;
 }
+input.intx:hover
+{
+       border-color: #bb6622;
+}
 
 input.intxc
 {
@@ -265,11 +357,14 @@ input.intxc
        width: 100%;
        /* font-size: 150%; */
 }
-
 input.intxc:focus
 {
        border-color: #bb6622;
 }
+input.intxc:hover
+{
+       border-color: #bb6622;
+}
 
 /* table.intxc
 {
@@ -287,11 +382,14 @@ textarea.inta
        margin: 2px;
        resize: none;
 }
-
 textarea.inta:focus
 {
        border-color: #bb6622;
 }
+textarea.inta:hover
+{
+       border-color: #bb6622;
+}
 
 input.inbt
 {
@@ -304,11 +402,38 @@ input.inbt
        font-family: monospace;
        /* font-size: 150%; */
 }
-
 input.inbt:focus
 {
        border-color: #bb6622;
 }
+input.inbt:hover
+{
+       border-color: #bb6622;
+}
+
+input.hl {
+       background:none!important;
+       border:none!important; 
+       padding:0!important;
+/*     font-family:inherit;
+       font-size:inherit; */
+       font: inherit;
+       text-decoration:underline;
+       border-color: #0057af;
+       color: #0057af;
+}
+input.hl:hover {
+       border-color: #bb6622;
+       color: #bb6622;
+}
+form.hl {
+       display: inline
+}
+
+form.goto {
+       clear: both;
+       display: inline
+}
 
 .br
 {
@@ -336,6 +461,27 @@ input.inbt:focus
        color: #000000!important;
 }
 
+.hv.ni:hover
+{
+       border-color: #bb6622!important;
+       color: #bb6622!important;
+}
+
+.hv.br:hover
+{
+       border-color: #0057af!important;
+       color: #0057af!important;
+}
+
+.hu
+{
+       text-decoration:none!important;
+}
+.hu:hover
+{
+       text-decoration:underline!important;
+}
+
 div.le
 {
        float: left;