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  }