hyperlinks to static previous/next page

[ott/bsta] / bsta.css

diff --git a/bsta.css b/bsta.css
index 652f9fca76fc62141310f8b339d5f20e81fb4935..b1ae221aa4e6b0970c64740837936db05e39b4b5 100644 (file)
--- a/bsta.css
+++ b/bsta.css
@@ -93,6 +93,17 @@ div#title
        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
 {
        margin: 0px;
@@ -100,6 +111,13 @@ h1#titletext
        padding: 0px;
 }
 
+h1.titletext
+{
+       margin: 0px;
+       border: 0px;
+       padding: 0px;
+}
+
 div#storypuzzle
 {
        text-align: left;
@@ -124,11 +142,35 @@ div#framespace
 img#frame
 {
        border: solid #0057af;
-       border-width:27px 38px;
+       border-width: 27px 38px;
        padding: 0px;
        margin: 0px;
 }
 
+img#frame.double
+{
+       border-width: 54px 38px;
+}
+
+img#frame.full
+{
+       border-width: 0px;
+}
+
+img#frame.bftf
+{
+       padding-top: 60px;
+       padding-bottom: 60px;
+       padding-left: 85px;
+       padding-right: 85px;
+       background-color: #d9ecff;
+}
+
+img#frame:hover
+{
+       border-color: #bb6622;
+}
+
 img.intf
 {
        border-width: 0px;
@@ -156,17 +198,20 @@ table#intftable
        border-width:27px 38px;
        padding: 0px;
        margin: 0px;
-       background-color: #00ff00;
+       background-color: #ffffff;
        border-collapse: collapse;
        border-spacing: 0px;
 }
 
-img#frame:hover
+div#undertext
 {
-       border-color: #bb6622;
+       text-align: left;
+       padding: 8px;
+       margin: 0px;
+       border: 0px;
 }
 
-div#undertext
+div.undertext
 {
        text-align: left;
        padding: 8px;
@@ -188,6 +233,7 @@ div.fq
        text-align: left;
        border: solid #0057af 4px;
        font-family: monospace;
+       padding: 2px;
 }
 
 div.fq:hover
@@ -199,6 +245,7 @@ div.tq
 {
        text-align: left;
        border: solid #0057af 4px;
+       padding: 2px;
 }
 
 div.tq:hover
@@ -206,6 +253,53 @@ 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;
@@ -226,6 +320,15 @@ div#underlinks
        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;
@@ -310,6 +413,22 @@ input.inbt:focus
        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;
+}
+
 .br
 {
        border-color: #bb6622!important;
@@ -336,6 +455,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;
@@ -343,4 +483,4 @@ div.le
 div.pr
 {
        float: right;
-}
\ No newline at end of file
+}