github.com/pbberlin/go-pwa@v0.0.0-20220328105622-7c26e0ca1ab8/app-bucket/css/styles-quest.css (about) 1 /* 2 =========================================== 3 go-questionnaire specific stuff 4 mostly content rendering 5 =========================================== 6 7 */ 8 9 10 table.main-table{ 11 table-layout: fixed; 12 border-collapse: collapse; 13 /* margin: 0 auto; */ 14 /* border: 1px solid #eaeaea; */ 15 } 16 17 /* odd row */ 18 table.alternate-row-color{ 19 background-color: #eaeaea; 20 } 21 22 table.bordered { 23 /* border: 1px solid #eaeaea; */ 24 } 25 table.bordered td{ 26 border: 2px solid #fff; 27 /* border: 2px solid #eaeaea; */ 28 } 29 30 31 table.main-table td{ 32 margin: 0; 33 padding: 1px; 34 padding-bottom: 2px; 35 vertical-align: middle; 36 /* border: 1px solid #eaeaea; */ 37 } 38 39 @media screen and (max-width: 800px) { 40 table.main-table td{ 41 padding: 0; 42 } 43 } 44 45 /* this does not work, since every row is rendered as separate table */ 46 table.main-table tr:nth-child(odd){ 47 } 48 49 50 .go-quest-group { 51 /* text-align: center; */ 52 } 53 54 .go-quest-label { 55 display: inline-block; /* activate line-height - and for whitespace nowrap with suffix*/ 56 } 57 58 59 .go-quest-group-header { 60 display: inline-block; /* activate line-height*/ 61 } 62 63 .go-quest-page-section { 64 font-size: 140%; 65 line-height: 20px; 66 font-weight: 900; 67 } 68 .go-quest-page-header { 69 font-size: 130%; 70 font-weight: bold; 71 /* line-height: 18px; */ 72 } 73 .go-quest-page-desc { 74 font-size: 110%; 75 /* line-height: 18px; */ 76 } 77 78 79 80 81 /* for radio inputs, adjust the label top position */ 82 .vert-correct-center { 83 top: -3px; 84 position: relative; 85 margin-top: 0px; 86 margin-bottom: 0px; 87 line-height: 120%; 88 } 89 .vert-correct-left-right { 90 top: -3px; /* the higher line-height - the more negative this value */ 91 position: relative; 92 margin-top: 0px; 93 margin-bottom: 0px; 94 } 95 96 97 .special-input-left-padding { 98 padding-left: 40px; 99 } 100 101 102 /* increase line height for textblocks */ 103 .special-line-height-higher { 104 line-height: 160%; 105 } 106 107 /* vertical margins between rows */ 108 .special-input-margin-vertical { 109 margin-top: 11px; 110 margin-bottom: 11px; 111 } 112 113 .special-input-textblock-smaller { 114 font-size: 65%; 115 padding-top: 2px; 116 padding-bottom: 12px; 117 display: inline-block; 118 } 119 120 .special-submit-big { 121 padding: 10px 64px; 122 } 123 124 .special-min-width-85 { 125 display: inline-block; 126 min-width: 85px; 127 } 128 129 .special-vertical-align-top { 130 display: inline-block; 131 vertical-align: top; 132 min-height: 4rem; 133 margin-top: 0.4rem; 134 } 135 136 /* crutch to get vertical centering of control label */ 137 .vertical-align-top-two-rows { 138 vertical-align: top; 139 padding-bottom: 16px; 140 } 141 142 143 144 145 146 147 /* CSS grid rendering styles */ 148 149 .group-label-description { 150 } 151 152 153 /* not yet */ 154 .input-label-text { 155 /* font-size: 100%; */ 156 } 157 .input-description-text { 158 /* font-size: 90%; */ 159 }