troggle/media/css/trog3.css

html, body {
	height: 100%;
}

/* This text is used by the test system to determine that trog3.css loaded correctly */
.caption			{ font-size: 8pt; margin-bottom: 0pt; }
.centre				{ text-align: center; }
.plus2pt			{ font-size: 160%; }

figure          {font-weight: bold; font-size: small; 
                    font-family: sans-serif; font-variant-caps: small-caps;}
figcaption      {text-align: center}

ul
{
	list-style: none; 
}

div.logbookentry
{
    text-align:left;
}
div.logbookentry ul.cavers
{
    float:left;
    padding-left:20px;
    padding-right:10px;
    margin-top:0px;
}
td.author
{
    background-color:yellow;
}

div.logbookentry p
{
    margin:10px;
}

div#content {
	Zmargin-top: 50px;
	Zmargin-left: 120px;
	Zmargin-right: 120px;
	padding-top: 10px;
	padding-left: 5em;
	padding-right: 5em;
	padding-bottom:5em;
	Zbackground:#CCC;
    background-color:#f9f9f9;
}

table.expeditionpersonlist th
{
    padding:0 0 0 0;
}

table.expeditionpersonlist td.persondayactivity
{
    width:4em;
    font-size:70%;
    padding:0 0 0 0;
    background-color:#ddd;
}

table.expeditionpersonlist td.persondayactivity-nothing
{
    background-color:#bbb; 
}

table.expeditionpersonlist td.persondayactivity-sunday
{
    background-color:#aad; 
}

table.expeditionpersonlist a
{
    text-decoration:none; 
    color:#009; 
}
table.expeditionpersonlist a:visited
{
    color:#509; 
}

