com web/php: Fixed some border issues. Also removed arrows on sidebar items on homepage.: styles/home.css styles/theme-base.css styles/theme.css
| From: | Levi Morrison | Date: | Fri, 22 Nov 2013 22:09:18 +0000 |
| Subject: | com web/php: Fixed some border issues. Also removed arrows on sidebar items on homepage.: styles/home.css styles/theme-base.css styles/theme.css | ||
| Groups: | php.webmaster | ||
| Request: | Send a blank email to php-webmaster+get-17207@lists.php.net to get a copy of this message | ||
Commit: 34b9d62912d880a92b6bc562e24087c66a38a02b
Author: Levi Morrison <levim@php.net> Fri, 22 Nov 2013 15:09:18 -0700
Parents: 94708b37b4b48de7cece9f1aad215b01ddae1af3
Branches: master
Link: http://git.php.net/?p=web/php.git;a=commitdiff;h=34b9d62912d880a92b6bc562e24087c66a38a02b
Log:
Fixed some border issues. Also removed arrows on sidebar items on homepage.
Changed paths:
M styles/home.css
M styles/theme-base.css
A styles/theme.css
diff --git a/styles/home.css b/styles/home.css index ce47366..03fcd7b 100644 --- a/styles/home.css +++ b/styles/home.css @@ -92,10 +92,10 @@ complimentary greens: 9FB553 7B8851 61761B C6DA82 CCDA99 opacity: 0.8; } .newsentry h3 a { - color: #000; - text-decoration: none; + color: #000; padding: .35em 0em; display: block; + border:0; } .newsentry .newstitle a::after { float:right; diff --git a/styles/theme-base.css b/styles/theme-base.css index 4da9e9f..3b4f08d 100755 --- a/styles/theme-base.css +++ b/styles/theme-base.css @@ -3212,33 +3212,30 @@ div.soft-deprecation-notice blockquote.sidebar { border: 0px solid; } - #breadcrumbs { border:1px solid; + border-top:0; margin:0 auto; font-size:.875em; line-height:1.71428571428571; } #breadcrumbs ul { - padding:0; - margin:0; - background-color: rgb(153, 153, 204); + padding:.5em .75em; + margin:.5em 0; +} +#breadcrumbs div { + padding:.5em .75em; } #breadcrumbs li { display:inline-block; } -#breadcrumbs li:first-child a { - padding-left: 0; +#breadcrumbs li+li:before { + padding:0 .5em 0; + content:"\203A"; } #breadcrumbs a:link, #breadcrumbs a:visited { border-width:0; - color: #fff; -} -#breadcrumbs a { - padding: .25em 1em; - display: inline-block; - background-color: rgb(153, 153, 204); } #breadcrumbs .prev { @@ -3289,7 +3286,6 @@ div.soft-deprecation-notice blockquote.sidebar { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; - margin-left: 0.625em; } .flexbox #breadcrumbs .breadcrumbs-container li, .flexboxlegacy #breadcrumbs .breadcrumbs-container li { @@ -3497,21 +3493,12 @@ aside.tips .panel .announcements a { margin: 0; line-height: 1; } -aside.tips .panel a::after { - float:right; - content:"»"; - color:#666; -} aside.tips .panel a:hover, aside.tips .panel a:focus { + color:#369; background:#ebebf4; border-color:#dbdbeb; border-bottom-color:#cacae2; - color:#000; -} -aside.tips .panel a:hover::after, -aside.tips .panel a:focus::after { - color:#333; } aside.tips div.headline a.headline, aside.tips div.headline a.headline:hover { @@ -3520,15 +3507,8 @@ aside.tips div.headline a.headline:hover { border: 0px; } -aside.tips a:link, -aside.tips a:visited { - color:#369; - border-bottom-color: transparent; -} -aside.tips a:hover, -aside.tips a:focus { - color:#f25050; - border-bottom-color: #f25050; +aside.tips a { + border-bottom:0; } /* Announcement Area */ @@ -3546,7 +3526,7 @@ aside.tips div.inner { .announcements { display: block; background-color: #ebebf4; - border:1px solid #dbdbeb; + border-top:1px solid #dbdbeb; border-bottom-color:#cacae2; border-radius: 0 0 2px 2px; padding: 1em; diff --git a/styles/theme.css b/styles/theme.css new file mode 100755 index 0000000..0b7121a --- /dev/null +++ b/styles/theme.css @@ -0,0 +1,943 @@ +/** + * + * COLORS: | HEX | HSB + * ---------------+---------+--------------- + * light-purple | #c3add9 | 270, 20%, 85% + * ---------------+---------+--------------- + * medium-purple | #987db3 | 270, 30%, 70% + * ---------------+---------+--------------- + * dark-purple | #604080 | 270, 50%, 50% + * ---------------+---------+--------------- + * + */ + + +html { + background-color: #262626; +} + +body, input, textarea { + font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; +} +code, +pre.info { + font: 400 .875em / 1.5 "Source Code Pro", monospace; +} + +.docs .classsynopsis, +.docs .classsynopsis code { + font: 400 1em / 1.5 "Source Code Pro", monospace; +} + +#head-beta-warning { + padding:.25em 0; + height:1.5em; + border-bottom:.125em solid #696; + background-color: #9c9; + color:#fff; +} + +#beta-warning { + margin: 0 auto; + text-align: center; +} + +#beta-warning .blurb a, +#beta-warning .blurb strong { + color: #fff; + border-color:#fff; +} + +#beta-warning-close { + background-color: #696; + color: #fff; + font-weight: bold; + text-decoration: none; + margin: 0 0 0 .25em; + width: 1.2em; + height: 1.2em; + line-height:1.2em; + padding: 0 0.375em; + text-align: center; + -moz-border-radius: 2px; + border-radius: 2px; + border:0; +} + + +body { + font-size: 1em; + line-height: 1.5; + background:#fff; + 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; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +h1 { + font-size: 1.5em; + line-height: 1; + margin:0 0 .5em; +} +h2 { + font-size: 1.25em; + line-height: 1.2; + margin:0 0 0.6em; +} +h3 { + font-size: 1.125em; + line-height: 1.333333333; + margin:0 0 0.66666666666667em; +} +p { + margin: .75em 0; +} +ul, ol { + margin:.75em 1.5em; + padding:0; +} +p:empty { + margin:0; + height:0; + display:none; +} +small { + font-size: 0.75em; + line-height: 2; +} +blockquote { + margin: .75em 0 .75em .75em; +} + +abbr { + border-bottom:1px dotted #999; + cursor: help; +} +a { + text-decoration:none; +} +h1, h1 a, h1 a:visited, h1 a:link { + color: #336; +} +h1 a:hover, +h1 a:focus { + color: #000; +} + +h2, h2 a, h2 a:visited, h2 a:link { + color: #262626; +} + +h2 a:hover, +h2 a:focus { + color: #000; +} + +h1, h2, h3, h4, h5, h6 { + font-weight:normal; + color:#336 +} + +h4, h5, h6 { + font-size:1.125em; + line-height: 1.333333333; + margin:0.666666667em 0; +} + +a:link, +a:visited { + color: #369; + border-bottom: 1px solid; +} + +a:hover, +a:focus { + color: #693; + border-bottom-color:#693; +} + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +hr { + margin:1.5em 0 1.25em; + border:0; + height:0; + border-top:.25em solid #99c; +} + +.navbar .brand { + margin-right:.75em; +} +.navbar .brand img { + padding:4px 0 0; + margin-bottom:-1px; + opacity:.75; +} +.navbar a { + border:0; +} + +.navbar { + border-bottom:.25em solid #669; +} + +.change-language { + float: right; + position:relative; + z-index:100; +} +.change-language p { + margin:0; +} +.change-language .select { + border-radius: 0; +} + +/** + * User notes + */ +#usernotes { + position: relative; + margin-top:1.5em; +} + +#usernotes h3.title { + border-bottom: 0.166666667em solid #669; + margin-bottom: -0.166666667.em; + line-height:2.666666667; + color:#262626; +} + +#usernotes .count { + background-color: #669; + color: white; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 0.333333333em .5em; + font-size: 0.666666667em; + line-height:2; + vertical-align: middle; +} + +/* Add a note buttons. */ +#usernotes .action { + display: block; + top: 1em; + right: 0; + position: absolute; + text-align: right; +} +#usernotes:target .action { + top:4.5em; +} + +#usernotes .foot { + text-align: right; + margin-bottom: 1em; +} + +/* Notes themselves. */ +#usernotes .note { + margin: .75em 0; + position: relative; +} + +#usernotes .note .votes { + float: left; +} + +#usernotes .note .name { + border-bottom: 0; + color: #444; + margin-left: 1em; + font-size: 1.125em; + line-height:1.333333333; +} + +#usernotes .note .name em { + font-style: normal; + font-weight: normal; +} + +#usernotes .note .name:hover + .genanchor { + color: black; +} + +#usernotes .note .date { + color: #666; + float: right; + text-align: right; +} + +#usernotes .note .date strong { + font-weight: normal; +} + +#usernotes .note .admin { + float: left; + padding-left: 1em; +} + +#usernotes .note .admin a { + border-bottom: 0; +} + +#usernotes .note .text { + background-color: #f2f2f2; + border-top: .125em solid #d9d9d9; + padding: .625em .75em .75em; + margin-top:.25em; + -moz-border-radius:0 0 2px 2px; + border-radius:0 0 2px 2px; + border-bottom:1px solid #d9d9d9; + box-shadow: + inset 2px 0 2px -2px #e0e0e0, + inset -2px 0 2px -2px #e0e0e0; +} + +/* 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; + + -webkit-transition: border 0.4s; + -moz-transition: border 0.4s; + -o-transition: border 0.4s; + -ms-transition: border 0.4s; + transition: border 0.4s; +} + +#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 { + border-bottom: 10px solid #015; +} + +#usernotes .note .votes .usernotes-voted:hover { + border-top: 10px solid #015; +} + +#usernotes .note .votes .tally { + color: #262626; + padding: 0 0.3em; +} + +/* Definition lists used on eg. the unsub page */ +dl dd { + margin:0; + padding:0 1.5em; +} +dl dd p { + margin:0; +} +dl dd p + p { + margin-top: .75em; +} + + +.phpcode, div.classsynopsis { + text-align: left; +} +div.phpcode span.html { + color: black; + background-color: transparent; +} +div.phpcode span.comment { + color: #FF8000; + background-color: transparent; +} +div.classsynopsisinfo_comment { + font-weight: bold; + margin-top:.75em; +} +div.phpcode span.default { + color: #0000BB; + background-color: transparent; +} +div.phpcode span.keyword { + color: #007700; + background-color: transparent; +} +div.phpcode span.string { + color: #DD0000; + background-color: transparent; +} + +.warn { + padding: .75em 1em; + margin: 1.5em 0 1.5em 1.5em; + border-top: .1875em solid #669; + background-color: #f2f2f2; + border-radius: 0 0 2px 2px; +} +pre.info { + border: 1px solid #ddd; + margin: 1em 2em 1.3em; + margin-right: 0.8em; + background-color: #efefef; +} + +/* {{{ The anchor for section headers */ +a.genanchor:link, +a.genanchor:visited { + color: transparent; + border-bottom: none; +} +a.genanchor:hover, +a.genanchor:focus { + color: #000; + border-bottom: none; +} +/* }}} */ + +#langform { + float: right; +} + +aside.tips { + border-top: .25em solid #9999CC; +} + +aside.tips div.border { + display:none; +} + +aside.tips div.inner { + padding: .75em; + background:#eeeef6; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + border-bottom:1px solid #d6d6dd; + border-radius: 0 0 2px 2px; +} + + +#layout { + margin: .75em auto 1.5em; + clear:both; +} + +.layout-menu { + float: left; + padding:.5em .75em 1.5em; + background-color:#f2f2f2; + border: 1px solid #e0e0e0; + border-bottom-color:#d9d9d9; + border-radius:2px; +} + + +/*#layout .refsect1[id]:before,*/ +#layout *[id]:target:before { + display:block; + content:" "; + margin-top:-56px; + height:56px; +} + +#search-results { + margin:10px 40px; +} + +#search-results li { + padding:1em 0; + list-style: none; +} + +#search-results li .result { + font-size: 1.25em; + line-height:1.2; +} + +#results_nav_list { + margin:0; + padding:1em 0; +} +#results_nav_list li { + list-style: none; + display:inline-block; +} +#results_nav_list li a { + padding:.5em .66em; +} +#results_nav_list li.current { + font-weight: bold; +} +/* Footer styling */ + +footer { + clear: both; + overflow: auto; + background-color: #262626; + border-top: .25em solid #9999CC; + padding: .75em 0; +} + +footer ul { + margin:0; + padding:0; +} + +footer .footmenu li { + display: inline; +} + +footer a { + color: #ccc; + margin: 0 .5em; +} + +footer a:link, +footer a:visited { + color: #ccc; + border-bottom: none; +} + +footer a:hover, +footer a:focus { + color: #888; + border-bottom: none; +} + + +/* Elephpant photo stream */ + +div.elephpants { + margin: auto; + overflow: hidden; +} + +div.elephpants div.images { + height: 75px; + background-color: #262626; + text-align: center; + white-space: nowrap; +} + +div.elephpants img { + width: 75px; + height: 75px; + opacity: 0.5 + -moz-opacity: 0.5; + -webkit-opacity: 0.5; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +div.elephpants:hover img { + opacity: 0.6; + -moz-opacity: 0.6; + -webkit-opacity: 0.6; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +div.elephpants img:hover, +div.elephpants img:focus { + opacity: 1; + -moz-opacity: 1; + -webkit-opacity: 1; +} + + +/* Standard Tables */ + +table { + border-collapse: collapse; + border-spacing: 0; +} +table td { + vertical-align:top; +} + +table.standard { + border-collapse: collapse; + border-style: hidden; +} + +table.standard td, table.standard th { + border: 1px solid #ddd; +} + +table.standard tr:nth-child(even) td { + background-color: #fcfcfc; +} + +table.standard th { + font-size: 1.125em; + line-height: 1.333333333; + padding: 20px 10px 5px 10px; + color: #777; + 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: #eeeef6; +} + +table.standard td.subr, +table.standard th.subr { + text-align: right; +} + +/* News styles. */ +.newsImage img { + margin-left: 1.5em; + margin-bottom: .75em; +} +.newsItem { + margin:0 0 .75em; + border-bottom: solid 0.25em #99c; +} +.newsItem:last-child { + border-bottom: 0; +} +.newsItem .published { + display:inline-block; + color:#666; + font-size:.75em; + line-height: 2; +} +.newsItem abbr.published { + margin-bottom:-1px; +} +.spanning-content { + width:960px; + margin: 0 auto; + clear:both; +} + +/* Search results. */ +#layout .cse table.gsc-search-box, +#layout table.gsc-search-box { + border: solid 1px #99c; +} + +#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: 2px; +} + +#layout .cse input.gsc-search-button, +#layout input.gsc-search-button { + background: #669; + border: solid 1px #669; + border-radius: 0; + color: white; + font-size: 100%; +} + +#layout .cse .gsc-clear-button, +#layout .gsc-clear-button { + display: none; +} + +#layout .cse .gsc-tabHeader.gsc-tabhActive, +#layout .gsc-tabHeader.gsc-tabhActive, +#layout .cse .gsc-tabHeader.gsc-tabhInactive, +#layout .gsc-tabHeader.gsc-tabhInactive { + border: 0; + background-color: white; + font-size: 100%; + font-weight: bold; + margin-right: 0; + padding: 0 26px 0 13px; +} + +#layout .cse .gsc-tabHeader.gsc-tabhActive, +#layout .gsc-tabHeader.gsc-tabhActive { + background: white url(/images/sprites.png) no-repeat scroll 100% -25px; + border-bottom: solid 0.25em #669; + color: black; +} + +#layout .cse .gsc-tabHeader.gsc-tabhInactive, +#layout .gsc-tabHeader.gsc-tabhInactive { + background: white url(/images/sprites.png) no-repeat scroll 100% 5px; + border-bottom: solid 0.25em #99c; + color: #777; +} + +#layout .cse .gsc-tabHeader.gsc-tabhInactive:hover, +#layout .gsc-tabHeader.gsc-tabhInactive:hover { + border-bottom: solid 0.25em #669; + color: #444; +} + +#layout .cse .gsc-tabsArea .gs-spacer { + display: none; +} + +#layout .cse .gsc-tabsArea, +#layout .gsc-tabsArea { + border-bottom: 0; +} + +#layout .cse .gsc-above-wrapper-area, +#layout .gsc-above-wrapper-area { + border-bottom: solid 0.25em #cacaca; +} + +#layout .cse .gsc-webResult.gsc-result:hover, +#layout .gsc-webResult.gsc-result:hover { + background: #efefef; + border-left: solid 1px white; +} + +#layout .cse .gsc-result-info, +#layout .gsc-result-info, +#layout .cse .gs-webResult .gs-visibleUrl, +#layout .gs-webResult .gs-visibleUrl, +#layout .cse .gs-webResult .gs-visibleUrl-short, +#layout .gs-webResult .gs-visibleUrl-short { + color: #666; + font-weight: normal; +} + +#layout .cse .gs-result .gs-title, +#layout .gs-result .gs-title { + text-decoration: none; +} + +#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 { + color: #3f438d; + 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 { + color: #015; +} + +#layout .cse .gsc-cursor-box, +#layout .gsc-cursor-box { + border-top: solid 0.25em #cacaca; +} + +#layout .cse .gsc-cursor-box .gsc-cursor-page, +#layout .gsc-cursor-box .gsc-cursor-page { + color: #3f438d; + font-size: 100%; + text-decoration: none; +} + +#layout .cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page, +#layout .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { + background: #3f438d; + color: white; +} + +#layout .cse .gs-no-results-result .gs-snippet, +#layout .gs-no-results-result .gs-snippet { + background: white; + border: 0; +} + +div.informalexample { + margin: .75em 0; +} + +.count strong { + color: white; +} + +em, strong { + font-weight: bold; + font-style: italic; + color: #262626; +} + + + +#toTop { + display:none; + text-decoration:none; + position:fixed; + bottom:.75em; + right:.75em; + 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; +} + +body.downloads #layout .span6 { + word-wrap: break-word; + margin-bottom:.75em; +} + +@media (max-width:767px) { + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width:auto; + } + .navbar-search { + float:none; + } +} +@media (min-width:768px) { + #intro .download-php h2 { + text-align:center; + } + #intro .background { + display:block; + background:rgba(255,255,255,.1); + position:absolute; + top:0; + right:0; + height:100%; + } + #topsearch { + float:right; + } + .navbar-search .search-query { + width:100%; + } + #intro .container > .row-fluid:before, + #intro .container > .row-fluid:after { + display:none; + content:none; + } + #intro .container { + position:relative; + } + #intro .container > .row-fluid { + display:table-row; + } + #intro .container > .row-fluid > div[class*=span] { + display:table-cell; + float:none; + } + #intro .container > .row-fluid > .span9 { + vertical-align:middle; + } +} +@media (max-width: 979px) and (min-width: 768px) { + #intro .download-php .row-fluid .span6 { + width:100%; + margin:0; + } + #intro .download-php a.btn-pop { + padding-right:.375em; + } +} +@media (min-width:980px) { + #intro .download-php .row-fluid { + margin-bottom:1em; + } +} +@media (min-width:1200px) { + #intro p { + line-height:1.2; + margin:0 0 1.2em; + } + body.docs .row-fluid .layout-menu.span3 { + width:18%; + } + body.docs .row-fluid #layout-content.span9 { + width:81%; + margin-left:1%; + } +} +@media (min-width:1548px) { + #layout { + padding-right:0; + } +}
diff --git a/styles/home.css b/styles/home.css index ce47366..03fcd7b 100644 --- a/styles/home.css +++ b/styles/home.css @@ -92,10 +92,10 @@ complimentary greens: 9FB553 7B8851 61761B C6DA82 CCDA99 opacity: 0.8; } .newsentry h3 a { - color: #000; - text-decoration: none; + color: #000; padding: .35em 0em; display: block; + border:0; } .newsentry .newstitle a::after { float:right; diff --git a/styles/theme-base.css b/styles/theme-base.css index 4da9e9f..3b4f08d 100755 --- a/styles/theme-base.css +++ b/styles/theme-base.css @@ -3212,33 +3212,30 @@ div.soft-deprecation-notice blockquote.sidebar { border: 0px solid; } - #breadcrumbs { border:1px solid; + border-top:0; margin:0 auto; font-size:.875em; line-height:1.71428571428571; } #breadcrumbs ul { - padding:0; - margin:0; - background-color: rgb(153, 153, 204); + padding:.5em .75em; + margin:.5em 0; +} +#breadcrumbs div { + padding:.5em .75em; } #breadcrumbs li { display:inline-block; } -#breadcrumbs li:first-child a { - padding-left: 0; +#breadcrumbs li+li:before { + padding:0 .5em 0; + content:"\203A"; } #breadcrumbs a:link, #breadcrumbs a:visited { border-width:0; - color: #fff; -} -#breadcrumbs a { - padding: .25em 1em; - display: inline-block; - background-color: rgb(153, 153, 204); } #breadcrumbs .prev { @@ -3289,7 +3286,6 @@ div.soft-deprecation-notice blockquote.sidebar { -webkit-flex: 1 0 auto; -ms-flex: 1 0 auto; flex: 1 0 auto; - margin-left: 0.625em; } .flexbox #breadcrumbs .breadcrumbs-container li, .flexboxlegacy #breadcrumbs .breadcrumbs-container li { @@ -3497,21 +3493,12 @@ aside.tips .panel .announcements a { margin: 0; line-height: 1; } -aside.tips .panel a::after { - float:right; - content:"»"; - color:#666; -} aside.tips .panel a:hover, aside.tips .panel a:focus { + color:#369; background:#ebebf4; border-color:#dbdbeb; border-bottom-color:#cacae2; - color:#000; -} -aside.tips .panel a:hover::after, -aside.tips .panel a:focus::after { - color:#333; } aside.tips div.headline a.headline, aside.tips div.headline a.headline:hover { @@ -3520,15 +3507,8 @@ aside.tips div.headline a.headline:hover { border: 0px; } -aside.tips a:link, -aside.tips a:visited { - color:#369; - border-bottom-color: transparent; -} -aside.tips a:hover, -aside.tips a:focus { - color:#f25050; - border-bottom-color: #f25050; +aside.tips a { + border-bottom:0; } /* Announcement Area */ @@ -3546,7 +3526,7 @@ aside.tips div.inner { .announcements { display: block; background-color: #ebebf4; - border:1px solid #dbdbeb; + border-top:1px solid #dbdbeb; border-bottom-color:#cacae2; border-radius: 0 0 2px 2px; padding: 1em; diff --git a/styles/theme.css b/styles/theme.css new file mode 100755 index 0000000..0b7121a --- /dev/null +++ b/styles/theme.css @@ -0,0 +1,943 @@ +/** + * + * COLORS: | HEX | HSB + * ---------------+---------+--------------- + * light-purple | #c3add9 | 270, 20%, 85% + * ---------------+---------+--------------- + * medium-purple | #987db3 | 270, 30%, 70% + * ---------------+---------+--------------- + * dark-purple | #604080 | 270, 50%, 50% + * ---------------+---------+--------------- + * + */ + + +html { + background-color: #262626; +} + +body, input, textarea { + font-family: "Source Sans Pro", Helvetica, Arial, sans-serif; +} +code, +pre.info { + font: 400 .875em / 1.5 "Source Code Pro", monospace; +} + +.docs .classsynopsis, +.docs .classsynopsis code { + font: 400 1em / 1.5 "Source Code Pro", monospace; +} + +#head-beta-warning { + padding:.25em 0; + height:1.5em; + border-bottom:.125em solid #696; + background-color: #9c9; + color:#fff; +} + +#beta-warning { + margin: 0 auto; + text-align: center; +} + +#beta-warning .blurb a, +#beta-warning .blurb strong { + color: #fff; + border-color:#fff; +} + +#beta-warning-close { + background-color: #696; + color: #fff; + font-weight: bold; + text-decoration: none; + margin: 0 0 0 .25em; + width: 1.2em; + height: 1.2em; + line-height:1.2em; + padding: 0 0.375em; + text-align: center; + -moz-border-radius: 2px; + border-radius: 2px; + border:0; +} + + +body { + font-size: 1em; + line-height: 1.5; + background:#fff; + 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; + -webkit-box-sizing: content-box; + box-sizing: content-box; +} + +h1 { + font-size: 1.5em; + line-height: 1; + margin:0 0 .5em; +} +h2 { + font-size: 1.25em; + line-height: 1.2; + margin:0 0 0.6em; +} +h3 { + font-size: 1.125em; + line-height: 1.333333333; + margin:0 0 0.66666666666667em; +} +p { + margin: .75em 0; +} +ul, ol { + margin:.75em 1.5em; + padding:0; +} +p:empty { + margin:0; + height:0; + display:none; +} +small { + font-size: 0.75em; + line-height: 2; +} +blockquote { + margin: .75em 0 .75em .75em; +} + +abbr { + border-bottom:1px dotted #999; + cursor: help; +} +a { + text-decoration:none; +} +h1, h1 a, h1 a:visited, h1 a:link { + color: #336; +} +h1 a:hover, +h1 a:focus { + color: #000; +} + +h2, h2 a, h2 a:visited, h2 a:link { + color: #262626; +} + +h2 a:hover, +h2 a:focus { + color: #000; +} + +h1, h2, h3, h4, h5, h6 { + font-weight:normal; + color:#336 +} + +h4, h5, h6 { + font-size:1.125em; + line-height: 1.333333333; + margin:0.666666667em 0; +} + +a:link, +a:visited { + color: #369; + border-bottom: 1px solid; +} + +a:hover, +a:focus { + color: #693; + border-bottom-color:#693; +} + +ul { + list-style-type: disc; +} + +ol { + list-style-type: decimal; +} + +hr { + margin:1.5em 0 1.25em; + border:0; + height:0; + border-top:.25em solid #99c; +} + +.navbar .brand { + margin-right:.75em; +} +.navbar .brand img { + padding:4px 0 0; + margin-bottom:-1px; + opacity:.75; +} +.navbar a { + border:0; +} + +.navbar { + border-bottom:.25em solid #669; +} + +.change-language { + float: right; + position:relative; + z-index:100; +} +.change-language p { + margin:0; +} +.change-language .select { + border-radius: 0; +} + +/** + * User notes + */ +#usernotes { + position: relative; + margin-top:1.5em; +} + +#usernotes h3.title { + border-bottom: 0.166666667em solid #669; + margin-bottom: -0.166666667.em; + line-height:2.666666667; + color:#262626; +} + +#usernotes .count { + background-color: #669; + color: white; + -moz-border-radius: 4px; + border-radius: 4px; + padding: 0.333333333em .5em; + font-size: 0.666666667em; + line-height:2; + vertical-align: middle; +} + +/* Add a note buttons. */ +#usernotes .action { + display: block; + top: 1em; + right: 0; + position: absolute; + text-align: right; +} +#usernotes:target .action { + top:4.5em; +} + +#usernotes .foot { + text-align: right; + margin-bottom: 1em; +} + +/* Notes themselves. */ +#usernotes .note { + margin: .75em 0; + position: relative; +} + +#usernotes .note .votes { + float: left; +} + +#usernotes .note .name { + border-bottom: 0; + color: #444; + margin-left: 1em; + font-size: 1.125em; + line-height:1.333333333; +} + +#usernotes .note .name em { + font-style: normal; + font-weight: normal; +} + +#usernotes .note .name:hover + .genanchor { + color: black; +} + +#usernotes .note .date { + color: #666; + float: right; + text-align: right; +} + +#usernotes .note .date strong { + font-weight: normal; +} + +#usernotes .note .admin { + float: left; + padding-left: 1em; +} + +#usernotes .note .admin a { + border-bottom: 0; +} + +#usernotes .note .text { + background-color: #f2f2f2; + border-top: .125em solid #d9d9d9; + padding: .625em .75em .75em; + margin-top:.25em; + -moz-border-radius:0 0 2px 2px; + border-radius:0 0 2px 2px; + border-bottom:1px solid #d9d9d9; + box-shadow: + inset 2px 0 2px -2px #e0e0e0, + inset -2px 0 2px -2px #e0e0e0; +} + +/* 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; + + -webkit-transition: border 0.4s; + -moz-transition: border 0.4s; + -o-transition: border 0.4s; + -ms-transition: border 0.4s; + transition: border 0.4s; +} + +#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 { + border-bottom: 10px solid #015; +} + +#usernotes .note .votes .usernotes-voted:hover { + border-top: 10px solid #015; +} + +#usernotes .note .votes .tally { + color: #262626; + padding: 0 0.3em; +} + +/* Definition lists used on eg. the unsub page */ +dl dd { + margin:0; + padding:0 1.5em; +} +dl dd p { + margin:0; +} +dl dd p + p { + margin-top: .75em; +} + + +.phpcode, div.classsynopsis { + text-align: left; +} +div.phpcode span.html { + color: black; + background-color: transparent; +} +div.phpcode span.comment { + color: #FF8000; + background-color: transparent; +} +div.classsynopsisinfo_comment { + font-weight: bold; + margin-top:.75em; +} +div.phpcode span.default { + color: #0000BB; + background-color: transparent; +} +div.phpcode span.keyword { + color: #007700; + background-color: transparent; +} +div.phpcode span.string { + color: #DD0000; + background-color: transparent; +} + +.warn { + padding: .75em 1em; + margin: 1.5em 0 1.5em 1.5em; + border-top: .1875em solid #669; + background-color: #f2f2f2; + border-radius: 0 0 2px 2px; +} +pre.info { + border: 1px solid #ddd; + margin: 1em 2em 1.3em; + margin-right: 0.8em; + background-color: #efefef; +} + +/* {{{ The anchor for section headers */ +a.genanchor:link, +a.genanchor:visited { + color: transparent; + border-bottom: none; +} +a.genanchor:hover, +a.genanchor:focus { + color: #000; + border-bottom: none; +} +/* }}} */ + +#langform { + float: right; +} + +aside.tips { + border-top: .25em solid #9999CC; +} + +aside.tips div.border { + display:none; +} + +aside.tips div.inner { + padding: .75em; + background:#eeeef6; + border-left:1px solid #e0e0e0; + border-right:1px solid #e0e0e0; + border-bottom:1px solid #d6d6dd; + border-radius: 0 0 2px 2px; +} + + +#layout { + margin: .75em auto 1.5em; + clear:both; +} + +.layout-menu { + float: left; + padding:.5em .75em 1.5em; + background-color:#f2f2f2; + border: 1px solid #e0e0e0; + border-bottom-color:#d9d9d9; + border-radius:2px; +} + + +/*#layout .refsect1[id]:before,*/ +#layout *[id]:target:before { + display:block; + content:" "; + margin-top:-56px; + height:56px; +} + +#search-results { + margin:10px 40px; +} + +#search-results li { + padding:1em 0; + list-style: none; +} + +#search-results li .result { + font-size: 1.25em; + line-height:1.2; +} + +#results_nav_list { + margin:0; + padding:1em 0; +} +#results_nav_list li { + list-style: none; + display:inline-block; +} +#results_nav_list li a { + padding:.5em .66em; +} +#results_nav_list li.current { + font-weight: bold; +} +/* Footer styling */ + +footer { + clear: both; + overflow: auto; + background-color: #262626; + border-top: .25em solid #9999CC; + padding: .75em 0; +} + +footer ul { + margin:0; + padding:0; +} + +footer .footmenu li { + display: inline; +} + +footer a { + color: #ccc; + margin: 0 .5em; +} + +footer a:link, +footer a:visited { + color: #ccc; + border-bottom: none; +} + +footer a:hover, +footer a:focus { + color: #888; + border-bottom: none; +} + + +/* Elephpant photo stream */ + +div.elephpants { + margin: auto; + overflow: hidden; +} + +div.elephpants div.images { + height: 75px; + background-color: #262626; + text-align: center; + white-space: nowrap; +} + +div.elephpants img { + width: 75px; + height: 75px; + opacity: 0.5 + -moz-opacity: 0.5; + -webkit-opacity: 0.5; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +div.elephpants:hover img { + opacity: 0.6; + -moz-opacity: 0.6; + -webkit-opacity: 0.6; + transition: all 0.25s ease-in-out; + -webkit-transition: all 0.25s ease-in-out; + -moz-transition: all 0.25s ease-in-out; +} + +div.elephpants img:hover, +div.elephpants img:focus { + opacity: 1; + -moz-opacity: 1; + -webkit-opacity: 1; +} + + +/* Standard Tables */ + +table { + border-collapse: collapse; + border-spacing: 0; +} +table td { + vertical-align:top; +} + +table.standard { + border-collapse: collapse; + border-style: hidden; +} + +table.standard td, table.standard th { + border: 1px solid #ddd; +} + +table.standard tr:nth-child(even) td { + background-color: #fcfcfc; +} + +table.standard th { + font-size: 1.125em; + line-height: 1.333333333; + padding: 20px 10px 5px 10px; + color: #777; + 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: #eeeef6; +} + +table.standard td.subr, +table.standard th.subr { + text-align: right; +} + +/* News styles. */ +.newsImage img { + margin-left: 1.5em; + margin-bottom: .75em; +} +.newsItem { + margin:0 0 .75em; + border-bottom: solid 0.25em #99c; +} +.newsItem:last-child { + border-bottom: 0; +} +.newsItem .published { + display:inline-block; + color:#666; + font-size:.75em; + line-height: 2; +} +.newsItem abbr.published { + margin-bottom:-1px; +} +.spanning-content { + width:960px; + margin: 0 auto; + clear:both; +} + +/* Search results. */ +#layout .cse table.gsc-search-box, +#layout table.gsc-search-box { + border: solid 1px #99c; +} + +#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: 2px; +} + +#layout .cse input.gsc-search-button, +#layout input.gsc-search-button { + background: #669; + border: solid 1px #669; + border-radius: 0; + color: white; + font-size: 100%; +} + +#layout .cse .gsc-clear-button, +#layout .gsc-clear-button { + display: none; +} + +#layout .cse .gsc-tabHeader.gsc-tabhActive, +#layout .gsc-tabHeader.gsc-tabhActive, +#layout .cse .gsc-tabHeader.gsc-tabhInactive, +#layout .gsc-tabHeader.gsc-tabhInactive { + border: 0; + background-color: white; + font-size: 100%; + font-weight: bold; + margin-right: 0; + padding: 0 26px 0 13px; +} + +#layout .cse .gsc-tabHeader.gsc-tabhActive, +#layout .gsc-tabHeader.gsc-tabhActive { + background: white url(/images/sprites.png) no-repeat scroll 100% -25px; + border-bottom: solid 0.25em #669; + color: black; +} + +#layout .cse .gsc-tabHeader.gsc-tabhInactive, +#layout .gsc-tabHeader.gsc-tabhInactive { + background: white url(/images/sprites.png) no-repeat scroll 100% 5px; + border-bottom: solid 0.25em #99c; + color: #777; +} + +#layout .cse .gsc-tabHeader.gsc-tabhInactive:hover, +#layout .gsc-tabHeader.gsc-tabhInactive:hover { + border-bottom: solid 0.25em #669; + color: #444; +} + +#layout .cse .gsc-tabsArea .gs-spacer { + display: none; +} + +#layout .cse .gsc-tabsArea, +#layout .gsc-tabsArea { + border-bottom: 0; +} + +#layout .cse .gsc-above-wrapper-area, +#layout .gsc-above-wrapper-area { + border-bottom: solid 0.25em #cacaca; +} + +#layout .cse .gsc-webResult.gsc-result:hover, +#layout .gsc-webResult.gsc-result:hover { + background: #efefef; + border-left: solid 1px white; +} + +#layout .cse .gsc-result-info, +#layout .gsc-result-info, +#layout .cse .gs-webResult .gs-visibleUrl, +#layout .gs-webResult .gs-visibleUrl, +#layout .cse .gs-webResult .gs-visibleUrl-short, +#layout .gs-webResult .gs-visibleUrl-short { + color: #666; + font-weight: normal; +} + +#layout .cse .gs-result .gs-title, +#layout .gs-result .gs-title { + text-decoration: none; +} + +#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 { + color: #3f438d; + 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 { + color: #015; +} + +#layout .cse .gsc-cursor-box, +#layout .gsc-cursor-box { + border-top: solid 0.25em #cacaca; +} + +#layout .cse .gsc-cursor-box .gsc-cursor-page, +#layout .gsc-cursor-box .gsc-cursor-page { + color: #3f438d; + font-size: 100%; + text-decoration: none; +} + +#layout .cse .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page, +#layout .gsc-cursor-box .gsc-cursor-page.gsc-cursor-current-page { + background: #3f438d; + color: white; +} + +#layout .cse .gs-no-results-result .gs-snippet, +#layout .gs-no-results-result .gs-snippet { + background: white; + border: 0; +} + +div.informalexample { + margin: .75em 0; +} + +.count strong { + color: white; +} + +em, strong { + font-weight: bold; + font-style: italic; + color: #262626; +} + + + +#toTop { + display:none; + text-decoration:none; + position:fixed; + bottom:.75em; + right:.75em; + 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; +} + +body.downloads #layout .span6 { + word-wrap: break-word; + margin-bottom:.75em; +} + +@media (max-width:767px) { + .navbar-static-top .container, + .navbar-fixed-top .container, + .navbar-fixed-bottom .container { + width:auto; + } + .navbar-search { + float:none; + } +} +@media (min-width:768px) { + #intro .download-php h2 { + text-align:center; + } + #intro .background { + display:block; + background:rgba(255,255,255,.1); + position:absolute; + top:0; + right:0; + height:100%; + } + #topsearch { + float:right; + } + .navbar-search .search-query { + width:100%; + } + #intro .container > .row-fluid:before, + #intro .container > .row-fluid:after { + display:none; + content:none; + } + #intro .container { + position:relative; + } + #intro .container > .row-fluid { + display:table-row; + } + #intro .container > .row-fluid > div[class*=span] { + display:table-cell; + float:none; + } + #intro .container > .row-fluid > .span9 { + vertical-align:middle; + } +} +@media (max-width: 979px) and (min-width: 768px) { + #intro .download-php .row-fluid .span6 { + width:100%; + margin:0; + } + #intro .download-php a.btn-pop { + padding-right:.375em; + } +} +@media (min-width:980px) { + #intro .download-php .row-fluid { + margin-bottom:1em; + } +} +@media (min-width:1200px) { + #intro p { + line-height:1.2; + margin:0 0 1.2em; + } + body.docs .row-fluid .layout-menu.span3 { + width:18%; + } + body.docs .row-fluid #layout-content.span9 { + width:81%; + margin-left:1%; + } +} +@media (min-width:1548px) { + #layout { + padding-right:0; + } +}