1/* ----- Input Form Elements ---------- */ 2#langdelete__form fieldset { 3 margin: 1em; 4 width: 35em; 5 margin-bottom: 2em; 6 background-color: __background_alt__; 7 color: __text__; 8 padding: 0 1em; 9} 10#langdelete__form legend { 11 font-size: 1.25em; 12} 13 14#langdelete__form label.formTitle { 15 clear: both; 16 display: block; 17 width: 12em; 18 float: left; 19 margin-bottom: 10px; 20 color: #666; 21 font-weight: bold; 22 text-align: left; 23} 24 25#langdelete__form input.edit { 26 float: left; 27} 28#langdelete__form div.box { 29 float: left; 30} 31#langdelete__form button { 32 float: right; 33} 34 35/*** Text ***/ 36 37/* To be at least as secific as the dokuwiki stylesheet which is: 38 * .dokuwiki .page ul li 39 */ 40.page section.langdelete__text ul li 41{ 42 /* Reset text color */ 43 color: rgb(51, 51, 51); 44} 45 46/* style #langshortlist */ 47.langdelete__text #langshortlist { 48 padding: 0 0 0 0.6ch; 49} 50.langdelete__text #langshortlist label { 51 margin-left: 0.5ch; 52} 53 54/* Checked checkboxes strikes through the label */ 55.langdelete__text #langshortlist input[type="checkbox"] ~ label, 56.langdelete__text #langshortlist input[type="checkbox"] ~ label del 57{ 58 color: #800; 59 text-decoration: line-through; 60} 61.langdelete__text #langshortlist input[type="checkbox"]:checked ~ label, 62.langdelete__text #langshortlist input[type="checkbox"]:checked ~ label del 63{ 64 color: inherit; 65 text-decoration: none; 66} 67 68/* Style ul.languages which is an inline list of languages */ 69.langdelete__text ul.languages { 70 display: inline; 71 margin: 0 0.3ch; 72} 73.langdelete__text ul.languages li { 74 display: inline; 75 margin: 0 0.2ch; 76 border-radius: 0.5ex; 77 padding: 0 0.2ch; 78} 79 80/* Highlight text if active in langlonglist */ 81.langdelete__text li.active .module { 82 color: navy; 83 font-weight: bold; 84} 85.langdelete__text ul.languages li.active { 86 background: #e0f5ff; 87 font-weight: bold; 88} 89 90/* strike text if li.enabled in langlonglist */ 91.langdelete__text ul.languages li, 92.langdelete__text ul.languages li del { 93 text-decoration: line-through; 94 color: #800; 95} 96.langdelete__text ul.languages li.enabled, 97.langdelete__text ul.languages li.enabled del { 98 text-decoration: none; 99 color: inherit; 100} 101 102/*** Animation ***/ 103/* jump briefly */ 104.ani-ld-text-added { 105 animation: 0.1s linear ld-text-added; 106} 107 108@keyframes ld-text-added { 109 from {} 110 50% { transform: translateY(-0.5ex); } 111 to {} 112} 113