1
0
mirror of https://github.com/php/web-php.git synced 2026-03-24 07:12:16 +01:00
Files
archived-web-php/styles/theme-base.css
Ayesh Karunaratne c1dce9083b Minor optimizations in CSS files to shed some weight (#612)
- Removes px suffix from 0px.
 - Combines CSS properties where they are immediately overridden in the same selector block, or can be combined without side effects.

 This saves about 50 bytes off the CSS scripts. it ain't much but it's honest work
2022-07-05 11:38:25 +01:00

1876 lines
32 KiB
CSS

/* vim: set et ts=4 sw=4 fdm=marker nocin: : */
/*!
* Bootstrap v2.3.2
*
* Copyright 2012 Twitter, Inc
* Licensed under the Apache License v2.0
* http://www.apache.org/licenses/LICENSE-2.0
*
* Designed and built with all the love in the world @twitter by @mdo and @fat.
*/
.clearfix {
*zoom: 1;
}
.clearfix:before,
.clearfix:after {
display: table;
content: "";
line-height: 0;
}
.clearfix:after {
clear: both;
}
.hide-text {
font: 0/0 a;
color: transparent;
text-shadow: none;
background-color: transparent;
border: 0;
}
article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
nav,
section {
display: block;
}
audio,
canvas,
video {
display: inline-block;
*display: inline;
*zoom: 1;
}
audio:not([controls]) {
display: none;
}
html {
font-size: 100%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
scroll-behavior: smooth;
}
a {
border-bottom:1px solid;
}
a:focus {
outline: thin dotted #333;
outline-offset: -2px;
}
a:hover,
a:active {
outline: 0;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -0.5em;
}
sub {
bottom: -0.25em;
}
pre {
white-space:pre-wrap;
}
#map_canvas img,
.google-maps img {
max-width: none;
}
button::-moz-focus-inner,
input::-moz-focus-inner {
padding: 0;
border: 0;
}
button,
html input[type="button"],
input[type="reset"],
input[type="submit"] {
-webkit-appearance: button;
cursor: pointer;
}
label,
select,
button,
input[type="button"],
input[type="reset"],
input[type="submit"],
input[type="radio"],
input[type="checkbox"] {
cursor: pointer;
}
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button {
-webkit-appearance: none;
}
textarea {
overflow: auto;
vertical-align: top;
}
@media print {
* {
text-shadow: none !important;
color: #000 !important;
background: transparent !important;
box-shadow: none !important;
}
a,
a:visited {
text-decoration: underline;
}
a[href]:after {
content: " (" attr(href) ")";
}
abbr[title]:after {
content: " (" attr(title) ")";
}
.ir a:after,
a[href^="javascript:"]:after,
a[href^="#"]:after {
content: "";
}
pre,
blockquote {
border: 1px solid #999;
page-break-inside: avoid;
}
thead {
display: table-header-group;
}
tr,
img {
page-break-inside: avoid;
}
img {
max-width: 100% !important;
}
@page {
margin: 0.5cm;
}
p,
h2,
h3 {
orphans: 3;
widows: 3;
}
h2,
h3 {
page-break-after: avoid;
}
}
.navbar .brand {
margin-right:.75rem;
float: left;
display: block;
height: 1.5rem;
padding: .75rem .75rem .75rem 1.5rem;
}
.navbar .brand:hover,
.navbar .brand:focus {
text-decoration: none;
}
.navbar-search {
position: relative;
float: left;
margin-top: .770rem;
margin-bottom: 0;
width:100%;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
.navbar-search .search-query {
margin-bottom: 0;
padding: .125rem .5rem;
-moz-box-sizing: border-box;
box-sizing:border-box;
width:100%;
}
.navbar-fixed-top .navbar-inner {
margin:0 auto;
}
.navbar .nav {
position: relative;
left: 0;
display: block;
float: left;
margin: 0 10px 0 0;
}
.navbar .nav > li {
float: left;
}
.navbar .nav > li > a {
float: none;
padding: .75rem;
}
.navbar .nav > li > a > img {
vertical-align: middle;
}
@-ms-viewport {
width: device-width;
}
.hidden {
display: none;
visibility: hidden;
}
.visible-phone {
display: none !important;
}
.visible-tablet {
display: none !important;
}
.hidden-desktop {
display: none !important;
}
.visible-desktop {
display: inherit !important;
}
#intro .container {
margin:0 auto;
display:table;
}
@media (max-width: 480px) {
#intro .download-php { margin: 0; }
}
@media (min-width: 768px) and (max-width: 979px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important ;
}
.visible-tablet {
display: inherit !important;
}
.hidden-tablet {
display: none !important;
}
}
@media (max-width: 767px) {
.hidden-desktop {
display: inherit !important;
}
.visible-desktop {
display: none !important;
}
.visible-phone {
display: inherit !important;
}
.hidden-phone {
display: none !important;
}
}
@media (max-width: 979px) {
}
@media (min-width: 980px) {
}
@media (min-width: 1200px) {
}
@media (min-width: 1500px) {
}
body, input, textarea {
font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
font-weight: 400;
}
code,
pre.info,
.docs .classsynopsis,
.docs .classsynopsis code {
font: normal 0.875rem/1.5rem "Fira Mono", "Source Code Pro", monospace;
word-wrap: break-word;
}
p code,
li code,
dt code,
dl code {
line-height:1.375rem;
}
body {
font-size: 1rem;
line-height: 1.5rem;
padding-left:0;
padding-right:0;
padding-bottom:0;
margin:0;
}
button,
input,
select,
textarea {
font-family: inherit;
font-size: 100%;
margin: 0;
}
button,
input {
line-height: normal;
}
input[type="search"] {
-webkit-appearance: textfield;
-moz-box-sizing: content-box;
box-sizing: content-box;
}
h1, h2, h3, h4, h5, h6 {
line-height: 3rem;
margin:0 0 1.5rem;
overflow:hidden;
text-rendering: optimizeLegibility;
}
h1 {
font-size: 1.75rem;
}
h2 {
font-size: 1.5rem;
}
h3 {
font-size:1.25rem;
}
h4 {
font-size:1.125rem;
}
h5, h6 {
font-size: 1rem;
}
p {
margin:0 0 1.5rem
}
ul, ol {
margin:0 0 1.5rem 1.5rem;
padding:0;
}
p:empty {
margin:0;
height:0;
display:none;
}
small {
font-size: 0.75rem;
}
/* use this instead of the obsolete <big> tag */
.big {
font-size: 1.2rem;
}
blockquote {
margin: .75rem 0 .75rem .75rem;
}
abbr {
border-bottom:1px dotted;
cursor: help;
}
a {
text-decoration:none;
}
hr {
margin:1.5rem 0;
border:0;
height:0;
border-top:.25rem solid #99c;
}
.navbar .brand img {
padding:0;
opacity:.75;
border: 0;
}
.navbar a {
border:0;
}
.navbar {
border-bottom:.25rem solid;
overflow: visible;
*position: relative;
*z-index: 2;
}
.page-tools {
text-align: right;
}
.page-tools #changelang-langs,
.page-tools .edit-bug {
font-size:.75rem;
}
.page-tools .edit-bug a {
border: 0;
margin-left: 1rem;
}
/**
* User notes
*/
#usernotes {
position: relative;
margin-top:1.5rem;
}
#usernotes .count {
display:inline-block;
vertical-align: text-top;
padding: 0.25rem 0.375rem;
font-size: 0.75rem;
line-height:1rem;
}
/* Add a note buttons. */
#usernotes .action {
display: block;
top: 8px;
right: 12px;
position: absolute;
text-align: right;
z-index: 1;
}
#usernotes .foot {
text-align: right;
margin-bottom: 1rem;
}
/* Notes themselves. */
#usernotes .note {
margin: 1.5rem 0;
position: relative;
}
#usernotes .note .votes {
float: left;
}
#usernotes .note .name {
border-bottom: 0;
margin-left: 1rem;
font-size: 1.125rem;
}
#usernotes .note .name em {
font-style: normal;
font-weight: normal;
}
#usernotes .note .date {
float: right;
text-align: right;
}
#usernotes .note .date strong {
font-weight: normal;
}
#usernotes .note .admin {
float: left;
padding-left: 1rem;
}
#usernotes .note .admin a {
border-bottom: 0;
}
#usernotes .note .text {
padding: .75rem;
border-radius:0 0 2px 2px;
}
/* Vote arrow styles. */
#usernotes .note .votes > div:first-child {
float: left;
}
#usernotes .note .votes > div {
float: right;
}
#usernotes .note .votes a {
display: block;
height: 0;
width: 0;
overflow: hidden;
margin: 8px 0 0 0;
border-left: 8px solid transparent;
border-right: 8px solid transparent;
border-bottom: 0;
}
#usernotes .note .votes .usernotes-voteu {
border-bottom: 10px solid #999;
}
#usernotes .note .votes .usernotes-voted {
border-top: 10px solid #999;
}
#usernotes .note .votes .usernotes-voteu:hover,
#usernotes .note .votes .usernotes-voteu:focus {
border-bottom: 10px solid #015;
}
#usernotes .note .votes .usernotes-voted:hover,
#usernotes .note .votes .usernotes-voted:focus {
border-top: 10px solid #015;
}
#usernotes .note .votes .tally {
padding: 0 0.3rem;
}
/* Definition lists used on eg. the unsub page */
dl dd {
margin:0 0 1.5rem;
padding:0 1.5rem;
}
.phpcode, div.classsynopsis {
text-align: left;
}
div.classsynopsisinfo_comment {
margin-top:1.5rem;
}
.warn {
padding: .75rem 1rem;
margin: 1.5rem 0 1.5rem 1.5rem;
border-top: .1875rem solid;
}
pre.info {
border: 1px solid;
margin: 1rem 0.8rem 1.3rem 2rem;
}
#langform {
float: right;
}
#layout {
margin: 0 auto 1.5rem;
clear:both;
}
.layout-menu {
padding:.75rem 1.5rem 1.5rem;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#layout-content {
padding:1.5rem;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
#layout-content:only-child {
width:100%;
}
/**
#layout .refentry div[id], #layout .sect1 div[id], #usernotes div.note[id]
{
padding-top: 52px !important;
margin-top: -52px !important;
}
#layout *[id]:target:before {
display:block;
content:" ";
margin-top:-56px;
height:56px;
}
*/
#search-results {
margin:10px 40px;
}
#search-results li {
padding:1rem 0;
list-style: none;
}
#search-results li .result {
font-size: 1.25rem;
}
#results_nav_list {
margin:0;
padding:1rem 0;
}
#results_nav_list li {
list-style: none;
display:inline-block;
}
#results_nav_list li a {
padding:.5rem .66rem;
}
#results_nav_list li.current {
font-weight: bolder;
}
/* Footer styling */
body > footer {
clear: both;
overflow: auto;
line-height:3rem;
}
body > footer .footer-content {
margin: 1.5rem auto 0 ;
padding:0 1.5rem;
-moz-box-sizing:border-box;
box-sizing:border-box;
}
body > footer ul {
margin:0;
padding:0;
}
body > footer .footmenu li {
display: inline-block;
margin:0 0.75rem;
}
body > footer a {
display:inline-block;
border-bottom:0;
}
/* {{{ ElePHPants photo stream */
div.elephpants {
margin: auto;
overflow: hidden;
}
div.elephpants div.images {
height: 75px;
text-align: center;
white-space: nowrap;
}
div.elephpants img {
width: 75px;
height: 75px;
}
/* }}} */
/* Standard Tables */
table {
border-collapse: collapse;
border-spacing: 0;
margin:0 0 1.5rem;
}
table td {
vertical-align:top;
}
table.standard {
border-collapse: collapse;
border:1px solid #d9d9d9;
}
table.standard td,
table.standard th {
border: 1px solid #d9d9d9;
}
table.standard tr:nth-child(even) td {
background-color: #E6E6E6;
}
table.standard th {
font-size: 1.125rem;
padding: 20px 10px 5px 10px;
color: #666;
font-weight: normal;
}
table.standard td {
padding: 5px 10px;
vertical-align: middle;
}
table.standard tr:nth-child(even) td.subr,
table.standard tr:nth-child(even) th.subr,
table.standard tr td.subr,
table.standard tr th.subr,
table.standard tr:nth-child(even) td.sub,
table.standard tr:nth-child(even) th.sub,
table.standard tr td.sub,
table.standard tr th.sub {
background: #E6E6E6;
}
table.standard td.subr,
table.standard th.subr {
text-align: right;
}
/* {{{ Search results. */
/* Undo a whole bunch of default styles. */
#layout .cse .gsc-control-cse,
#layout .gsc-control-cse,
#layout .gsc-control-cse .gsc-table-result {
font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
font-size: 1rem;
margin: 0;
padding: 0;
position: relative;
}
/* Override the search box styling. */
#layout .cse form.gsc-search-box,
#layout form.gsc-search-box {
margin: 0 0 1rem 0;
padding: 0;
}
#layout .cse table.gsc-search-box,
#layout table.gsc-search-box {
border: solid 1px #99c;
border-radius: 2px;
}
#layout .cse input.gsc-input,
#layout input.gsc-input {
border: 0;
}
#layout .cse table.gsc-search-box td,
#layout table.gsc-search-box td {
padding: 0;
}
#layout .cse input.gsc-search-button,
#layout input.gsc-search-button {
background: #99c;
border: solid 1px #99c;
border-radius: 0;
color: rgb(238, 238, 255);
}
#layout .cse input.gsc-search-button:hover,
#layout input.gsc-search-button:hover {
color: white;
}
/* We don't need a clear button. */
#layout .cse .gsc-clear-button,
#layout .gsc-clear-button {
display: none;
}
/* Style the "tabs", and reformat them as a sidebar item. */
#layout .cse div.gsc-results-wrapper-visible,
#layout div.gsc-results-wrapper-visible {
position: relative;
min-height: 11rem;
}
#layout .cse .gsc-tabsArea,
#layout .gsc-tabsArea {
position: absolute;
top: 0;
left: 0;
width: 23.404%;
margin-right: 2.762%;
padding:.5rem .75rem;
border: 1px solid #e0e0e0;
background-color:#f2f2f2;
border-bottom-color:#d9d9d9;
border-radius:2px;
margin-top: 0;
-moz-box-sizing: border-box;
box-sizing: border-box;
}
#layout .cse .gsc-tabHeader.gsc-tabhActive,
#layout .gsc-tabHeader.gsc-tabhActive,
#layout .cse .gsc-tabHeader.gsc-tabhInactive,
#layout .gsc-tabHeader.gsc-tabhInactive {
background: transparent;
color: rgb(38, 38, 38);
border: 0;
display: block;
font-size: 100%;
font-weight: normal;
border-top: dotted 1px rgb(189, 189, 189);
padding: 0;
}
#layout .cse .gsc-tabHeader.gsc-tabhActive:first-child,
#layout .gsc-tabHeader.gsc-tabhActive:first-child,
#layout .cse .gsc-tabHeader.gsc-tabhInactive:first-child,
#layout .gsc-tabHeader.gsc-tabhInactive:first-child {
border: 0;
}
#layout .cse .gsc-tabHeader.gsc-tabhActive,
#layout .gsc-tabHeader.gsc-tabhActive {
color: black;
}
#layout .cse .gsc-tabHeader.gsc-tabhActive:after,
#layout .gsc-tabHeader.gsc-tabhActive:after {
content: "»";
color: black;
float: right;
text-align: right;
}
#layout .cse .gsc-tabHeader.gsc-tabhInactive:hover,
#layout .gsc-tabHeader.gsc-tabhInactive:hover {
color: #693;
}
/* Format the results in the right place. */
#layout .cse .gsc-above-wrapper-area,
#layout .gsc-above-wrapper-area {
border: 0;
margin: 0;
padding: 0 0 1rem 26.166%;
width: 73.834%;
}
#layout .cse .gsc-above-wrapper-area-container,
#layout .gsc-above-wrapper-area-container {
width: auto;
}
#layout .cse .gsc-result-info-container,
#layout .gsc-result-info-container {
padding: 0;
margin: 0;
}
#layout .cse .gsc-result-info,
#layout .gsc-result-info {
color: #333;
font-size: 0.75rem;
padding: 0;
margin: 0;
}
#layout .cse .gsc-results,
#layout .gsc-results {
margin: 0;
padding: 0 0 0 26.166%;
width: 73.834%;
}
#layout .cse .gsc-resultsHeader,
#layout .gsc-resultsHeader {
display: none;
}
#layout .cse .gsc-webResult.gsc-result,
#layout .gsc-webResult.gsc-result {
margin: 0 0 1rem 0;
padding: 0;
border: 0;
}
#layout .cse .gs-webResult.gs-result a,
#layout .gs-webResult.gs-result a,
#layout .cse .gs-webResult.gs-result a b,
#layout .gs-webResult.gs-result a b {
border-bottom: solid 1px rgb(51, 102, 153);
color: rgb(51, 102, 153);
text-decoration: none;
}
#layout .cse .gs-webResult.gs-result a:focus,
#layout .gs-webResult.gs-result a:focus,
#layout .cse .gs-webResult.gs-result a:hover,
#layout .gs-webResult.gs-result a:hover,
#layout .cse .gs-webResult.gs-result a:focus b,
#layout .gs-webResult.gs-result a:focus b,
#layout .cse .gs-webResult.gs-result a:hover b,
#layout .gs-webResult.gs-result a:hover b {
border-bottom-color: rgb(51, 102, 153);
color: rgb(102, 153, 51);
}
#layout .gs-webResult.gs-result .gs-visibleUrl {
font-weight: normal;
}
/* Handle no results tabs. */
#layout .gs-no-results-result .gs-snippet {
border: 0;
background: transparent;
}
/* Override docs table styling we don't want. */
.docs #cse th,
.docs #cse td {
padding: 0;
}
/* }}} */
div.informalexample {
margin: .75rem 0;
}
strong,
em {
text-rendering: optimizeLegibility;
}
em {
font-weight:normal;
font-style:italic;
}
strong {
font-weight:bolder;
font-style:normal;
}
article strong,
#layout-content ol strong,
#layout-content ul strong,
#layout-content p strong {
font-weight: 500;
}
.refsect1 code.parameter,
strong code,
strong pre,
pre strong {
font-weight: 700;
}
#toTop {
display:none;
text-decoration:none;
position:fixed;
bottom:.75rem;
right:.75rem;
overflow:hidden;
width:43px;
height:43px;
border:none;
z-index:100;
}
#toTopHover {
display:block;
overflow:hidden;
float:left;
}
#toTop:active,#toTop:focus {
outline:none;
}
fieldset {
margin:0;
padding:0;
border:0;
}
.navbar ul {
list-style:none;
}
.navbar a {
display:inline-block;
}
/* {{{ Typeahead search results */
.twitter-typeahead {
width: 100%;
}
.navbar .navbar-search .tt-hint.search-query {
color: silver;
}
.search-query {
z-index: 2 !important;
}
.tt-dropdown-menu {
background: none repeat scroll 0 0 #E2E4EF;
border-bottom: 1px solid #C4C9DF;
border-radius: 0 0 2px 2px;
box-shadow: 1px 0 1px -1px #C4C9DF inset, -1px 0 1px -1px #C4C9DF inset, 0 0 1px #4F5B93;
color: #333333;
padding-top: 3px;
margin-top: -3px;
min-width: 100%;
}
.tt-dropdown-menu .result-heading {
font-size:1.1rem;
border-bottom: 2px solid #4F5B93;
color: #E2E4EF;
text-shadow:0 -1px 0 rgba(0,0,0,.25);
word-spacing:6px;
margin: 0;
padding: 0.1rem 0.3rem;
line-height: 2.5rem;
background-color: rgb(136, 146, 191);
}
.tt-dropdown-menu .result-heading .collapsible {
background: url(../images/search-sprites.png) no-repeat left center;
background-position: 0 -15px;
width: 30px;
height: 13px;
display: inline-block;
}
.tt-dropdown-menu .result-heading .collapsible:hover {
cursor: pointer;
}
.tt-dropdown-menu .result-heading .collapsible.closed {
background-position: 0 -2px;
}
.tt-dropdown-menu .result-heading::after {
border-bottom: none;
}
.tt-dropdown-menu .result-count {
display: inline-block;
float: right;
opacity: 0.6;
text-align: right;
}
.tt-suggestions {
color: #555;
overflow-y: auto;
overflow-x: hidden;
max-height: 210px;
}
.tt-dropdown-menu .search {
border: none;
color: white;
display: block;
padding: 0.3rem;
background: rgb(136, 146, 191);
}
.tt-suggestion {
margin: 0;
padding: 3px;
background: rgb(226, 228, 239);
border-bottom: 1px solid rgb(79, 91, 147);
}
.tt-suggestion h4 {
color: #333;
margin: 0;
overflow: hidden;
text-overflow: ellipsis;
font-size: 11pt;
line-height: 2rem;
font-weight: normal;
}
/* Class and other matches descriptions tend to be useless. */
.tt-suggestion .description {
display: block;
font-size: 0.75rem;
line-height: 1rem;
overflow: hidden;
text-overflow: ellipsis;
}
/* Selected items. */
.tt-suggestion.tt-is-under-cursor {
background-color: #4F5B93;
}
.tt-suggestion.tt-is-under-cursor h4 {
color: #FFF;
}
.tt-suggestion.tt-is-under-cursor .description {
color: #FFF;
}
/* We need to crunch down the dropdown on smaller displays. Firstly we'll drop
* the descriptions, then classes (since they're two clicks away if you have
* matching functions). */
@media screen and (max-height: 480px) {
.tt-suggestion .description {
display: none;
}
}
@media screen and (max-height: 400px) {
.tt-dataset-1 {
/* Overriding an unfortunate element style. */
display: none !important;
}
}
/* }}} */
.downloads .content-box {
margin:0 0 2.25rem;
}
.content-header .release-state {
float: right;
opacity: 0.8;
}
.content-header .changelog {
color:#369;
}
.content-box .md5sum, .content-box .sha256 {
display: block;
font: normal 0.875rem/1.5rem "Fira Mono", "Source Code Pro", monospace;
}
.content-box .md5sum:before {
content: "md5: ";
font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.content-box .sha256:before {
content: "sha256: ";
font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
}
.content-box .releasedate {
float: right;
font-size: 0.9rem;
}
.content-box pre {
background: white;
border: solid 1px rgb(214, 214, 214);
margin: 0;
padding: 0.75rem;
overflow: auto;
font: normal 0.875rem/1.5rem "Source Code Pro", monospace;
}
.content-box pre.small {
padding: 0;
}
@media (max-width: 465px) {
.content-box h3 .release-state {
display: none;
}
}
.title {
position:relative;
clear:both;
}
header.title {
margin-bottom:1.5rem;
}
.title a {
border:0;
}
.country {
position: relative;
padding:0 12px;
}
.country .countrytitle {
margin-left:-12px;
margin-right:-12px;
}
.country .title img {
position: absolute;
right: 12px;
}
.refentry .refsect1 {
margin-bottom:3rem;
}
/* {{{ General styles (p, parameters, initializers, ...) */
.refsect1 .parameter {
cursor:pointer;
}
.refsect1 dt {
height:1.5rem;
}
.docs code.parameter {
font-size:1rem;
}
.docs .classsynopsis code.parameter {
font-size:.875rem;
}
.docs .methodname strong {
font-style:normal;
font-weight:normal;
}
/* }}} */
.center {
text-align:center;
}
/* {{{ Warning and notes */
div.tip,
div.warning,
div.caution,
blockquote.note {
padding: .75rem;
margin: 1.5rem 0;
overflow: hidden
}
blockquote.note strong.note {
font-size: 1.125rem;
}
div.tip strong.tip,
div.warning strong.warning,
div.caution strong.caution {
float: left;
margin-right: 0.5rem;
font-size: 1.125rem;
}
blockquote.note p,
div.caution p,
div.warning p,
div.tip p {
margin: 1.5rem 0 0;
}
blockquote.note *:first-child + p,
div.caution *:first-child + p,
div.warning *:first-child + p,
div.tip *:first-child + p,
blockquote.note p:first-child,
div.caution p:first-child,
div.warning p:first-child,
div.tip p:first-child {
margin: 0;
}
/* }}} */
.refsect1 .dc-description,
.refsect1 .dc-description code,
.docs .sect1 .dc-description,
.docs .sect1 .dc-description code {
font-weight:400;
font-size:1rem;
font-family:"Fira Mono", "Source Code Pro", monospace;
letter-spacing:-.0625rem;
word-spacing:-.125rem;
margin:0;
}
/* {{{ Parameter listing */
.docs .refentry .parameters dl {
margin-bottom:0;
}
/* }}} */
/* {{{ Examples */
.docs .example {
margin: 1.5rem 0;
}
.docs .example-contents {
margin-bottom:1.5rem;
}
.docs .example-contents pre {
margin:0;
}
.docs .example-contents > [class$="code"],
.docs .example-contents.screen,
.informalexample .literallayout {
padding: .75rem;
}
.docs .classsynopsis,
.refsect1 .fieldsynopsis,
.refsect1 .dc-description,
.docs .sect1 .dc-description {
padding: .75rem;
margin-bottom: 1.5rem;
}
.docs .phpcode code {
display: block;
}
.docs .qandaentry dt .phpcode * {
font-weight: normal;
}
/* }}} */
/* {{{ Tables */
.docs th {
text-align: left;
}
.docs td,
.docs th {
padding: .25rem .5rem;
}
.doctable,
.segmentedlist {
width: 100%;
margin:0 0 1.5rem;
}
.doctable thead tr,
.segmentedlist thead tr {
border:1px solid;
}
.doctable tr,
.segmentedlist tr {
border:1px solid;
}
/* }}} */
/* {{{ lists */
ul.itemizedlist {
list-style-type: circle;
}
ul.simplelist
{
list-style-type: disc;
}
ul.chunklist {
list-style-type: disc;
}
.docs ol {
list-style-type: decimal;
}
dl.qandaentry {
border-top: 1px solid;
}
ul.chunklist_children {
margin-top:0;
}
/* }}} */
.docs div.sect1, .docs div.partintro {
position: relative;
}
.docs .verinfo {
font-size: .875rem;
margin:0;
}
.refname .verinfo {
line-height:2.875rem;
float:right;
font-weight:normal;
}
.docs h1.refname + h1.refname {
margin-top:-1.5rem; /* for functions with OO and procedural definitions */
}
.docs .refnamediv {
position:relative;
}
.docs .classsynopsis {
margin-bottom:1.5rem;
}
.classsynopsisinfo_comment,
.classsynopsis .constructorsynopsis,
.classsynopsis .methodsynopsis,
.classsynopsis .destructorsynopsis,
.classsynopsis .fieldsynopsis {
margin-left:1.5rem;
}
#changelang {
border: 0;
}
/* - Side Menu - */
.docs .layout-menu ul.parent-menu-list {
list-style: none;
margin: 0;
padding: 0;
}
.docs .layout-menu ul.parent-menu-list > li {
margin-top:0;
margin-bottom:0;
}
.docs .layout-menu ul.parent-menu-list > li > a {
border:0;
font-size: 1.125rem;
margin-bottom:0.75rem;
display:block;
}
.docs .layout-menu ul.child-menu-list {
margin: 0;
}
.layout-menu ul.child-menu-list li {
list-style-type: none;
margin: 0;
}
.layout-menu ul.child-menu-list li:first-child a {
border-top: 1px dotted;
margin-top:-1px;
}
.layout-menu ul.child-menu-list a {
font-size: .875rem;
border-bottom: 1px dotted;
margin-bottom:-1px;
display:block;
padding-left:.75rem;
position:relative;
}
.layout-menu ul.child-menu-list .current {
font-weight: bolder;
}
#layout-content .current:before {
content:"\bb \20";
}
.layout-menu ul.child-menu-list a:hover:before,
.layout-menu ul.child-menu-list a:focus:before,
.layout-menu ul.child-menu-list .current a:before {
content:"\bb \20";
position:absolute;
left:0;
}
.docs .sect2 {
margin-top: .75rem;
}
/* Soft-deprecation Notices */
.soft-deprecation-notice h1.title {
border: 0;
position: absolute;
padding: 0;
margin:0;
top:-22px;
left: 0;
}
div.soft-deprecation-notice {
position: relative;
margin-top: 50px;
border: 1px solid;
z-index: 100;
}
div.soft-deprecation-notice blockquote.sidebar {
padding: 10px;
margin: 0;
border: 0 solid;
}
#breadcrumbs {
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:.75rem 0;
font-size:.875rem;
display:none;
}
#breadcrumbs #breadcrumbs-inner {
margin:0 auto;
}
#breadcrumbs ul {
margin:0;
padding:0 .5rem 0 1.5rem;
overflow: hidden;
}
#breadcrumbs-inner div {
padding:0 1.5rem;
}
#breadcrumbs li {
display:inline-block;
}
#breadcrumbs li+li:before {
padding:0 .5rem 0;
content:"\203A";
}
#breadcrumbs a:link,
#breadcrumbs a:visited {
border-width:0;
}
#breadcrumbs .next,
#breadcrumbs .prev {
float:right;
}
@media (min-width: 768px) {
.navbar-fixed-top {
top: 0;
-webkit-transform: translateZ(0);
-moz-transform: translateZ(0);
transform: translateZ(0);
}
body {
margin:3.25rem 0 0;
}
/* add a top-margin to all elements which get referenced by anchor-urls, so they are not covered by the fixed header */
[id] {
scroll-margin-top: 3.25rem;
}
#breadcrumbs {
display:block;
}
.navbar-search,
#intro .background,
aside.tips,
.layout-menu {
width: 25%;
float: left;
}
#layout-content {
float:left;
width:75%;
}
.navbar-fixed-top {
position: fixed;
right: 0;
left: 0;
z-index: 1030;
margin-bottom: 0;
}
}
@media (min-width: 768px) and (max-width: 979px) {
aside.tips, .navbar-search {
width: 30% !important;
}
#layout-content {
width: 70% !important;
}
}
@media (min-width: 1200px) {
#intro .container,
.navbar-inner,
#breadcrumbs-inner,
#goto div,
#trick div,
#layout,
body > footer .footer-content {
width:1170px;
}
}
@media (min-width: 1500px) {
#intro .container,
.navbar-inner,
#breadcrumbs-inner,
#goto div,
#trick div,
#layout,
body > footer .footer-content {
width:1440px;
}
}
#mainmenu-toggle-overlay, #mainmenu-toggle {
display: none;
}
@media (max-width:767px) {
.navbar-fixed-top .container {
width:auto;
}
.navbar-search {
float:left;
clear: both;
margin-top: 0;
padding: 0 10px 10px 10px;
}
.navbar .nav {
margin-right: 0;
}
#intro .download-php {
margin: 0 !important;
}
#mainmenu-toggle-overlay {
background: #4F5B93 url(/images/mobile-menu.png) no-repeat center center;
float: right;
display: block;
height: 32px;
width: 34px;
margin-top: 10px;
margin-right: 10px;
border-radius: 5px;
}
#mainmenu-toggle {
height: 32px;
width: 34px;
line-height: 32px;
margin-top: 10px;
margin-right: -34px;
float: right;
border-bottom: 0 none;
display: inline-block;
opacity: 0;
}
.navbar .brand {
float: left;
margin-bottom: 0.5rem;
}
.navbar-search {
margin-top: 0;
padding: 0 10px 10px;
}
.navbar .brand img {
display: block;
margin-left: 12px;
}
.navbar .nav {
clear: both;
float: none;
max-height: 0;
overflow: hidden;
-moz-transition: max-height 400ms;
-webkit-transition: max-height 400ms;
-o-transition: max-height 400ms;
-ms-transition: max-height 400ms;
transition: max-height 400ms;
}
.navbar .nav > li, .footmenu > li {
float: none;
display: block;
text-align: center;
}
.navbar .nav > li a, .footmenu > li > a {
width: 100%;
display: block;
padding-left: 0;
}
#mainmenu-toggle:checked + .nav {
/* This just has to be big enough to cover whatever's in .nav. */
max-height: 50rem;
}
#flash-message {
margin-top: 0 !important;
top: 0;
}
}
@media (min-width:768px) {
#topsearch {
float:right;
}
.navbar-search .search-query {
width:100%;
}
#intro .container {
position:relative;
}
}
@media (max-width: 979px) and (min-width: 768px) {
#intro .download-php a.btn-pop {
padding-right:.375rem;
}
}
@media (min-width:980px) {
}
@media (min-width:1200px) {
}
@media (min-width:1548px) {
#layout {
padding-right:0;
}
}
#goto {
display: none;
background-color: #333;
height: 100%;
width: 100%;
opacity: 0.9;
position: fixed;
top: 50px;
z-index: 5000;
color: #E6E6E6;
}
#goto .search .results {
text-shadow: 0 2px 3px #555;
font-size: 2rem;
line-height: 1;
}
#goto .search .results :focus {
font-size: 2rem;
line-height: 1.2;
}
#goto .search .text {
color: #222;
text-shadow: 0 2px 3px #555;
font-size: 10rem;
line-height: .7;
}
#trick {
display: none;
background-color:rgba(51,51,51,.95);
height: 100%;
width: 100%;
position: fixed;
top: 50px;
z-index: 5000;
}
#goto div,
#trick div {
margin: 0 auto;
}
#trick dt, #trick dl {
color: #E6E6E6;
}
#trick dl {
display: inline-block;
vertical-align: top;
}
#trick a {
color: #E6E6E6;
display: block;
border-bottom: none;
padding: 1px;
}
/* {{{ Right-hand sidebar */
aside.tips {
-moz-box-sizing:border-box;
box-sizing:border-box;
padding:1.5rem;
color:#ccc;
}
aside.tips p {
margin-top:0;
}
aside.tips .panel {
margin:0 0 1.5rem;
}
aside.tips .panel .body {
font-size:.875rem;
margin-top:1.5rem;
}
aside.tips .panel .headline {
display: block;
border-bottom:0;
line-height: 1.5rem;
font-size:1.125rem;
color:#E6E6E6;
text-rendering: optimizeLegibility;
}
/* Announcement Area */
aside.tips div.inner {
clear:none;
border:0;
background:inherit;
}
/* }}} */
/* {{{ Flash message */
#flash-message {
height: auto;
margin-top: 4px;
position: fixed;
width: 100%;
z-index: 95;
text-align: center;
box-shadow: 0 0.25rem 0.25rem rgba(0, 0, 0, 0.1);
}
#flash-message .message {
cursor: pointer;
text-align: center;
position: relative;
border-bottom:1px solid;
padding:.25rem;
}
#flash-message .message a {
border-style: dotted;
font-weight: bolder;
}
/* }}} */
/* {{{ News */
.newsentry header h2 {
margin:0;
}
.newsentry {
margin: 0 0 3rem;
position: relative;
}
.newsentry h2 {
font-weight:normal;
}
.newsentry h2 .release-state {
float: right;
opacity: 0.8;
}
.newsentry header time {
float:right;
line-height:3rem;
}
.newsentry p {
line-height: 1.7rem;
}
.newsentry .newsimage a {
float: right;
border: 0;
padding: 10px;
}
/* }}} */
/* {{{ Logo Downloads */
.logo-list ul{
list-style-type: none;
}
/* }}} */
/* vim: set ts=2 sw=2 et: */