diff --git a/handbook/computing/x-todo-styles.css b/handbook/computing/x-todo-styles.css new file mode 100644 index 000000000..0869fb535 --- /dev/null +++ b/handbook/computing/x-todo-styles.css @@ -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; + } diff --git a/handbook/computing/x-todo.html b/handbook/computing/x-todo.html index b6ca65d98..df2ed6c4b 100644 --- a/handbook/computing/x-todo.html +++ b/handbook/computing/x-todo.html @@ -1,25 +1,114 @@ -Expo Systems Exptl. To-Do List -

Expo Systems Exptl. To-Do List

-

Documentation

- -

Photos

- -

Troggle

-

Expo Server

- -
-

 

\ No newline at end of file + + +Expo Systems Exptl. To-Do List + + + + +

Expo Systems Exptl. To-Do List

+ + + +

Documentation

+ +

Photos

+ +

Surveys data entry

+ +

Troggle

+

Expo Server

+ +

+ This to-do-list gadget itself +

+ +
+ + +