expo/expoweb
1
0
Fork 0
mirror of https://expo.survex.com/repositories/expoweb/.git/ synced 2025-12-09 07:14:36 +00:00
Code Issues Packages Projects Releases Wiki Activity

Pimping the experimental to-do list page

Browse Source
This commit is contained in:
Philip Sargent
2020-03-26 20:50:08 +00:00
parent 041efa3f8a
commit 99b4de1bb8
2 changed files with 198 additions and 25 deletions
Download Patch File Download Diff File Expand all files Collapse all files

84
handbook/computing/x-todo-styles.css Normal file
View File

@@ -0,0 +1,84 @@
button {
color: #ffffff;
font: 18px Georgia, "Times New Roman", Times, serif;
letter-spacing: 1px;
text-shadow: 0 1px 1px #000000;
#display: block;
float:right;
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);
}
button:hover,
button: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;
}
button: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);
}
h2, h3, h4 {
color: #39b2e5;
margin-bottom: 0;
}
ul:not(#links) li ul, ul:not(#links) ul {
font: 18px Calibri, sanserif;
font-weight: normal;
list-style-type: disc;
line-height: 1.3;
}
/* Default State */
ul:not(#links) {
font: 20px Calibri, sanserif;
font-weight: bold;
color: 6083BF;
margin-top: 0.4em;
margin-left: -1.2em;
margin-right: 5em;
list-style-type: none;
line-height: 1.4;
}
/* Toggled State */
input[type=checkbox] ~ ul:not(#links) li ul {
display: none;
}
input[type=checkbox]:checked ~ ul:not(#links) li ul {
display: block;
}