xle/troggle-unchained
2
0
Fork 0
forked from expo/troggle
Code Issues 4 Pull Requests Projects 1 Wiki Activity

Bigger buttons, phone compatible

Browse Source
This commit is contained in:
Philip Sargent
2021-05-01 18:35:08 +01:00
parent 100209ea16
commit 3393db0fbc
3 changed files with 90 additions and 32 deletions
Download Patch File Download Diff File Expand all files Collapse all files

73
media/css/trog3.css
View File

@@ -171,6 +171,12 @@ hr{
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; }
@@ -344,12 +350,6 @@ body {
}
h1 {
margin-top:0;
margin-left:10px;
vertical-align:top;
}
.rightMargin {
position:absolute;
@@ -428,8 +428,69 @@ div#difflistajax
border: thin green solid;
}
.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);
}
/* 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;