1/*********** 2 Layout 3*/ 4 5*::selection{ 6 background-color: #FF4B33; 7 color: white; 8} 9 10.offset { 11 margin-right: 0; 12 width: __site_width__; 13 float: none; 14 margin: 0 auto !important; 15} 16 17html, body { padding-bottom: 24px; } 18 19body { 20 font-family: Tahoma, 'Apple SD Gothic Neo', serif; 21 font-size: 14px; 22 line-height: 1.6em; 23} 24 25a, img, a img, iframe, form, abbr, acronym, object, applet, table, a abbr, a acronym { 26 border-width: 0; 27} 28 29code, kbd, samp, pre, tt, var, textarea, input, select, isindex, listing, xmp, plaintext { 30 font: inherit; 31 white-space: normal; 32} 33 34div.statcol{ 35 /* ie inline-block: fix 36 http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ 37 http://www.quirksmode.org/css/display.html 38 */ 39 float: left; 40/* padding-left: 8px; 41 padding-right: 8px;*/ 42 padding-top: 8px; 43 font-size: 14px; 44 border: solid #000000 0px; 45 vertical-align: middle; 46} 47 48div.statrow{ 49 /* ie inline-block: fix 50 http://foohack.com/2007/11/cross-browser-support-for-inline-block-styling/ 51 http://www.quirksmode.org/css/display.html 52 */ 53 display: block; 54 padding-left: 8px; 55 padding-right: 8px; 56 padding-top: 8px; 57 font-size: 14px; 58 border: solid #000000 0px; 59 60 vertical-align: middle; 61 min-width: 100px; 62 63 clear: both; 64} 65 66/*********** 67 Top Menu 68*/ 69 70#topmenu { 71 margin-right: 10px; 72 width: 510px; 73 padding-bottom: 1.8 em !important; 74} 75 76.sidebar, .footer { 77 background: none repeat scroll 0 0 #F4F4F4; 78 border-bottom: 2px solid __border__; 79 border-top: 2px solid __border__; 80 padding: 1em 1em; 81} 82 83.group, .header, .sidebar, .footer, .content { float: left; } 84.widget-area { padding-left: 1em; } 85 86.aside, .aside input { 87 font-size: 0.9em; 88 line-height: 1.2em; 89 text-decoration: none; 90 color: #666666; 91} 92 93#topmenu .aside, #topmenu .aside input { margin-bottom: 0.4em; } 94 95/* onwards header content */ 96.aside h3, .aside h3 a, { 97 color: #666666; 98 font-size: 1.2em; 99 font-style: italic; 100 line-height: 1.8em; 101 text-decoration: none; 102} 103 104/*h1, h2, h3, h4, h5, h6 { font-weight: normal; line-height: 1.2em; }*/ 105/*th, b, strong, h1, h2, h3, h4, h5, h6, dt { font-weight: normal; }*/ 106p { margin: 0.35em 0px; padding: 0px; } 107.readingcontent h1, .readingcontent h2, .readingcontent h3, 108.readingcontent h4, .readingcontent h5, .readingcontent h6, { 109 line-height: 1.35em; 110 color: #333333; 111 /*color: #FF4B33;*/ 112} 113 114.readingcontent h1 { 115 border-bottom: 2px dotted #60C2AD; 116 margin-bottom: 8px; 117} 118 119/* 120* { 121 font-size: 1em; 122 margin: 0; 123 outline: medium none; 124 padding: 0; 125 text-decoration: none; 126} 127*/ 128 129.xoxo li { 130 display: inline-block; 131 list-style-type: none; 132 padding-right: 8px; 133} 134 135.xoxo li img { margin-right: 8px; } 136 137/*********** 138 Sidebar 139*/ 140 141.realsidebar { 142 min-height: 300px; 143 width: __sidebar_width__; 144 padding: 8px; 145 margin-right: 10px; 146 margin-left: 32px; 147 margin-top: 1.8em; 148 149 /*position: fixed; left: 150px; */ 150 /*display: inline-block;*/ 151 152 background: none repeat scroll 0 0 #F4F4F4; 153 border-bottom: 2px solid __border__; 154 border-top: 2px solid __border__; 155 156 /*padding-top: 63px; padding-bottom: 24px;*/ 157 158 /* visibility: hidden opacity: 0.15; */ 159} 160 161.realsidebar h1 { 162 color: #000; 163 font-size: 1.3em; 164 font-weight: bold; 165 line-height: 1.2em; 166 padding: 0 0 .2em; 167 text-decoration: none; 168 169 border-bottom: 2px dotted #60C2AD; 170 margin-bottom: 8px; 171} 172 173/*********** 174 Header 175*/ 176 177.header { 178 margin-right: 10px; 179 max-height: 300px; 180 width: 590px; 181 padding: 8px; 182 margin-top: 1.8em; 183} 184 185.group, .header, .sidebar, .footer, .content { float: left; } 186 187/* header text onwards */ 188#blog-title a { 189 font-weight: bold; 190 line-height: 1.4em; 191 text-decoration: none; 192 color: #000000; 193 font-size: 34px; 194} 195.realsidebar #blog-title a { font-size: 1.2em; } 196 197#blog-title a:active, #blog-title a:hover, .entry-title a:active, .entry-title a:hover { 198 color: #FF4B33; 199} 200 201/* description text onwards */ 202#blog-description { 203 color: #666666; 204 font-size: 0.9em; 205 font-style: italic; 206} 207 208/*********** 209 Hyperlinks and Forms 210*/ 211 212/*a:link, a:visited { color: #0066cc; }*/ 213a:hover { color: #FF4B33; } 214a:active, .a:focus { color: #000000; } 215a { text-decoration: underline; } 216/* a:link { color: #004B91; } */ 217 218select { padding: 0.2em 0.1em 0; } 219input, select, button { cursor: pointer; } 220 221.tape { 222background-image: url(../images/tapeleft.png), url(../images/taperight.png), url(../images/tapemiddle.png); 223background-repeat: no-repeat, no-repeat, repeat; 224background-position: left, right, center; 225padding-left:16px; padding-right:16px; 226 227font-size: 1.05em; 228height:32px; 229min-width:75px; 230line-height:32px; 231text-align:center; 232border:0 solid #000000; 233margin:0; 234display:inline-block; 235} 236 237/* --- fix columns */ 238.nofloat { display: inline-table !important; float: none !important; } 239 240.flex { display: flex !important; } 241.sparewidth { flex-grow: 100; } 242/* make column fill spare remaining width of container 243 https://stackoverflow.com/a/40447261/337306 */ 244 245 .makehigh{ display: table; } 246 .makehigh .column { display: table-cell; float: none; } 247 /* all columns same height */ 248 /* https://www.w3schools.com/howto/howto_css_equal_height.asp */ 249 250/* _______ */ 251 252/* ---- forms */ 253 254.bigbutton { 255 font-family: Droid Sans, Verdana, Verdana, Helvetica, sans-serif; 256 font-size: 24px; 257 background-color: #dcddcb; color: #666666; 258 margin-right: 6px; 259 border:3px ridge #a8a8a8; padding: 3px; 260 261} 262 263.bigtext { 264 font-family: Droid Sans, Verdana, Verdana, Helvetica, sans-serif; 265 font-size: 24px; 266 margin-right: 6px; 267 background-color: #dcddcb; border: 1px solid #666666; 268} 269 270input[type="text"], input[type="password"], textarea{ 271 font-size: 16px; 272 background-color: __border__; 273 /*border-bottom: solid 1px #CF9766;*/ 274 border-top: 0px; border-left: 0px; border-right: 0px; 275 margin-right: 6px; 276 border:1px solid #a8a8a8; 277 font-family: Verdana; 278 color: #3c3c3c; 279} 280 281.form-submit{ clear: both; } 282 283 284button, button[type=submit] { 285 font-size: 12px; 286 margin-right: 6px; 287 background-color: __border__; 288 padding: 8px; 289 border: 3px ridge #a8a8a8; /*f46539*/ 290 font-family: Verdana; 291 text-align: left; vertical-align: top; 292 color: #3c3c3c; 293} 294 295select{ 296 font-size: 16px; 297 background-color: __border__; 298 color: #262626; 299 margin-right: 6px; 300 border:1px solid #a8a8a8; 301 font-family: Verdana; 302} 303 304/*********** 305 Sidebar 306*/ 307.sidebar { 308 border-top: 2px solid __border__; 309 padding-top: 2em; 310 margin-right: 10px; 311 width: 90px; 312 float: left; 313 clear: both; 314} 315 316/*********** 317 Content 318*/ 319.content { 320 border-top: 1px solid __border__; 321 padding-top: 2em; 322 margin-right: 10px; 323 width: 670px; 324} 325 326.posthere { 327 background-color: #F4F2DC; 328 border-bottom: 2px solid #CF9766; 329 border-top-left-radius: 20px 10px; 330 border-top-right-radius: 20px 10px; 331 margin-bottom: 48px; 332 margin-top: 12px; 333 padding: 32px; 334 text-align: left; 335} 336 337.wp-caption { 338 text-align:center; padding:10px; margin:0px; 339 border-left: 2px dotted #60C2AD; border-bottom: 2px dotted #CF9766; 340 font-size: 0.8em; 341} 342/* .posthere img { max-width: 600px; object-fit: fill; } */ 343 344.posthere li { list-style-type: square; } 345 346.entry-title { 347 border-bottom: 2px dotted #60C2AD; 348 margin-bottom: 8px; 349} 350 351.entry-title, .entry-title a { 352 color: #000000; 353 font-size: 1.3em; 354 font-weight: bold; 355 line-height: 1.2em; 356 padding: 0 0 0.2em; 357 text-decoration: none; 358} 359 360blockquote{ 361 margin-left: 32px; padding-left: 12px; 362 border-left: 1px dotted #60C2AD; border-bottom: 1px dotted #CF9766; 363 margin-bottom: 12px; 364} 365 366pre { font-family: Consolas,Monaco,Lucida Console,Courier New; font-size: 0.8em; } 367 368/* reading content readability onwards */ 369.readingcontent{ 370 font-size: 1.2em; 371 /* font-family: ToshnaStdBookDemoRegular, Cambria; */ 372 letter-spacing: 0.02em; 373 line-height: 1.5em; /* line-height: 24px; */ 374} .readingcontent p, .readingcontent span{ margin-bottom: 1.5em; /* margin-bottom: 14px; */ } 375/*.readingcontent li, .readingcontent dd { line-height: 0.35em; }*/ 376 377/* post information onwards */ 378.entry-meta, .entry-meta a, .entry-utility, .entry-utility a { 379 color: #666666; 380 /*font-size: 0.9em;*/ 381 font-style: italic; 382 line-height: 1.2em; 383 margin-bottom: 8px; 384 text-decoration: none; 385 margin-bottom: 1.8em; 386} 387 388 .entry-meta a:hover, .entry-utility a:hover { 389 color: #FF4B33; 390} 391 392.entry-utility{ margin-top: 1.8em !important; } 393 394/* commenting onwards */ 395.tinybox, input#submit{ 396 padding: 0px 3px; 397 margin-right: 8px; 398 border: solid #000000 0px; 399 font-size: 12px; 400 background-color: #60C2AD; 401 display: inline-block; 402 font-weight: bold; 403 color: #f4f2dc; 404} 405.tinybox a, .datetime a {text-decoration: none;} 406.tinybox a { color: #f4f2dc;} 407input#submit { padding: 6px } 408 409.datetime{ 410 padding: 3px; 411 margin-right: 8px; 412 border-bottom: dotted #CF9766 1px; 413 font-size: 10px; 414 display: inline-block; 415 vertical-align: bottom; 416 float: right; 417} 418 419.padhere { margin-bottom: 0.85em; } 420 421#respond, .padbelow { margin-bottom: 48px; } 422 423 424#navcontainer { min-width: 100px; } 425 426#navcontainer ul 427{ 428margin-left: 0; 429padding-left: 0; 430list-style-type: none; 431margin: 0px; 432} 433 434.realsidebar #navcontainer li { margin: 0px; } 435 436/*#navcontainer #navlist li:first-child a { border-top: 2px dotted #60C2AD; }*/ 437 438#navcontainer a 439{ 440display: block; 441padding: 16px; 442/*background-color: #D4CC77;*/ 443/*border-bottom: 2px dotted #60C2AD;*/ 444} 445 446#navcontainer a:link, #navlist a:visited 447{ 448color: #2a2a2a; 449text-decoration: none; 450} 451 452#navcontainer a:hover 453{ 454background-color: #FF4B33; 455font-weight: bold; 456padding-left: 16px; 457color: white; 458} 459 460 461/* end ____________ */ 462 463