diaspora.css (3456B)
1 @font-face { 2 font-family: 'Libre Baskerville'; 3 font-style: normal; 4 font-weight: 400; 5 src: url('/static/fonts/librebaskerville.woff2') format('woff2'); 6 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF; 7 } 8 9 html, body { 10 height: 100%; 11 font-family: 'Libre Baskerville', serif; 12 font-style: italic; 13 font-size: 1em; 14 background: 15 linear-gradient(to bottom right, #00a8ff81, #f3818181), 16 url('/static/img/bg.png') 17 repeat; 18 } 19 20 main { 21 background: #fff; 22 padding: 2em; 23 border: 0.5em solid; 24 } 25 26 footer { 27 text-align: center; 28 } 29 30 hr { 31 width: 100%; 32 height: 2px; 33 } 34 35 nav { 36 font-family: 'Libre Baskerville', serif; 37 font-style: italic; 38 margin-bottom: 2em; 39 border-bottom: 2px solid; 40 } 41 42 .dropdown-menu { 43 border: 2px solid; 44 } 45 46 .cover { 47 font-family: 'Libre Baskerville', serif; 48 font-style: italic; 49 text-align: justify; 50 margin-bottom: 4em; 51 /* padding: 2em 5em; */ 52 } 53 54 .modal-content { 55 border: 4px solid; 56 } 57 58 .burger { 59 display: inline-block; 60 font-size: 1em; 61 border: 0; 62 background: none; 63 outline: 0; 64 padding: 0; 65 cursor: pointer; 66 /* border-bottom: 4px solid currentColor; */ 67 /* width: 28px; */ 68 transition: border-bottom 1s ease-in-out; 69 -webkit-transition: border-bottom 1s ease-in-out; 70 } 71 72 .burger:hover { 73 text-decoration: underline; 74 } 75 76 .burger::-moz-focus-inner { 77 border: 0; 78 padding: 0; 79 } 80 81 .burger:before { 82 content: ""; 83 display: block; 84 /* border-bottom: 4px solid currentColor; */ 85 width: 100%; 86 margin-bottom: 5px; 87 transition: -webkit-transform 0.5s ease-in-out; 88 transition: transform 0.5s ease-in-out; 89 transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; 90 -webkit-transition: -webkit-transform 0.5s ease-in-out; 91 } 92 93 .burger:after { 94 content: ""; 95 display: block; 96 /*border-bottom: 4px solid currentColor; */ 97 width: 100%; 98 margin-bottom: 5px; 99 transition: -webkit-transform 0.5s ease-in-out; 100 transition: transform 0.5s ease-in-out; 101 transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; 102 -webkit-transition: -webkit-transform 0.5s ease-in-out; 103 } 104 105 .burger-check { 106 display: none; 107 } 108 109 .burger-check:checked ~ .burger { 110 /* border-bottom: 4px solid transparent; */ 111 transition: border-bottom 0.8s ease-in-out; 112 -webkit-transition: border-bottom 0.8s ease-in-out; 113 } 114 115 .burger-check:checked ~ .burger:before { 116 transform: rotate(-405deg) translateY(1px) translateX(-3px); 117 -webkit-transform: rotate(-405deg) translateY(1px) translateX(-3px); 118 transition: -webkit-transform 0.5s ease-in-out; 119 transition: transform 0.5s ease-in-out; 120 transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; 121 -webkit-transition: -webkit-transform 0.5s ease-in-out; 122 } 123 124 .burger-check:checked ~ .burger:after { 125 transform: rotate(405deg) translateY(-4px) translateX(-5px); 126 -webkit-transform: rotate(405deg) translateY(-4px) translateX(-5px); 127 transition: -webkit-transform 0.5s ease-in-out; 128 transition: transform 0.5s ease-in-out; 129 transition: transform 0.5s ease-in-out, -webkit-transform 0.5s ease-in-out; 130 -webkit-transition: -webkit-transform 0.5s ease-in-out; 131 } 132 133 .readmore { 134 overflow: hidden; 135 max-height: 0; 136 transition: max-height 0.5s ease-in-out; 137 } 138 139 .burger-check:checked ~ .readmore { 140 max-height: 300em; 141 transition: max-height 0.5s ease-in-out; 142 } 143 144 .note-editable { 145 text-align: left; 146 line-height: 2em; 147 } 148 149 .countrylist-bottom { 150 margin-top: 2em; 151 text-align: center; 152 } 153 154 .countrylist-bottom a { 155 text-decoration: none; 156 }