|
| 1 | +body{background: #2a2a2a; color: #ffffff;} |
| 2 | +*{padding: 0; margin: 0; text-decoration: none; list-style: none; box-sizing: border-box;} |
| 3 | + |
| 4 | + .wrapper |
| 5 | + {display: flex; position: fixed;} |
| 6 | + |
| 7 | + .wrapper .sidebar |
| 8 | + {width: 50px; height: 200%; padding-top: 6px; background: #2d2d2d; position: fixed;} |
| 9 | + |
| 10 | + .wrapper .sidebar ul li |
| 11 | + {padding: 16px; border-bottom: 1px solid #91a666; border-bottom: 0px;border-top: 0px;} |
| 12 | + |
| 13 | + .wrapper .sidebar ul li a |
| 14 | + {color: #fff; display: flex;} |
| 15 | + |
| 16 | + .wrapper .sidebar ul li:hover |
| 17 | + {background-color: #91a666; transition: 0.6s; border-radius: 3px;} |
| 18 | + |
| 19 | + .wrapper .sidebar ul li:hover a |
| 20 | + {color: #fff} |
| 21 | + |
| 22 | + .lines |
| 23 | + {font-size: 32px; margin-top: -6px;} |
| 24 | + .lines:hover |
| 25 | + { background-color: #91a666;} |
| 26 | + |
| 27 | + .logo |
| 28 | + {color: #8fa875; line-height: 80px; margin-left: 75px; margin-top: 13px; } |
| 29 | + |
| 30 | + .wiki_content |
| 31 | + {width: 74%; margin-left: 13%;} |
| 32 | + |
| 33 | + .code table tr |
| 34 | + {display: flex; border-radius: 9px; background-color: #1a1a1a; font-family: monospace;} |
| 35 | + |
| 36 | + .wp |
| 37 | + { display: flex; padding-left: 79px; padding-top: 96px;} |
| 38 | + |
| 39 | + body |
| 40 | + {font-family: sans-serif;} |
| 41 | + |
| 42 | + nav |
| 43 | + {background: #2f2f2f; height: 66px; width: 100%; position:fixed;} |
| 44 | + |
| 45 | + label.logo |
| 46 | + {color: #8fa875; line-height: 80px; padding: 110 100px;} |
| 47 | + |
| 48 | + nav ul |
| 49 | + {float: right;} |
| 50 | + |
| 51 | + nav ul li |
| 52 | + {display: flex;line-height: 80px; margin: 0 5px;} |
| 53 | + |
| 54 | + nav ul li a |
| 55 | + {color: #fff; font-size: 17px; padding: 7px 13px; border-radius: 3px;} |
| 56 | + |
| 57 | + .checkbtn |
| 58 | + { color: #fff; float: left; line-height: 60px; |
| 59 | + margin-left: 13px; cursor: pointer; display: flex; position: fixed; padding-top: 9px;} |
| 60 | + |
| 61 | + #check |
| 62 | + {display: none;} |
| 63 | + |
| 64 | + .checkbtn i |
| 65 | + {padding-top: 13px;font-size: 26px;} |
| 66 | + |
| 67 | + nav ul |
| 68 | + {position: fixed; width: 200px; height: 100vh; background: #2d2d2d; |
| 69 | + top: 60px; left: -100%; text-align: left; padding-left: 13px; transition: 0.6s;} |
| 70 | + |
| 71 | + nav ul li |
| 72 | + {display: flex; line-height: 34px; border-radius: 6px;} |
| 73 | + |
| 74 | + nav ul li:hover |
| 75 | + {background: #91a666; transition: 0.6s;} |
| 76 | + |
| 77 | + nav ul li a |
| 78 | + {font-size: 16px; vertical-align: middle;} |
| 79 | + |
| 80 | + #check:checked ~ ul |
| 81 | + {left: 36px;} |
| 82 | + |
| 83 | + td |
| 84 | + {padding-right: 16px;padding-left: 16px;} |
0 commit comments