2
0
mirror of https://expo.survex.com/repositories/troggle/.git synced 2024-11-30 22:01:53 +00:00
troggle/media/css/trog3.css

656 lines
14 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;
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 { 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;
}