theme-info.css (4198B)
1 /* info page css */ 2 3 .materialis-about-page { 4 margin-right: 20px; 5 } 6 7 .materialis_install_notice .license-status.red { 8 color: #f00; 9 font-weight: bold; 10 } 11 12 .materialis-about-page .info-boxes { 13 display: -webkit-flex; 14 display: -moz-flex; 15 display: -ms-flex; 16 display: flex; 17 } 18 19 .materialis-about-page .info-box { 20 width: 33.333%; 21 border: 1px solid #eaeaea; 22 padding: 25px 15px 15px; 23 background-color: #f7f7f7; 24 text-align: center; 25 margin: 1%; 26 } 27 28 .materialis-about-page .info-box a { 29 color: #444; 30 text-decoration: none; 31 } 32 33 .materialis-about-page .info-box a:hover { 34 color: #00b9eb; 35 } 36 37 .materialis-about-page .info-box .icon { 38 font-size: 34px; 39 width: auto; 40 height: auto; 41 } 42 43 .materialis-about-page .rp-panel { 44 position: relative; 45 overflow: auto; 46 margin: 16px 0; 47 margin-left: 1%; 48 padding: 0 10px; 49 border: 1px solid #e5e5e5; 50 -webkit-box-shadow: 0 1px 1px rgba(0, 0, 0, .04); 51 box-shadow: 0 1px 1px rgba(0, 0, 0, .04); 52 background: #fff; 53 font-size: 13px; 54 line-height: 2.1em; 55 } 56 57 .materialis-about-page .rp-panel p { 58 font-size: 16px; 59 } 60 61 .materialis-about-page .rp-c { 62 margin-left: 1%; 63 width: 60%; 64 } 65 66 .materialis-about-page .rp-plugin-title { 67 margin-top: 0px; 68 } 69 70 /** new page css */ 71 72 .materialis-page .tab-item { 73 display: none; 74 } 75 76 .materialis-page .nav-tab:focus { 77 box-shadow: none; 78 } 79 80 .materialis-page .tab-item.tab-item-active { 81 display: block; 82 } 83 84 .welcome-panel.tab-cols { 85 padding: 1rem 0; 86 } 87 88 .materialis-page .tab-cols { 89 padding-top: 1.5rem; 90 } 91 92 .materialis-page .tab-cols .col { 93 padding: 0.5rem 1rem; 94 } 95 96 .bordered-right.col { 97 border-right: 1px solid #cccccc; 98 } 99 100 .materialis-page .col-title { 101 text-align: left; 102 margin-top: 0.25em; 103 } 104 105 .materialis-page .col-subtitle { 106 font-weight: normal; 107 } 108 109 .materialis-page .recommended-plugins { 110 padding-left: 2rem; 111 padding-right: 2rem; 112 } 113 114 .materialis-page .rp-plugin-title { 115 margin-top: 0.5em; 116 } 117 118 .materialis-page .materialis_install_notice { 119 background: #fff; 120 border-left: 4px solid #ffb900; 121 padding: 10px 10px; 122 margin: 15px 0 15px; 123 box-shadow: 0px 1px 2px 1px rgba(0, 0, 0, .1); 124 } 125 126 .materialis-page .materialis_install_notice.blue { 127 border-left-color: #00a0d2; 128 } 129 130 .materialis-page .materialis_install_notice { 131 margin-top: 1.2rem; 132 padding-left: 2%; 133 } 134 135 .materialis-page .materialis_install_notice table { 136 display: inline; 137 } 138 139 .materialis-page .site-badge { 140 position: absolute; 141 top: 0; 142 right: 0; 143 display: inline-block; 144 width: 260px; 145 146 } 147 148 .materialis-page .tab-cols .table-col-title, 149 .materialis-page .tab-cols .table-col-value { 150 text-align: center; 151 } 152 153 .materialis-page .widefat td { 154 font-size: 1em; 155 line-height: 1.5em; 156 } 157 158 .materialis-page .table-col-value .dashicons { 159 width: auto; 160 height: 1em; 161 } 162 163 .materialis-page .table-col-value .dashicons-yes:before { 164 font-size: 28px; 165 } 166 167 .materialis-page .table-col-value .dashicons-dismiss:before { 168 font-size: 26px; 169 } 170 171 .materialis-page .table-col-value .dashicons.dashicons-yes { 172 color: #4CAF50; 173 } 174 175 .materialis-page .table-col-value .dashicons.dashicons-dismiss { 176 color: #EF5350; 177 } 178 179 .materialis-page .comparision-table h4 { 180 margin-top: 0; 181 margin-bottom: 0; 182 } 183 184 .materialis-page .table-col-feature { 185 padding-left: 1em; 186 } 187 188 .materialis-page .comparision-table h4 { 189 margin-top: 0.2em; 190 margin-bottom: 0.2em; 191 font-weight: 400; 192 } 193 194 .materialis-page .metabox-holder h2.title { 195 font-size: 14px; 196 padding: 8px 12px; 197 margin: 0; 198 line-height: 1.4; 199 text-align: left; 200 font-weight: 600; 201 border-bottom: 1px solid #eee; 202 } 203 204 .materialis-page .widefat.no-border { 205 border: none; 206 } 207 208 .materialis-page .changelog-container { 209 width: 90%; 210 margin-left: auto; 211 margin-right: auto; 212 } 213 214 .materialis-page .changelog-container ul { 215 list-style: initial; 216 display: block; 217 box-sizing: border-box; 218 padding-left: 2em; 219 } 220 221 .materialis-page .changelog-container .area { 222 display: block; 223 padding: 0.4em 1.5em; 224 margin: 0 1px; 225 border: 1px solid #cccccc; 226 background: rgb(255, 255, 255); 227 margin-bottom: 1em; 228 }