Fixed margins for printing logbooks

This commit is contained in:
Philip Sargent 2019-07-16 22:35:24 +02:00
parent 8377834c9e
commit 4c82d3ecab
3 changed files with 508 additions and 20 deletions

View File

@ -399,3 +399,18 @@ body .ui-state-default a:visited:hover {
margin-right: 100px; margin-right: 100px;
} }
} }
/*Print support*/
/*Complete ignorant hack 2019-07-16 by Philip Sargent*/
@media only print, print)
{
ul#links {
position: static;
}
body {
margin-left: 0px;
margin-right: 0px;
}
}

View File

@ -1,8 +1,426 @@
<!DOCTYPE html> <!DOCTYPE html>
<html> <html>
<head> <head>
<title>2018 Expo Logbook - EXTRACTS for HC: CUCC-2018-dm-07</title> <title>2018 Expo - EXTRACTS from logbook for HC: CUCC-2018-dm-07</title>
<!-- Includeed stylesheet inline as this file may be moved forprinting/rescue etc.
Colours chnaged to reduce confusion with actual logbook.
<link rel="stylesheet" type="text/css" href="../../css/main2.css" /> <link rel="stylesheet" type="text/css" href="../../css/main2.css" />
-->
<style>
/*This CSS file has been edited for CUCC - Expo website by A. Zabala on 2011*/
body {
color: #000;
font-family: 'Palatino Linotype','Book Antiqua', Palatino, Garamond, serif;
font-size: 12pt;
margin-left: 275px;
margin-right: 100px;
text-align: justify;
/*max-width: 800px;*/
}
body#homepage {
background: #808000 url(../images/style/homebackground.jpg) no-repeat 0 0;
background-size: 140% auto;
color: #fff;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana, Arial, Helvetica, Sans-Serif;
margin: 80px;
text-align: left;
}
.caption {
color: #004C4C;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 8pt;
font-weight: bold;
margin-bottom: 0;
}
.centre { text-align: center; }
.plus2pt { font-size: 160%; }
a {
color: #808000;
}
a:hover {
color: #d7442b;
}
/*a:visited {
color: #636363;
}*/
div.centre img {
border: 2px solid #C3C391;
margin: 25px;
vertical-align: middle;
}
hr {
border: 1px solid #C3C391;
margin: 25px 0;
}
dt {
clear: both;
font-weight: bold;
margin-top: 10px;
}
dd {
display: inline;
margin-left: 0pt;
}
div.clear {
clear: both;
}
tt, code { /*code bits*/
background: #ccc;
font-size: 0.8em;
padding: 10px 20px;
display: block;
}
/*HEADINGS*/
h1, h2, h3, h4 {
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
}
h1 {
color: #515100;
text-align: center;
font-size: 210%;
line-height: 100%;
margin: 35px 0 55px;
}
h2, h3, h4 {
color: #005151;
}
h2#tophead {
text-align: center;
margin: 10px 0 -22px;
}
/*IMAGES*/
img.onright, div.onright { vertical-align: top; float: right;
margin-left: 10pt; margin-bottom: 10pt;
margin-right: 8pt; }
img.onleft, div.onleft { vertical-align: top; float: left;
margin-right: 10pt; margin-bottom: 10pt;
margin-left: 8pt; }
img.icon { vertical-align: middle; margin: 10px 0; }
img.aligntop { vertical-align: top; }
table.imgtable { margin-left: auto; margin-right: auto; }
table.imgtable td { vertical-align: middle; text-align: center;
padding: 10px; }
/*Menu*/
.menu,
ul#links {
background: #fff url(../images/style/menu-main.png) no-repeat 16px 4px;
clear: both;
border: 2px solid #C3C391;
position: absolute;
left: 35px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 75%;
color: #888;
width: 150px;
padding: 42px 20px 18px;
text-align: left;
border-top-right-radius: 1em;
}
*html .menu {width: 180px; left: 10px;}
*+html .menu {width: 180px; left: 10px;}
*html ul#links {width: 180px; left: 10px;}
*+html ul#links {width: 180px; left: 10px;}
.menu {
top: 20px;
}
ul#links {
/*background-image: url(../images/style/menu-second.png);
border-color: #D8D8C7;
border-style: dotted;*/
top: 15px /*300px; to be set once the menu is in all pages*/
}
ul#links a {
text-decoration: none;
}
p#topheader {
font-weight: bold;
margin: 10px 0 0;
}
.menu ul {
margin: 0 0 0 15px;
padding: 0;
}
.menu li,
ul#links li {
margin: 6px 0;
list-style: none outside none;
}
ul#links li {
margin: 5px 0 0 0;
}
ul#links li ul {
padding: 5px 0 5px 10px;
}
ul#links li li {
margin: 0 0 0 5px;
}
.menu li a,
ul#links li a {
background: url(../images/style/cave-picto.png) no-repeat 0 8px;
padding-left: 18px;
}
.menu li a:hover,
ul#links li a:hover {
background-position: 0 -8px;
border-bottom: 2px solid #d7442b;
}
ul#links li a.editlink {
background: url(../images/style/edit-picto.png) no-repeat 100% 0;
font-size: 85%;
padding: 0 18px;
}
ul#links li a.editlink:hover {
background-position: 100% -18px;
}
/* TABLES */
table.trad, table.centre, table.fancy {
border-collapse: collapse;
}
table.trad, table.trad th, table.trad td,
table.centre, table.centre th, table.centre td,
table.fancy, table.fancy th, table.fancy td {
border: 1px solid #808000;
margin: 0px;
}
table.trad th,
table.centre th {
background-color: #D8D8C7;
}
table.trad td,
table.centre td {
padding: 5px;
border-color: #C3C391;
}
table.centre {
margin-left: auto;
margin-right: auto;
}
table.centre td {
text-align: left;
}
table.bigfatborder {
border-width: 6px;
}
table.fancy { /*For the members list in ../folk/index.htm*/
font-size: 72%;
padding: 5px 2px;
}
table.fancy td:first-child {
background-color: #D8D8C7;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
width: 180px;
}
table.fancy td.nonempty {
background-color: #C3C391;
font-size: 85%;
text-align: center;
}
/*SPECIAL PAGES*/
/*homepage*/
#homepage h1 {
color: #fff;
font-size: 2.2em;
margin-bottom: 0;
text-align: left;
}
#homepage h1 a, #homepage p a {
color: #bedfdf;
}
#homepage h1 a:hover, #homepage p a:hover {
color: #808000;
}
#homebox {
left: 280px;
top: 100px;
position: absolute;
}
ul#homenu {
list-style: none;
margin: 0;
padding: 0;
width: 165px;
}
ul#homenu li {
padding: 0 0 10px;
}
ul#homenu li a {
border-top-right-radius: 1em;
border: 1px solid #808000;
display: block;
background: #bedfdf;
padding: 7px 16px 7px 8px;
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
font-size: 85%;
}
ul#homenu li a:hover {
background: #808000;
color: #fff;
}
/*caves*/
table#cavepage {
background: none repeat scroll 0 0 #FFFFFF;
border: 2px solid #C3C391;
font-size: 160%;
margin-top: 25px;
padding: 25px;
width: 100%;
}
table#cavepage th#kat_no { text-align: left; width: 25%; }
table#cavepage th#name { text-align: center; width: 50%; }
table#cavepage th#status { text-align: right; width: 25%; }
/*Trip logbooks*/
#logbk hr {
display: none;
}
.tripdate, .trippeople {
background-color: #E4E3C6;
float: left;
margin: 2px 1px 1px 1px;
padding: 10px;
border-bottom-right-radius: 1em;
}
.trippeople {
background-color: #fff;
float: right;
font-style: italic;
}
.triptitle {
border: 1px solid #C3C391;
border-top-width: 2px;
color: #808000;
font-size: 120%;
font-weight: bold;
padding: 45px 10px 20px;
text-align: center;
}
.timeug {
text-align: right;
font-weight: bold;
margin-bottom: 10px;}
/*html editor*/
textarea#id_html {
width: 100%;
height: 60%;
}
/*RULES OVERRIDING JQUERY CSS FOR CAVES DESCRIPTION*/
/*This method is faster but less efficient. These would better be directly written in the jquery css file currently in http://expo.survex.com/site_media/css/redmond/jquery-ui-1.8.14.custom.css*/
body .ui-widget {
font-family: inherit;
font-size: inherit;
}
body .ui-widget-content {
color: inherit;
border: 2px solid #C3C391;
border-radius: 0 !important;
border-top: none;
}
body .ui-widget-content a {
color: #808000;
}
body .ui-widget-content a:hover,
body .ui-widget-content a:visited:hover,
body .ui-state-default a:hover {
color: #d7442b;
}
body .ui-widget-content a:visited {
color: #636363;
}
body .ui-widget-header {
background: url("../images/style/ui-bg_gloss-wave_green.png") repeat-x scroll 50% 50% #85bdbe;
border: 1px solid #85bdbe;
color: #FFFFFF;
}
body .ui-tabs {
padding: 0;
border-radius: 0 !important;
}
body .ui-tabs .ui-tabs-nav {
padding-left: 10px;
}
body .ui-tabs-nav {
border-radius: 0 !important;
}
body .ui-tabs .ui-tabs-nav li {
font-family: Tahoma,'Trebuchet MS','Lucida Grande',Verdana,Arial,Sans-Serif;
margin: 0 15px 1px 0;
padding-right: 5px;
}
body .ui-tabs .ui-tabs-nav li.ui-tabs-selected {
background: #fff;
color: #E17009;
}
body .ui-state-default,
body .ui-widget-content .ui-state-default,
body .ui-widget-header .ui-state-default {
border: 1px solid #85bdbe;
background: #85bdbe url("../images/style/ui-bg_glass_green.png") 50% 50% repeat-x;
font-weight: bold;
color: #808000;
}
body .ui-corner-all,
body .ui-corner-top,
body .ui-corner-right,
body .ui-corner-tr {
border-top-right-radius: 30px;
}
body .ui-state-default a,
body .ui-state-default a:link,
body .ui-state-default a:visited {
color: #808000;
text-decoration: none;
}
body .ui-state-active a,
body .ui-state-active a:link,
body .ui-state-active a:visited,
body .ui-state-default a:hover,
body .ui-state-default a:link:hover,
body .ui-state-default a:visited:hover {
color: #E17009;
}
/*Narrow screens support*/
/*Added 2019-02-22 by Radost Waszkiewicz*/
@media only screen and (max-width: 600px), screen and (max-aspect-ratio: 5/4)
{
ul#links {
position: static;
}
body {
margin-left: 100px;
margin-right: 100px;
}
}
/*Print support*/
/*Complete ignorant hack 2019-07-16 by Philip Sargent*/
@media only print, print)
{
ul#links {
position: static;
}
body {
margin-left: 0px;
margin-right: 0px;
}
}
</style>
</head> </head>
<body id="logbk"> <body id="logbk">
<h1>Homecoming Cave - Exploration Notes & Rigging</h1> <h1>Homecoming Cave - Exploration Notes & Rigging</h1>
@ -73,22 +491,6 @@ Out of rope so we surveyed out.
<img src="logbook10.jpg" width=100%> <img src="logbook10.jpg" width=100%>
<br> <br>
<hr />
<div class="tripdate" id="t2018-07-18a">2018-07-18</div>
<div class="trippeople"><u>Nadia</u>, Tom Crossley, Todd Rye</div>
<div class="triptitle">Homecoming - Hobnob Hallway</div>
<ul>
<li>Surveyed Hobnob Hallway until mud/sand slope.
went over fals floor very unstable needs a traverse line. Was crumbling as we walked on it.
<li>Under false floor is a trickle of water leading to a wet pitch Q.M.C.
<li>Found side passage at the bottom of a mud slope on the left. Keyhole passage that connects
into Dickon's passage,currently unnamed.
<li>Heard flood pulse, while surveying, when we went out all ropes were dry except the very bottom
of Radagast pitch. No issue with pitches being impassable except maybe Radagast.
</ul>
<div class="timeug">T/U: 7.5 hours</div>
<hr /> <hr />
<div class="tripdate" id="t2018-07-17a">2018-07-17</div> <div class="tripdate" id="t2018-07-17a">2018-07-17</div>
@ -133,6 +535,22 @@ and left the other labelled as a QMB. Reason being: it's clean washed, and it lo
<div class="timeug">T/U: 4 hours</div> <div class="timeug">T/U: 4 hours</div>
<hr /> <hr />
<div class="tripdate" id="t2018-07-18a">2018-07-18</div>
<div class="trippeople"><u>Nadia</u>, Tom Crossley, Todd Rye</div>
<div class="triptitle">Homecoming - Hobnob Hallway</div>
<ul>
<li>Surveyed Hobnob Hallway until mud/sand slope.
went over fals floor very unstable needs a traverse line. Was crumbling as we walked on it.
<li>Under false floor is a trickle of water leading to a wet pitch Q.M.C.
<li>Found side passage at the bottom of a mud slope on the left. Keyhole passage that connects
into Dickon's passage,currently unnamed.
<li>Heard flood pulse, while surveying, when we went out all ropes were dry except the very bottom
of Radagast pitch. No issue with pitches being impassable except maybe Radagast.
</ul>
<div class="timeug">T/U: 7.5 hours</div>
<hr /> <hr />
<div class="tripdate" id="t2018-07-19c">2018-07-19</div> <div class="tripdate" id="t2018-07-19c">2018-07-19</div>

