1/* desbest edit */ 2 3#writtensidebar h1 /*#secondary .widget h1.widget-title*/ { 4 padding: 10px; 5 margin-top: 25px; 6 font-size: 22px; 7 color: #000; 8 font-weight: 400; 9 font-variant: small-caps; 10 margin-bottom: 0; 11} 12 13#writtensidebar a:link, #writtensidebar a:visited { 14 color: #666; 15 text-decoration: none; 16 -webkit-transition: ease all .1s; 17 -o-transition: ease all .1s; 18 transition: ease all .1s; 19} 20 21.media, .media-body { overflow: unset !important; } 22/*.page #page, .single #page { width: unset !important; }*/ 23h1.site-title { font-size: 36px; } 24.page li { display: block; } 25.breadcrumbs { margin: 1em 0px; } 26.entry-meta { float: right; } 27.entry-title { clear: none; display: inline; } 28#secondary .widget li, .slicknav_menu li, .slicknav_menu dd { display: block; } 29#secondary { background: none !important; } 30.toolbutton img { max-width: 100% !important; } 31.toolbutton, button, .dokuwiki button { margin-right: 0.35em; margin-bottom: 0.35em; } 32.site-description { font-weight: normal; } 33body:not(.blog) .site-branding { position: absolute !important; margin-top: 10%; top: 0px !important; } 34header#masthead { position: unset; } 35 36.page #page .entry-content img, .single #page .entry-content img { 37 display: unset !important; 38} 39 40.page #page .entry-header h1.entry-title,.single #page .entry-header h1.entry-title { 41 font-weight: normal; 42} 43 44.container { 45 padding-right: 15px; 46 padding-left: 15px; 47 margin-right: auto; 48 margin-left: auto; 49} 50 51/* 52Theme Name: Klean 53Theme URI: https://www.inkhive.com/product/klean 54Author: InkHive 55Author URI: https://www.inkhive.com 56Description: An attractive WordPress theme with many features to make your site appear beautiful and a class apart from the rest. An attractive full window header and smooth looks of the theme are sure to blow you away. (NOTE: This theme uses CSS3 heavily; so older browsers, don't bother downloading). 57Version: 1.26 58License: GNU General Public License v2 or later 59License URI: http://www.gnu.org/licenses/gpl-2.0.html 60Text Domain: klean 61Tags: custom-background, two-columns, right-sidebar, sticky-post, theme-options, threaded-comments, featured-images, translation-ready 62 63This theme, like WordPress, is licensed under the GPL. 64Use it to make something cool, have fun, and share what you've learned with others. 65 66 Klean is based on Underscores http://underscores.me/, (C) 2012-2014 Automattic, Inc. 67*/ 68 69/*-------------------------------------------------------------- 70>>> TABLE OF CONTENTS: 71---------------------------------------------------------------- 721.0 Reset 732.0 Typography 743.0 Elements 754.0 Forms 765.0 Navigation 77 5.1 Links 78 5.2 Menus 796.0 Accessibility 807.0 Alignments 818.0 Clearings 829.0 Widgets 8310.0 Content 84 10.1 Posts and pages 85 10.2 Asides 86 10.3 Comments 8711.0 Infinite scroll 8812.0 Media 89 12.1 Captions 90 12.2 Galleries 91--------------------------------------------------------------*/ 92 93/*-------------------------------------------------------------- 941.0 Reset 95--------------------------------------------------------------*/ 96html, body, div, span, applet, object, iframe, 97h1, h2, h3, h4, h5, h6, p, blockquote, pre, 98a, abbr, acronym, address, big, cite, code, 99del, dfn, em, font, ins, kbd, q, s, samp, 100small, strike, strong, sub, sup, tt, var, 101dl, dt, dd, ol, ul, li, 102fieldset, form, label, legend, 103table, caption, tbody, tfoot, thead, tr, th, td { 104 border: 0; 105 /* desbest edit */ 106 /*font-family: inherit; 107 font-size: 100%; 108 font-style: inherit; 109 font-weight: inherit;*/ 110 margin: 0; 111 outline: 0; 112 padding: 0; 113 vertical-align: baseline; 114} 115 116html { 117 font-size: 62.5%; /* Corrects text resizing oddly in IE6/7 when body font-size is set using em units http://clagnut.com/blog/348/#c790 */ 118 overflow-y: scroll; /* Keeps page centered in all browsers regardless of content height */ 119 -webkit-text-size-adjust: 100%; /* Prevents iOS text size adjust after orientation change, without disabling user zoom */ 120 -ms-text-size-adjust: 100%; /* www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ 121 box-sizing: border-box; /* Apply a natural box layout model to the document; see http://www.paulirish.com/2012/box-sizing-border-box-ftw/ */ 122} 123*, 124*:before, 125*:after { /* Inherit box-sizing to make it easier to change the property for components that leverage other behavior; see http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/ */ 126 box-sizing: inherit; 127} 128 129body { 130 background: #fff; /* Fallback for when there is no custom background color defined. */ 131} 132 133article, 134aside, 135details, 136figcaption, 137figure, 138footer, 139header, 140main, 141nav, 142section { 143 display: block; 144} 145 146ol, 147ul { 148 list-style: none; 149} 150 151table { /* tables still need 'cellspacing="0"' in the markup */ 152 border-collapse: separate; 153 border-spacing: 0; 154} 155 156caption, 157th, 158td { 159 font-weight: normal; 160 text-align: left; 161} 162blockquote:before, 163blockquote:after, 164q:before, 165q:after { 166 content: ""; 167} 168 169blockquote, 170q { 171 quotes: "" ""; 172} 173 174a:focus { 175 outline: thin dotted; 176} 177 178a:hover, 179a:active { 180 outline: 0; 181} 182 183a img { 184 border: 0; 185} 186 187/*-------------------------------------------------------------- 1882.0 Typography 189--------------------------------------------------------------*/ 190body, 191button, 192input, 193select, 194textarea { 195 color: #404040; 196 font-family: sans-serif; 197 font-size: 16px; 198 font-size: 1.6rem; 199 line-height: 1.5; 200} 201 202h1, 203h2, 204h3, 205h4, 206h5, 207h6 { 208 /*clear: both;*/ 209 /* desbest edit */ 210} 211 212p { 213 margin-bottom: 1.5em; 214} 215 216b, 217strong { 218 font-weight: bold; 219} 220 221dfn, 222cite, 223em, 224i { 225 font-style: italic; 226} 227 228blockquote { 229 margin: 0 1.5em; 230} 231 232address { 233 margin: 0 0 1.5em; 234} 235 236pre { 237 background: #eee; 238 font-family: "Courier 10 Pitch", Courier, monospace; 239 font-size: 15px; 240 font-size: 1.5rem; 241 line-height: 1.6; 242 margin-bottom: 1.6em; 243 max-width: 100%; 244 overflow: auto; 245 padding: 1.6em; 246} 247 248code, 249kbd, 250tt, 251var { 252 font-family: Monaco, Consolas, "Andale Mono", "DejaVu Sans Mono", monospace; 253 font-size: 15px; 254 font-size: 1.5rem; 255} 256 257abbr, 258acronym { 259 border-bottom: 1px dotted #666; 260 cursor: help; 261} 262 263mark, 264ins { 265 background: #fff9c0; 266 text-decoration: none; 267} 268 269sup, 270sub { 271 font-size: 75%; 272 height: 0; 273 line-height: 0; 274 position: relative; 275 vertical-align: baseline; 276} 277 278sup { 279 bottom: 1ex; 280} 281 282sub { 283 top: .5ex; 284} 285 286small { 287 font-size: 75%; 288} 289 290big { 291 font-size: 125%; 292} 293 294/*-------------------------------------------------------------- 2953.0 Elements 296--------------------------------------------------------------*/ 297hr { 298 background-color: #ccc; 299 border: 0; 300 height: 1px; 301 margin-bottom: 1.5em; 302} 303 304ul, 305ol { 306 margin: 0 0 1.5em 3em; 307} 308 309ul { 310 list-style: disc; 311} 312 313ol { 314 list-style: decimal; 315} 316 317li > ul, 318li > ol { 319 margin-bottom: 0; 320 margin-left: 1.5em; 321} 322 323dt { 324 font-weight: bold; 325} 326 327dd { 328 margin: 0 1.5em 1.5em; 329} 330 331img { 332 height: auto; /* Make sure images are scaled correctly. */ 333 max-width: 100%; /* Adhere to container width. */ 334} 335 336figure { 337 margin: 0; 338} 339 340table { 341 margin: 0 0 1.5em; 342 width: 100%; 343} 344 345th { 346 font-weight: bold; 347} 348 349/*-------------------------------------------------------------- 3504.0 Forms 351--------------------------------------------------------------*/ 352button, 353input, 354select, 355textarea { 356 font-size: 100%; /* Corrects font size not being inherited in all browsers */ 357 margin: 0; /* Addresses margins set differently in IE6/7, F3/4, S5, Chrome */ 358 vertical-align: baseline; /* Improves appearance and consistency in all browsers */ 359} 360 361button, 362input[type="button"], 363input[type="reset"], 364input[type="submit"] { 365 border: 1px solid; 366 border-color: #ccc #ccc #bbb; 367 border-radius: 3px; 368 background: #e6e6e6; 369 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.5), inset 0 15px 17px rgba(255, 255, 255, 0.5), inset 0 -5px 12px rgba(0, 0, 0, 0.05); 370 color: rgba(0, 0, 0, .8); 371 cursor: pointer; /* Improves usability and consistency of cursor style between image-type 'input' and others */ 372 -webkit-appearance: button; /* Corrects inability to style clickable 'input' types in iOS */ 373 font-size: 12px; 374 font-size: 1.2rem; 375 line-height: 1; 376 padding: .6em 1em .4em; 377 text-shadow: 0 1px 0 rgba(255, 255, 255, 0.8); 378} 379 380button:hover, 381input[type="button"]:hover, 382input[type="reset"]:hover, 383input[type="submit"]:hover { 384 border-color: #ccc #bbb #aaa; 385 box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.8), inset 0 15px 17px rgba(255, 255, 255, 0.8), inset 0 -5px 12px rgba(0, 0, 0, 0.02); 386} 387 388button:focus, 389input[type="button"]:focus, 390input[type="reset"]:focus, 391input[type="submit"]:focus, 392button:active, 393input[type="button"]:active, 394input[type="reset"]:active, 395input[type="submit"]:active { 396 border-color: #aaa #bbb #bbb; 397 box-shadow: inset 0 -1px 0 rgba(255, 255, 255, 0.5), inset 0 2px 5px rgba(0, 0, 0, 0.15); 398} 399 400input[type="checkbox"], 401input[type="radio"] { 402 padding: 0; /* Addresses excess padding in IE8/9 */ 403} 404 405input[type="search"] { 406 -webkit-appearance: textfield; /* Addresses appearance set to searchfield in S5, Chrome */ 407 box-sizing: content-box; 408} 409 410input[type="search"]::-webkit-search-decoration { /* Corrects inner padding displayed oddly in S5, Chrome on OSX */ 411 -webkit-appearance: none; 412} 413 414input[type="text"], 415input[type="email"], 416input[type="url"], 417input[type="password"], 418input[type="search"], 419textarea { 420 color: #666; 421 border: 1px solid #ccc; 422 border-radius: 3px; 423} 424 425input[type="text"]:focus, 426input[type="email"]:focus, 427input[type="url"]:focus, 428input[type="password"]:focus, 429input[type="search"]:focus, 430textarea:focus { 431 color: #111; 432} 433 434input[type="text"], 435input[type="email"], 436input[type="url"], 437input[type="password"], 438input[type="search"] { 439 padding: 3px; 440} 441 442textarea { 443 overflow: auto; /* Removes default vertical scrollbar in IE6/7/8/9 */ 444 padding-left: 3px; 445 vertical-align: top; /* Improves readability and alignment in all browsers */ 446 width: 100%; 447} 448 449/*-------------------------------------------------------------- 4505.0 Navigation 451--------------------------------------------------------------*/ 452/*-------------------------------------------------------------- 4535.1 Links 454--------------------------------------------------------------*/ 455a { 456 color: royalblue; 457} 458 459a:visited { 460 color: purple; 461} 462 463a:hover, 464a:focus, 465a:active { 466 color: midnightblue; 467} 468 469/*-------------------------------------------------------------- 4705.2 Menus 471--------------------------------------------------------------*/ 472.main-navigation { 473 clear: both; 474 display: block; 475 float: left; 476 width: 100%; 477} 478 479.main-navigation ul { 480 list-style: none; 481 margin: 0; 482 padding-left: 0; 483} 484 485.main-navigation li { 486 float: left; 487 position: relative; 488} 489 490.main-navigation a { 491 display: block; 492 text-decoration: none; 493} 494 495.main-navigation ul ul { 496 box-shadow: 0 3px 3px rgba(0, 0, 0, 0.2); 497 float: left; 498 position: absolute; 499 top: 1.5em; 500 left: -999em; 501 z-index: 99999; 502} 503 504.main-navigation ul ul ul { 505 left: -999em; 506 top: 0; 507} 508 509.main-navigation ul ul a { 510 width: 200px; 511} 512 513.main-navigation ul ul li { 514 515} 516 517.main-navigation li:hover > a { 518} 519 520.main-navigation ul ul :hover > a { 521} 522 523.main-navigation ul ul a:hover { 524} 525 526.main-navigation ul li:hover > ul { 527 left: auto; 528} 529 530.main-navigation ul ul li:hover > ul { 531 left: 100%; 532} 533 534.main-navigation .current_page_item > a, 535.main-navigation .current-menu-item > a, 536.main-navigation .current_page_ancestor > a { 537} 538 539/* Small menu */ 540.menu-toggle { 541 display: none; 542} 543 544 545 546.site-main .comment-navigation, 547.site-main .paging-navigation, 548.site-main .post-navigation { 549 margin: 0 0 1.5em; 550 overflow: hidden; 551} 552 553.comment-navigation .nav-previous, 554.paging-navigation .nav-previous, 555.post-navigation .nav-previous { 556 float: left; 557 width: 50%; 558} 559 560.comment-navigation .nav-next, 561.paging-navigation .nav-next, 562.post-navigation .nav-next { 563 float: right; 564 text-align: right; 565 width: 50%; 566} 567 568/*-------------------------------------------------------------- 5696.0 Accessibility 570--------------------------------------------------------------*/ 571/* Text meant only for screen readers */ 572.screen-reader-text { 573 clip: rect(1px, 1px, 1px, 1px); 574 position: absolute !important; 575 height: 1px; 576 width: 1px; 577 overflow: hidden; 578} 579 580.screen-reader-text:hover, 581.screen-reader-text:active, 582.screen-reader-text:focus { 583 background-color: #f1f1f1; 584 border-radius: 3px; 585 box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6); 586 clip: auto !important; 587 color: #21759b; 588 display: block; 589 font-size: 14px; 590 font-size: 1.4rem; 591 font-weight: bold; 592 height: auto; 593 left: 5px; 594 line-height: normal; 595 padding: 15px 23px 14px; 596 text-decoration: none; 597 top: 5px; 598 width: auto; 599 z-index: 100000; /* Above WP toolbar */ 600} 601 602/*-------------------------------------------------------------- 6037.0 Alignments 604--------------------------------------------------------------*/ 605.alignleft { 606 display: inline; 607 float: left; 608 margin-right: 1.5em; 609} 610 611.alignright { 612 display: inline; 613 float: right; 614 margin-left: 1.5em; 615} 616 617.aligncenter { 618 clear: both; 619 display: block; 620 margin: 0 auto; 621} 622 623/*-------------------------------------------------------------- 6248.0 Clearings 625--------------------------------------------------------------*/ 626.clear:before, 627.clear:after, 628.entry-content:before, 629.entry-content:after, 630.comment-content:before, 631.comment-content:after, 632.site-header:before, 633.site-header:after, 634.site-content:before, 635.site-content:after, 636.site-footer:before, 637.site-footer:after { 638 content: ""; 639 display: table; 640} 641 642.clear:after, 643.entry-content:after, 644.comment-content:after, 645.site-header:after, 646.site-content:after, 647.site-footer:after { 648 clear: both; 649} 650 651/*-------------------------------------------------------------- 6529.0 Widgets 653--------------------------------------------------------------*/ 654.widget { 655 margin: 0 0 1.5em; 656} 657 658/* Make sure select elements fit in widgets */ 659.widget select { 660 max-width: 100%; 661} 662 663/* Search widget */ 664.widget_search .search-submit { 665 display: none; 666} 667 668/*-------------------------------------------------------------- 66910.0 Content 670--------------------------------------------------------------*/ 671/*-------------------------------------------------------------- 67210.1 Posts and pages 673--------------------------------------------------------------*/ 674.sticky { 675 display: block; 676} 677 678.hentry { 679 margin: 0 0 1.5em; 680} 681 682.byline, 683.updated:not(.published) { 684 display: none; 685} 686 687.single .byline, 688.group-blog .byline { 689 display: inline; 690} 691 692.page-content, 693.entry-content, 694.entry-summary { 695 margin: 1.5em 0 0; 696} 697 698.page-links { 699 clear: both; 700 margin: 0 0 1.5em; 701} 702 703/*-------------------------------------------------------------- 70410.2 Asides 705--------------------------------------------------------------*/ 706.blog .format-aside .entry-title, 707.archive .format-aside .entry-title { 708 display: none; 709} 710 711/*-------------------------------------------------------------- 71210.3 Comments 713--------------------------------------------------------------*/ 714.comment-content a { 715 word-wrap: break-word; 716} 717 718.bypostauthor { 719 display: block; 720} 721 722/*-------------------------------------------------------------- 72311.0 Infinite scroll 724--------------------------------------------------------------*/ 725/* Globally hidden elements when Infinite Scroll is supported and in use. */ 726.infinite-scroll .paging-navigation, /* Older / Newer Posts Navigation (always hidden) */ 727.infinite-scroll.neverending .site-footer { /* Theme Footer (when set to scrolling) */ 728 display: none; 729} 730 731/* When Infinite Scroll has reached its end we need to re-display elements that were hidden (via .neverending) before */ 732.infinity-end.neverending .site-footer { 733 display: block; 734} 735 736/*-------------------------------------------------------------- 73712.0 Media 738--------------------------------------------------------------*/ 739.page-content img.wp-smiley, 740.entry-content img.wp-smiley, 741.comment-content img.wp-smiley { 742 border: none; 743 margin-bottom: 0; 744 margin-top: 0; 745 padding: 0; 746} 747 748/* Make sure embeds and iframes fit their containers */ 749embed, 750iframe, 751object { 752 max-width: 100%; 753} 754 755/*-------------------------------------------------------------- 75612.1 Captions 757--------------------------------------------------------------*/ 758.wp-caption { 759 margin-bottom: 1.5em; 760 max-width: 100%; 761} 762 763.wp-caption img[class*="wp-image-"] { 764 display: block; 765 margin: 0 auto; 766} 767 768.wp-caption-text { 769 text-align: center; 770} 771 772.wp-caption .wp-caption-text { 773 margin: 0.8075em 0; 774} 775 776/*-------------------------------------------------------------- 77712.2 Galleries 778--------------------------------------------------------------*/ 779.gallery { 780 margin-bottom: 1.5em; 781} 782 783.gallery-item { 784 display: inline-block; 785 text-align: center; 786 vertical-align: top; 787 width: 100%; 788} 789 790.gallery-columns-2 .gallery-item { 791 max-width: 50%; 792} 793 794.gallery-columns-3 .gallery-item { 795 max-width: 33.33%; 796} 797 798.gallery-columns-4 .gallery-item { 799 max-width: 25%; 800} 801 802.gallery-columns-5 .gallery-item { 803 max-width: 20%; 804} 805 806.gallery-columns-6 .gallery-item { 807 max-width: 16.66%; 808} 809 810.gallery-columns-7 .gallery-item { 811 max-width: 14.28%; 812} 813 814.gallery-columns-8 .gallery-item { 815 max-width: 12.5%; 816} 817 818.gallery-columns-9 .gallery-item { 819 max-width: 11.11%; 820} 821 822.gallery-caption { 823 display: block; 824} 825