forked from expo/troggle
615 lines
12 KiB
CSS
615 lines
12 KiB
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%; }
|
|
|
|
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;
|
|
}
|
|
table.expeditionpersonlist td.persondayactivity-nothing
|
|
{
|
|
background-color:#bbb;
|
|
}
|
|
|
|
table.expeditionpersonlist a
|
|
{
|
|
text-decoration:none;
|
|
color:#009;
|
|
}
|
|
table.expeditionpersonlist a:visited
|
|
{
|
|
color:#509;
|
|
}
|
|
|
|
table.expeditionpersonlist a.dayindexlog-1
|
|
{ background-color: #440; color: white; }
|
|
table.expeditionpersonlist a.dayindexlog-2
|
|
{ background-color: #9fa; }
|
|
table.expeditionpersonlist a.dayindexsurvex-1
|
|
{ background-color: #000; color: #55f; }
|
|
table.expeditionpersonlist a.dayindexsurvex-2
|
|
{ background-color: #6ff; }
|
|
|
|
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 { 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; }
|
|
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;
|
|
|
|
}
|
|
|
|
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;
|
|
}
|
|
|
|
.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;
|
|
} |