:root { --background-color: var(--dark-grey-color); --background-text-color: #CCC; --content-background-color: #F2F2F2; --content-text-color: var(--dark-grey-color); } html { background-color: var(--background-color); background-image: url('/images/bg-texture-00.svg'); color: var(--background-text-color); } #layout-content { background: var(--content-background-color); color: var(--content-text-color); } #layout-content:not(:only-child) { border-right:.25rem solid #666; } h1, h2, h3, h4, h5, h6 { font-weight: 500; color: var(--content-text-color) } header.title, h1:after, h2:after, h3:after { display:table; width:100%; content:" "; margin-top:-1px; border-bottom:1px dotted; } .title h1:after, .title h2:after, .title h3:after { display:none; } a:link, a:visited { color: var(--background-text-color); } #layout-content a:link, #layout-content a:visited { color: #369; } a:hover, a:focus, #layout-content a:hover, #layout-content a:focus { color: var(--medium-magenta-color); border-color: var(--medium-magenta-color); outline:0; } ul { list-style-type: disc; } ol { list-style-type: decimal; } dl.qandaentry { border-color:#000; } h1.refname { color: var(--dark-magenta-color); } .interfacename a, .fieldsynopsis .type, .methodsynopsis .type, .constructorsynopsis .type, .destructorsynopsis .type { color:#693; } .classsynopsisinfo .modifier, .fieldsynopsis .modifier, .methodsynopsis .modifier, .constructorsynopsis .modifier, .destructorsynopsis .modifier { color: #936; } .classsynopsis { color: #4D4D4D; } .docs .classsynopsisinfo_comment { color:#f80; } .title a, .title { color: var(--dark-magenta-color); } .title time { color: var(--content-text-color); } .methodname b, .methodname strong, .methodname a, .classsynopsis .classname, .classsynopsis .interfacename, .parameter { color: #369; } .initializer, .initializer code { color:#936; } .dc-description { color:#737373; } /* {{{ Warnings, Tips and Notes */ #flash-message .success { background:#E6F2D9; border-color: #CCE6B3; } #flash-message .info, div.tip { background:#D9E6F2; border-color: #B3CCE6; border-bottom-color:#9FBFDF; } blockquote.note { background-color: #E6E6E6; border-color: var(--background-text-color); } div.caution { background: #fcfce9; border-color: #e2e2d1; } .refsect1 blockquote.note { margin-left:0; background:#fff; border-color: #e5e6e9; } #flash-message .error, div.warning { background:#F4DFDF; border-color: #EABFBF; } .docs .classsynopsis, .refsect1 .fieldsynopsis, .refsect1 .dc-description, .docs .sect1 .dc-description, div.tip, blockquote.note, div.caution, div.warning { box-shadow:inset 0 0 0 1px rgba(0,0,0,.15); border-radius:0 0 2px 2px; } #flash-message .error a, div.warning a:link, div.warning a:visited, div.warning h2, div.warning h3 { color:#936; } #flash-message .success a, #flash-message a:hover, #flash-message a:focus, div.warning a:hover, div.warning a:focus { color:#693; border-color:#693; } /* }}} */ /* {{{ Navbar */ .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { color: var(--dark-grey-color); } .navbar .nav > .active > a { box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125); } .navbar .brand, .navbar .nav > li > a { color: var(--light-blue-color); border:0; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); } .navbar .brand:hover, .navbar .nav > li > a:hover, .navbar .brand:focus, .navbar .nav > li > a:focus { color: #fff; } .navbar .nav > li > a:focus, .navbar .nav > li > a:hover { background-color: transparent; color: #fff; } .navbar .nav .active > a, .navbar .nav .active > a:hover, .navbar .nav .active > a:focus { color: #fff; background-color: var(--dark-blue-color); } .navbar .navbar-search .search-query { background-color: #fff; color: var(--dark-grey-color); text-shadow: 0 1px 0 #fff; border:0; border-radius:2px; box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .navbar .navbar-search .search-query:focus { box-shadow: inset 0 1px 2px rgba(0,0,0,.2); } .navbar .navbar-search .search-query:-moz-placeholder { color: #999; } .navbar .navbar-search .search-query:-ms-input-placeholder { color: #999; } .navbar .navbar-search .search-query::-webkit-input-placeholder { color: #999; } .navbar { border-color:var(--dark-blue-color); background:var(--medium-blue-color); box-shadow: 0 .25em .25em rgba(0,0,0,.1); } .navbar .brand { color: #fff; } .navbar a { text-shadow: 0 1px 0 #fff; } /* }}} */ /* {{{ User notes */ #usernotes .count { background-color: var(--dark-magenta-color); color: #fff; border-radius: 4px; } #usernotes .note .name { color: var(--content-text-color); } #usernotes .note .date { color: #666; } #usernotes .note .name:hover + .genanchor { color: black; } #usernotes .note .text { transition: opacity 0.4s; } #usernotes .note .votes .tally { color: var(--content-text-color); } #usernotes .note .votes a { transition: border 0.4s; } /* }}} */ /* {{{ Tables */ .doctable, .segmentedlist { border-color: var(--background-text-color); } .doctable thead tr, .segmentedlist thead tr { border-color: #C4C9DF; border-bottom-color: var(--medium-blue-color); color: var(--content-text-color); } .doctable th, .segmentedlist th { background-color: #C4C9DF; } .doctable tr, .segmentedlist tr { border-color: var(--background-text-color) } .doctable tbody tr:nth-child(odd), .segmentedlist tbody tr:nth-child(odd) { background-color: #ffffff; } .doctable tbody tr:nth-child(even), .segmentedlist tbody tr:nth-child(even) { background-color: #E6E6E6; } /* }}} */ /* {{{ Syntax highlighting (and other similar boxes) */ #usernotes .note .text, .example-contents > [class$="code"], .example-contents.screen, .informalexample .literallayout { background-color: #FFF; box-shadow: inset 0 0 0 1px rgba(0,0,0,.15); border-radius: 0 0 2px 2px; } .refsect1 .example-contents > [class$="code"], .refsect1 .example-contents.screen { background-color: #fff; } .docs .classsynopsis, .refsect1 .fieldsynopsis, .refsect1 .dc-description, .docs .sect1 .dc-description { background:#fff; border-color: #d9d9d9; } .phpcode span.html { color: black; background-color: transparent; } .phpcode span.comment { color: var(--dark-blue-color); background-color: transparent; } div.phpcode span.default { color: #369; background-color: transparent; } div.phpcode span.keyword { color: #693; background-color: transparent; } div.phpcode span.string { color: #c33; background-color: transparent; } .para var, .simpara var { background-color: #E6E6E6; border-radius: 2px; color: var(--content-text-color); padding: 2px 4px; white-space: nowrap; font-style: normal; font: normal 14px / 1.46 "Source Code Pro", monospace; } var.reset { background: none !important; padding: 0 !important; font-size: 1em !important; } /* }}} */ /* {{{ The anchor for section headers */ #layout-content a.genanchor:link, #layout-content a.genanchor:visited { color: transparent; border-bottom: none; } #layout-content a.genanchor:hover, #layout-content a.genanchor:focus { color: var(--content-text-color); border-bottom: none; } /* }}} */ .warn { border-color: var(--dark-blue-color); background-color: #fff; border-radius: 0 0 2px 2px; } pre.info { background-color: #efefef; border-color: #ddd; } aside.tips div.border { display:none; } aside.tips h3 { color:#E6E6E6; } aside.tips a { color: var(--background-text-color); border-bottom:1px dotted #666; } aside.tips .panel > a:after, aside.tips .panel > span:after { content:" "; display:block; border-bottom:1px dotted #666; } aside.tips .panel > a { display:block; border-bottom: none; } aside.tips .panel > a:hover:after { border-color:var(--medium-magenta-color); } aside.tips a:hover, aside.tips a:focus { color:var(--light-magenta-color); border-color:var(--light-magenta-color); } .soft-deprecation-notice { color: var(--dark-grey-color); border-color: #eecdde; background-color: #f9ecf2; } .soft-deprecation-notice h1.title { color: #454e55; } .soft-deprecation-notice blockquote.sidebar { color: #660000; border-color: #660; } /* {{{ Breadcrumbs */ #breadcrumbs { color: #999; } /* }}} */ /* {{{ Layout menu Left-hand sidebar */ .layout-menu ul.child-menu-list li:first-child a { border-top-color:#666; } .layout-menu ul.child-menu-list li.current a { color:var(--light-magenta-color); border-bottom-color:var(--light-magenta-color); } .layout-menu ul.parent-menu-list li a:hover, .layout-menu ul.child-menu-list li a:hover { color:var(--light-magenta-color); } .layout-menu ul.child-menu-list a { border-color: #666; } /* }}} */ /* {{{ ElePHPants */ div.elephpants img { opacity: 0.5; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } div.elephpants:hover img { opacity: 0.6; transition: all 0.2s ease-in-out; -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; } div.elephpants img:hover, div.elephpants img:focus { opacity: 1; } /* }}} */ .mirror { position: relative; border: 1px solid var(--background-text-color); padding: 20px; margin: 5px; } .mirror .title img { position: absolute; right: 0; } .mirror .title { font-size: 1.4em; position: relative; } .headsup { padding:.25rem 0; height:1.5rem; border-bottom:.125rem solid #696; background-color: #9c9; color:#fff; } .headsup, .headsup a { margin: 0 auto; text-align: center; color: #fff; } .thanks-list { list-style: none; padding: 0; margin: 0 0 2rem 0; display: grid; grid-template-columns: 1fr; gap: 1rem; } @media (min-width: 980px) { .thanks-list { grid-template-columns: 1fr 1fr; gap: 1.5rem; } } .thanks { display: flex; flex-direction: column; align-items: start; gap: 1rem; break-inside: avoid; box-shadow: #dddddd 0 .125rem .5rem; border-radius: .25rem; padding: 1rem; background: #F9F9F9; } @media (min-width: 425px) { .thanks { flex-direction: row; } } .thanks__logo { border: 0; background: #F9F9F9; border-radius: .25rem; padding: .5rem; flex: 0 0 7.5rem; min-width: 5rem; min-height: 5rem; max-height: 5rem; margin: 0; display: flex; align-items: center; align-self: center; overflow: hidden; } .thanks__logo--white { background: #FFFFFF; border: 1px solid #f0f0f0; } .thanks__logo--dark { background: #152536; } .thanks__logo--osu { background: #bc450c; } .thanks__logo--redpill { background: #b73e40; } @media (min-width: 425px) { .thanks__logo { align-self: start; } } .thanks__logo img { width: 100%; max-height: 100%; transition: transform 300ms ease-in-out; } .thanks__logo:hover img { transform: scale(1.1); } .thanks__heading { display: block; font-size: 1.15rem; padding: 0 0 1rem 0; text-align: center; } @media (min-width: 425px) { .thanks__heading { text-align: left; padding: 0 0 .25rem 0; } } .thanks__description { margin: 0 }