123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174 |
- body {
- background-color:white; font-size:90%;
- background-image:url(../img/dynamicAnchorBg.jpg);
- font-family:Helvetica;
- }
- /* docs */
- .code { background-color:#e4e5ef;
- border:1px solid black; margin:1em; padding:0.8em;
- overflow:auto;
- font-family:courier;
- font-size:8pt;
- }
- .section { border-bottom: 1px dotted black; padding:1em;font-family:helvetica;background-color:white;color:#333;}
- .menu,.renderMode {
- border-radius:0.5em;
- position:fixed;
- right:1em; top:1em;
- background-color:#fff;
- padding:0.3em;
- opacity:0.8;
- z-index:5000;
- filter:alpha(opacity=80);
- box-shadow: 2px 2px 19px #aaa;
- -o-box-shadow: 2px 2px 19px #aaa;
- -webkit-box-shadow: 2px 2px 19px #aaa;
- -moz-box-shadow: 2px 2px 19px #aaa;
- }
- .renderMode {
- left:1em;
- top:1em;
- width:13em;
- padding-top:0.1em;
- padding-bottom:0.5em;
- }
- .renderMode ul {
- padding-left:1em;
- }
- .renderMode ul li {
- list-style-type:none;
- }
- .renderMode h5 {
- margin-top:1em;
- margin-bottom:0.7em;
- }
- a {text-decoration:none;
- color:#01a3c6;
- font-weight:bold;
- font-family:helvetica;
- padding:0.3em;
- border-radius:0.2em;
- }
- a:hover {
- color:#1b911b;
- background-color:#f0f0f0;
- }
- #explanation a {
- background-color:transparent;
- }
- #explanation a:hover {
- text-decoration:underline;
- }
- .window, .label {
- cursor:pointer;
- box-shadow: 2px 2px 19px #aaa;
- -o-box-shadow: 2px 2px 19px #aaa;
- -webkit-box-shadow: 2px 2px 19px #aaa;
- -moz-box-shadow: 2px 2px 19px #aaa;
- }
- #explanation {
- cursor:drag;
- background-color:white;
- color:black;
- border:0.25em solid #ddd;
- position:absolute;
- right:1em;
- top:4em;
- width:32em;
- font-size:90%;
- -moz-border-radius:1em;
- border-radius:1em;
- padding:1em;
- z-index:1000;
- opacity:0.9;
- filter:alpha(opacity=90);
- font-family:helvetica;
- box-shadow: 2px 2px 19px #aaa;
- -o-box-shadow: 2px 2px 19px #aaa;
- -webkit-box-shadow: 2px 2px 19px #aaa;
- -moz-box-shadow: 2px 2px 19px #aaa;
- }
- .selected {
- color:rgb(189,11,11);
- }
- /* these styles are what jsPlumb attaches to the various elements it creates.
- ._jsPlumb_connector {
- border:1px solid blue;
- }
- ._jsPlumb_endpoint {
- border:1px solid green;
- }
- ._jsPlumb_overlay {
- border:1px solid yellow;
- }
- */
- .section li {
- list-style-type:none;
- }
- li.bullet {
- list-style-type:circle;
- }
- .section {
- padding-left:2em;
- font-size:10pt;
- }
- .index.section {
- padding-left:0;
- }
- .index {
- width:20em;
- font-size:9pt;
- float:left;
- background-color:#e4eeee;
- overflow:auto;
- padding-left:0.5em;
- }
- .index li {
- list-style-type:none;
- }
- .index ul, .index h3 {
- padding-left:1.5em;
- }
- #demo {
- width:80%;
- height:50em;
- margin-left:3em;
- margin-top:3em;
- position:relative;
- }
- .sub {
- margin-left:1em;
- }
- .table td {
- text-align:center;
- }
- path, ._jsPlumb_endpoint { cursor:pointer; }
- .hover {
- box-shadow: 2px 2px 19px red;
- -o-box-shadow: 2px 2px 19px red;
- -webkit-box-shadow: 2px 2px 19px red;
- -moz-box-shadow: 2px 2px 19px red;
- }
|