View File

@ -7,11 +7,24 @@
<body id="logbk"> <body id="logbk">
<h1>CUCC Expo Logbook 2019</h1> <h1>CUCC Expo Logbook 2019</h1>
<p>Here beginneth 2019.
<p>
It is raining and there is lots of snow !!
<br> <br>
<p style="text-align:center"><em>Frontispiece</em>
<br> <hr />
<br> <div class="tripdate" id="t2019-07-07">2019-07-07</div>
<div class="trippeople"><u>Philip</u>, everyone</div>
<div class="triptitle">Discovery of Snow-filled Steinbruckhohle</div>
<p>
Plentiful snow.
<br> <br>
1st trip up on Sunday 7th spent ~8 hrs digging with the shovel and cleared only top level
and made steps to get out at the front (~4m to climb out).
</p>
<div class="timeug">T/U: 0 hour</div>
<hr /> <hr />
@ -110,6 +123,48 @@ We set off back to Fischgesicht for more prospecting in the general area.
<hr /> <hr />
<div class="tripdate" id="t2019-07-15">2019-07-15</div>
<div class="trippeople"><u>Philip</u>, Sarah</div>
<div class="triptitle">Shopping trip</div>
<p>Dickon and Dan went up at ~6am to HC (Homecoming) pushing in 'SecondComing'.
They may return to basecamp. Callout 22:00.
<p>Sarah & Philip went shopping.
<p>Sarah left 16:30 in her car to walk to top camp solo.
<p>Michael S. the only person in top camp not caving today.
<p>16:44 Basecamp phone has &euro;10.28 credit.
<div class="timeug">T/U: 0 hour</div>
<hr />
<div class="tripdate" id="t2019-07-16">2019-07-16</div>
<div class="trippeople"><u>Philip</u>, Radost</div>
<div class="triptitle">CUCC-PS-01</div>
<p>
Radost & Philip drove to the carpark and walked to CUCC-PS-01 which Radost declared a "B lead at best" after we had got out.
<p>Cave descripotion:
<br>
rock-filled rift ~1m high and wide goes 260 degrees magnetic into hillside (descending approx. 15 degrees).
Hole in floor near ent. is a climbdown, then a 22cm squeeze (Radost did it) to where it continues - tight. No draft.
<p>Going over the hole in the floor the more obvious route leads after 14m from ent.to a 2m climb down and a drafting flat-out hole
leading to a vertical (upwards) solution (?) shaft filled with rocks.
[Since the hillside is very steep here, this may be ~20m or more to the surface.] Could be dug, but ideally <i>not from the bottom
where Radost was</i>.
<br>
Whole cave drafts cold air out slightly - less than last year possibly due to snow choke elsewhere. No snow visible anywhere near it.
<p>Tag CUCC-PS-01 2018 left inside entrance on thh right - tied to a thread in jammed rocks with blue string.
<p>Walked back to be collected at the car park by Michael and Sam in the Sargent Meriva.
<p>All visted the Tuesday afternoon trachtmarkt in Altausee on the way back. Nobody bought any Austrian hats or lederhosen.
<p>And so to the tatty hut and a fridge full of beer.
<div class="timeug">T/U: 0.5 hour</div>
<hr />
</body> </body>
</html> </html>