table.expeditionpersonlist a.dayindexlog-0
{ background-color: #af9; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-1
{ background-color: #9af; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-2
{ background-color: #880; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-3
{ background-color: #f9a; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-4
{ background-color: #808; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-5
{ background-color: #088; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-6
{ background-color: #000; color: yellow; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-7
{ background-color: #a9f; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-8
{ background-color: #fa9; font-size: 130%;}
table.expeditionpersonlist a.dayindexlog-9
{ background-color: #9fa; font-size: 130%;}

table.expeditionpersonlist a.dayindexsurvex-0
{ background-color: #f6f;  font-size: 130%}
table.expeditionpersonlist a.dayindexsurvex-1
{ background-color: #6ff;  font-size: 130%}
table.expeditionpersonlist a.dayindexsurvex-2
{ background-color: #ff6;  font-size: 130%}
table.expeditionpersonlist a.dayindexsurvex-3
{ background-color: #000; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-4
{ background-color: #99f; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-5
{ background-color: #f99; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-6
{ background-color: #f99; color: yellow; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-7
{ background-color: #f99; color: blue; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-8
{ background-color: #9f9; color: blue; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-9
{ background-color: #9f9; color: red; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a.dayindexsurvex-10
{ background-color: #9f9; color: white; font-weight: bold; font-size: 130%;}
table.expeditionpersonlist a:hover
{
    color:white;
    background-color:#e00;  
}



div#content div#col2
{
    float:right; 
    width:33%;
    background-color:#feeeed;
}

div#content h2
{
    text-align:center;
    font-size:200%;
    Dpadding-bottom:30px;
}

table.prevnextexpeditions
{
    width:100%;
}

table.prevnextexpeditions td
{
    padding: 2px;
}

table.expeditionpersonlist
{
    width:100%;
}

table.expeditionpersonlist td
{
    padding: 2px;
}

div#content div#col1
{
    width:66%;
}
table.expeditionlogbooks td
{
    padding: 2px;
}

ul#expeditionlist
{
    width: 300px
}

div.survexblock
{
    width:50%;
    background-color:#e0e0e0;
}
p.indent
{
    margin-left:10px;
}


#currentLocation {
	float:right;
	Zbackground:#999;
	line-height: 80%;
	font-variant: small-caps;
	margin: 0px;
	padding: 0px;
}



hr{
	margin:0;
	padding:0;
	height:1px;
	border:thin solid #000;
	border:#000;
	color:#000;
	background:#000;
}

div.centre img			{ vertical-align: middle; }

h1				{ text-align: center; font-size: 210%; display: inline;}
h1 {
	margin-top:0;
	margin-left:10px;	
	vertical-align:top;
}

h2				{ }
h3				{ color: #000 text-align:left; Dborder-bottom:thin solid black; margin-bottom:1em; margin-top:1em; font-weight:bold}
h4				{ color: #0d664c; }
h4.navbar {line-height: 0px;}

img.onright, div.onright, figure.onright	{ vertical-align: top; float: right;
				margin-left: 10pt;  margin-bottom: 10pt;
				margin-right: 8pt; }
img.onleft, div.onleft, figure.onleft		{ vertical-align: top; float: left;
				margin-right: 10pt; margin-bottom: 10pt;
				margin-left: 8pt; }
                
img.icon			{ vertical-align: middle; }
img.aligntop			{ vertical-align: top; }
blockquote {
  font: Georgia, "Times New Roman", Times, serif;
  width: 80%;
  /* width: 400px; */
  padding-left: 8;
  /* text-indent: -25px; */
  text-align: left;
  vertical-align:bottom;
  color:#4444dd;
}
/* blockquote:first-letter { */
  /* background: url(../open-quote.gif) no-repeat left top; */
  /* padding-left: 40px; */
  /* font: italic 1.4em Georgia, "Times New Roman", Times, serif; */
/* } */
table.imgtable			{ margin-left: auto; margin-right: auto; }
table.imgtable td		{ vertical-align: middle; text-align: center;
				padding: 10px; }

table.normal		{ border: thin; border-top:solid ; border-left:dotted ; border-bottom:dotted; border-right:hidden ; border-width:1px;}
table.normal td		{ border: thin; border-right:dotted ; border-width:1px; border-spacing:0px }
table.normal th		{ border-left:thin ; border-right:thin ; text-align: left}

/* "Traditional" table with borders.*/
table.trad			{ margin: 0pt; border: 1px solid #000;
				border-color: #c0c0c0 #8d8d8d #8d8d8d #c0c0c0; }
table.bigfatborder		{ border-width: 6px; }
table.trad td, table.trad th	{ margin: 0pt; border: 1px solid #aaa;
				border-color: #8d8d8d #c0c0c0 #c0c0c0 #8d8d8d; }


/* You are not expected to understand this. It is necessary. */
/* The above is the most fucktarded comment I have ever read :-) AC, 24 APR 2009 */
table.centre			{ margin-left: auto; margin-right: auto; }
table.centre td			{ text-align: left; }

h2#tophead			{ text-align: center; margin-bottom: -10pt; }
table#cavepage			{ width: 100%; font-size: 160%; }
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%; }

.command                        { color: #FF0000; }
.comment                        { color: #888888; font-style:italic;}

.thumbnail {
	width: 300px;
}

table {
	border: thin solid black;
	border-collapse: collapse;
}
td {
	padding:0px;
	border: thin solid black;
}
th 
{
    color:white;
    background-color:black; 
	border: thin solid silver;
}


.redtext{
		 color:#F00;
		 }

a.redtext:link {
	color:#F00;
}

a.whitetext:link {
	color:#FFF;
}
a.whitetext:visited {
	color:#bbb;
}
a.whitetext:hover {
	color:#99F;
}
a.whitetext:active {
	color:#F00;
}
td.survexnewfile 
{
    background-color:#f99; 
}


.behind {
	display: none;
}
div.figure {
  width: 20%;
  border: thin white solid;
  margin: 0.5em;
  padding: 0.5em;
  display: inline;	
  float: left;
}
div.figure p {
  text-align: left;
  font-size: smaller;
  text-indent: 0;
}
img.thumbnail {
  width: 100%;
}

#error {
	color: red;
}

div#header {
	Dposition:absolute;
	left:100px;
	right:100px;
	top:0;
	margin-left:auto;
	margin-right:auto;
	Dheight:50px;
	background-image: url( ../loserBanner.jpg);
	border-bottom:thin solid #000;
	font-family: Arial, Helvetica, sans-serif;
	font-variant: normal;
	color: #e0e0e0;
}


div#editLinks {
	Zposition:absolute;
    background: #999;
	bottom:0px;
	right:0px;
	font-family: "Courier New", Courier, monospace;
	filter:alpha(opacity=75);
	-moz-opacity:.75;
	opacity:.75;
    text-align:right;
}

div#editLinks a{
	color:#FFF;
}


.toolbarlinks
{
    padding:5px;
    background-color:#9ff;
    text-align:center;
    font-weight:bold; 
}
.toolbarlinkslocal
{
    padding:5px;
    background-color:#f9f;
    text-align:center;
    font-weight:bold; 
}
.footer {
	Dposition:fixed;
 	visibility:none; 
    width:100%;
	bottom:0;
	left:0;
}

body {
	Zbackground-color:#000;
	padding-bottom:100px;

}


.rightMargin {
	position:absolute;
	z-index:-2;
	width:130px;
	right:0px;
	top:0px;	
	clip: rect(auto,auto,auto,auto);
	background:#000;
}

.leftMargin {
	position:absolute;
	z-index:-2;
	width:130px;
	top:0px;
	left:0px;
	clip: rect(auto,100px,auto,auto,);
	background:#000;
}

#footerLinks{
	Dposition:fixed;
	bottom:0px;
	padding: 0px;
	margin-left: 130px;
	margin-right: 130px;
	margin-bottom: 0px;
	
}

/*.fadeIn {
	display: none;
}*/

#timeMachine {
	width:auto;
	right:0;
	left:auto;
}

#surveyHover {
	width:auto;
	right:auto;
	left:auto;
}

#col1 {
	width:60%
}

#quicksearch {
	margin-left:40px;
}

.noticeBox {
	border:thin black solid; width: 40%; color:#F00; margin-left:auto; margin-right:auto
}

div.codeframebit
{
    border:thin black solid;
    background-color: #ffffdf;
}
.CodeMirror-line-numbers
{
  background-color: #bbb;
  font-family: monospace;
  font-size: 10pt;
  padding: .4em;
}
div#difflistajax
{
    margin-left: 5px;
    background-color: #dfffdf;
    border: thin green solid;
}
/* FORMS */
input:invalid {
    border-color: red;
}
/* Using in DrawingsUpload and ScanUpload*/
.fancybutton {
	color: #ffffff;
	font: 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	
	text-shadow: 0 1px 1px #000000;
	
	#display: block;
/*	margin: auto; */
	font-size: 1.2em;
	line-height: 1.25em;

	padding: 7px 25px;
	cursor: pointer;
	position: static;
	background: #bf3700;
	border: 1px solid #60AABF;
/*	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;*/
	border-radius: 20px;
	/*
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;*/
	box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	background: #39b2e5;
	background: -webkit-gradient(linear, left top, left bottom, from(#39b2e5), to(#6083BF));
	background: -moz-linear-gradient(top,  #39b2e5,  #6083BF);
	background: -o-linear-gradient(top,  #39b2e5,  #6083BF); 
	background: linear-gradient(top,  #39b2e5,  #6083BF);
	}
	
.fancybutton:hover,
.fancybutton:focus  {
	cursor: pointer;
	border-color: blue;
/*	-webkit-box-shadow: aqua 0 0 8px;
	-moz-box-shadow: aqua 0 0 8px;
	-o-box-shadow: aqua 0 0 8px; */
	box-shadow: aqua 0 0 8px;
}

.fancybutton:active {
	background: #39b2e5;
/*	background: -webkit-gradient(linear, left bottom, left top, from(#39b2e5), to(#6083BF));
	background: -moz-linear-gradient(bottom,  #39b2e5,  #6083BF);
	background: -o-linear-gradient(bottom,  #39b2e5,  #6083BF); */
	background: linear-gradient(bottom,  #39b2e5,  #6083BF);
}

/* Used in PhotoUpload and GPSlog upload */
.fancybutton2 {
	color: #ffffff;
	font: 18px Georgia, "Times New Roman", Times, serif;
	letter-spacing: 1px;
	
	text-shadow: 0 1px 1px #000000;
	
	#display: block;
/*	margin: auto; */
	font-size: 1.2em;
	line-height: 1.25em;

	padding: 7px 25px;
	cursor: pointer;
	position: static;
	background: #9ff;
	border: 1px solid #60AABF;
/*	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;*/
	border-radius: 20px;
	/*
	-webkit-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-moz-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	-o-box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;*/
	box-shadow: rgba(0, 0, 0, .25) 0 1px 1px;
	background: #9ff;
	background: -webkit-gradient(linear, left top, left bottom, from(#9ff), to(#6083fF));
	background: -moz-linear-gradient(top,  #9ff,  #6083fF);
	background: -o-linear-gradient(top,  #9ff,  #6083fF); 
	background: linear-gradient(top,  #9ff,  #6083fF);
	}
	
.fancybutton2:hover,
.fancybutton2:focus  {
	cursor: pointer;
	border-color: blue;
/*	-webkit-box-shadow: aqua 0 0 8px;
	-moz-box-shadow: aqua 0 0 8px;
	-o-box-shadow: aqua 0 0 8px; */
	box-shadow: aqua 0 0 8px;
}

.fancybutton2:active {
	background: #39e5b2;
/*	background: -webkit-gradient(linear, left bottom, left top, from(#39e5b2), to(#6083BF));
	background: -moz-linear-gradient(bottom,  #39e5b2,  #6083BF);
	background: -o-linear-gradient(bottom,  #39e5b2,  #6083BF); */
	background: linear-gradient(bottom,  #9ff,  #6083BF);
}

/* For the Scan upload form - to be used with a phone */
::-webkit-file-upload-button {
  padding: 0.3em;
  font: 18px Georgia, "Times New Roman", Times, serif;
width:55%;
margin-left:20px;
margin-right:20px;
margin-top:5px;
margin-bottom: 5px;
}


/*The below are stolen from django admin css*/
.addlink {
	background:transparent url("../icon_addlink.gif") no-repeat scroll 0 0.2em;
	padding-left:12px;
}

.quiet, a.quiet:link, a.quiet:visited {
	color:#999999 !important;
	font-weight:normal !important;
}

.mini {
	font-size:9px;
}

/*this is for the related objects box on the right hand side, formerly called "col2." transition is in progress.*/

ul.actionlist li
{
	list-style-type:none;	
}

div#related h2
{
	padding-bottom:0px;
	font-size:100%;
	text-align:left;
	background:#EEEEEE url(../nav-bg.gif) repeat-x scroll left bottom;
	color:#666666;
	margin: 0px;
}

div#related
{
	Zwidth:200px;
	float:right;
	border: thin solid black;
	background:#EEEEEE;
	color:#666666;
}

div#related table
{
	Zborder-collapse:separate;
}

.addlink {
    padding-left: 12px;
    background: url(../icon_addlink.gif) 0 .2em no-repeat;
}

.changelink {
    padding-left: 12px;
    background: url(../icon_changelink.gif) 0 .2em no-repeat;
}

.deletelink {
    padding-left: 12px;
    background: url(../icon_deletelink.gif) 0 .25em no-repeat;
}

a.deletelink:link, a.deletelink:visited {
    color: #CC3434;
}

a.deletelink:hover {
    color: #993333;
}

/* POPUP IMG */
/*HOVER POPUP LINKS*/

/*hoverpopups type 1*/
/*
<a href="/folk/i/2022/philip_balister.jpg">
<popup><td align=right>&#128515;<img src='/folk/i/2022/philip_balister.jpg'></td></popup>
</a>
*/

popup { color: #000;  }

popup:hover {
    color: blue;
	background-color: #e9e9e2; 
}

table td popup:hover {
    color: blue;
	background-color: #e9e9e2; 
}

popup img {
	display: none;
}

table td popup:hover img {
	display: flex;
	position: absolute;
	top: 10%;
	left: 50%;
        float: right;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}

popup:hover img {
	display: flex;
	position: relative;
        float: right;
	top: 0px;
	/*left: 170px;*/
	width: 15%;
	margin: 0px;
	padding: 10px;
	color: #335500;
	font-weight: normal;
	background: #e5e5e5;
	text-align: left;
	border: 1px solid #666;
}