|
|
| Zeile 17: |
Zeile 17: |
| | } | | } |
| | | | |
| − | .tree, .tree ul {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | list-style:none
| |
| − | }
| |
| − | .tree ul {
| |
| − | margin-left:1em;
| |
| − | position:relative
| |
| − | }
| |
| − | .tree ul ul {
| |
| − | margin-left:.5em
| |
| − | }
| |
| − | .tree ul:before {
| |
| − | content:"";
| |
| − | display:block;
| |
| − | width:0;
| |
| − | position:absolute;
| |
| − | top:0;
| |
| − | bottom:0;
| |
| − | left:0;
| |
| − | border-left:1px solid
| |
| − | }
| |
| − | .tree li {
| |
| − | margin:0;
| |
| − | padding:0 1em;
| |
| − | line-height:2em;
| |
| − | color:#369;
| |
| − | font-weight:700;
| |
| − | position:relative
| |
| − | }
| |
| − | .tree ul li:before {
| |
| − | content:"";
| |
| − | display:block;
| |
| − | width:10px;
| |
| − | height:0;
| |
| − | border-top:1px solid;
| |
| − | margin-top:-1px;
| |
| − | position:absolute;
| |
| − | top:1em;
| |
| − | left:0
| |
| − | }
| |
| − | .tree ul li:last-child:before {
| |
| − | background:#fff;
| |
| − | height:auto;
| |
| − | top:1em;
| |
| − | bottom:0
| |
| − | }
| |
| − | .indicator {
| |
| − | margin-right:5px;
| |
| − | }
| |
| − | .tree li a {
| |
| − | text-decoration: none;
| |
| − | color:#369;
| |
| − | }
| |
| − | .tree li button, .tree li button:active, .tree li button:focus {
| |
| − | text-decoration: none;
| |
| − | color:#369;
| |
| − | border:none;
| |
| − | background:transparent;
| |
| − | margin:0px 0px 0px 0px;
| |
| − | padding:0px 0px 0px 0px;
| |
| − | outline: 0;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | .card_scroll{
| |
| − | height: 180px;
| |
| − | }
| |
| − | .scrollable{
| |
| − | overflow-y: auto;
| |
| − | max-height: 300px;
| |
| − | }
| |
| − | .bg {
| |
| − | /* The image used */
| |
| − | background-image: url("http://wiki.tandler.com/images/8/87/Banner.png");
| |
| − | /* Center and scale the image nicely */
| |
| − | background-repeat: no-repeat;
| |
| − | background: -o-linear-gradient(45deg, rgba(42, 27, 161, 0.7), rgba(29, 210, 177, 0.7) 100%);
| |
| − | position: fixed;
| |
| − | left: 0;
| |
| − | min-width: 100%;
| |
| − | min-height: 100%;
| |
| − | }
| |
| − |
| |
| − | .tree, .tree ul {
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | list-style:none;
| |
| − | margin-left:10px;
| |
| − | }
| |
| − | .tree ul {
| |
| − | margin-left:1em;
| |
| − | position:relative
| |
| − | }
| |
| − | .tree ul ul {
| |
| − | margin-left:.5em
| |
| − | }
| |
| − | .tree ul:before {
| |
| − | content:"";
| |
| − | display:block;
| |
| − | width:0;
| |
| − | position:absolute;
| |
| − | top:0;
| |
| − | bottom:0;
| |
| − | left:0;
| |
| − | border-left:1px solid
| |
| − | }
| |
| − | .tree li {
| |
| − | margin:0;
| |
| − | padding:0 1em;
| |
| − | line-height:2em;
| |
| − | color:#369;
| |
| − | font-weight:700;
| |
| − | position:relative
| |
| − | }
| |
| − | .tree ul li:before {
| |
| − | content:"";
| |
| − | display:block;
| |
| − | width:10px;
| |
| − | height:0;
| |
| − | border-top:1px solid;
| |
| − | margin-top:-1px;
| |
| − | position:absolute;
| |
| − | top:1em;
| |
| − | left:0
| |
| − | }
| |
| − | .tree ul li:last-child:before {
| |
| − | background:#fff;
| |
| − | height:auto;
| |
| − | top:1em;
| |
| − | bottom:0
| |
| − | }
| |
| − | .indicator {
| |
| − | margin-right:5px;
| |
| − | }
| |
| − | .tree li a {
| |
| − | text-decoration: none;
| |
| − | color:#369;
| |
| − | }
| |
| − | .tree li button, .tree li button:active, .tree li button:focus {
| |
| − | text-decoration: none;
| |
| − | color:#369;
| |
| − | border:none;
| |
| − | background:transparent;
| |
| − | margin:0px 0px 0px 0px;
| |
| − | padding:0px 0px 0px 0px;
| |
| − | outline: 0;
| |
| − | }
| |
| | | | |
| | body { font-size: larger; } | | body { font-size: larger; } |