Commit: 9bfc631ea1f40b23a2f209d25c72885d23278dfb
Author: Arnaud Lemercier <[email protected]> Mon, 24 Jul 2017
01:06:57 +0200
Parents: 0bee3e2b6982e9b5096bd73fc69e220ee2d55374
Branches: master
Link:
http://git.php.net/?p=web/news.git;a=commitdiff;h=9bfc631ea1f40b23a2f209d25c72885d23278dfb
Log:
refomat style
Changed paths:
M style.css
diff --git a/style.css b/style.css
index 73882f2..ae39e93 100644
--- a/style.css
+++ b/style.css
@@ -1,313 +1,336 @@
img {
- border: 0;
+ border: 0;
}
-.monospace{
- font-family: "Fira Mono", monospace;
+.monospace {
+ font-family: "Fira Mono", monospace;
}
-.monospace.mod-small{
- font-size: 14px;
+
+.monospace.mod-small {
+ font-size: 14px;
}
-pre{
- font-family: "Fira Mono", monospace;
- font-size: 14px;
+
+pre {
+ font-family: "Fira Mono", monospace;
+ font-size: 14px;
}
+
th {
- background: #CCC;
- font-weight: bold;
- text-align: center;
+ background: #CCC;
+ font-weight: bold;
+ text-align: center;
}
table.stripped tr:nth-child(even) td {
- background: #EEE;
+ background: #EEE;
}
-table.stripped tr:nth-child(odd) td {
- background: #DDD;
+table.stripped tr:nth-child(odd) td {
+ background: #DDD;
}
.headerlabel {
- background: #CCC;
- font-weight: bold;
- text-align: right;
+ background: #CCC;
+ font-weight: bold;
+ text-align: right;
}
.headervalue {
- background: #EEE;
+ background: #EEE;
}
a.top {
- text-decoration: none;
+ text-decoration: none;
}
table.header {
background: #99C;
- border-bottom: 17px solid #669;
+ border-bottom: 17px solid #669;
}
.footer-mentions {
- opacity: .3;
+ opacity: .3;
font-size: 75%;
text-align: right;
}
-a.alt-link{
- color: #F2F2F2;;
- text-decoration: none;
+
+a.alt-link {
+ color: #F2F2F2;;
+ text-decoration: none;
}
.nav {
- width: 20%;
+ width: 20%;
}
-
* {
- -webkit-box-sizing: border-box;
- -moz-box-sizing: border-box;
- box-sizing: border-box;
+ -webkit-box-sizing: border-box;
+ -moz-box-sizing: border-box;
+ box-sizing: border-box;
}
+
html {
- background: #333 url('/i/bg-texture-00.svg');
- color: #CCC;
-}
-body{
- margin: 3.25rem 0 0;
- font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial,
sans-serif;
- font-weight: 400;
- font-size: 1rem;
- color: #333;
- word-break: break-word;
-}
-.header{
- background: #8892BF;
- box-shadow: 0 .25em .25em rgba(0,0,0,.1);
- border-bottom: .25rem solid #4F5B93;
- color: #FFF;
- position: fixed;
- top:0;
- right: 0;
- left: 0;
- z-index: 1;
- margin-bottom: 0;
-}
-.header-inner{
- max-width: 1440px;
- margin:auto;
- position: relative;
-}
-
-.header-brand{
- margin-right: .75rem;
- display: inline-block;
- max-height: 48px;
- padding: .75rem .75rem .75rem 1.5rem;
- margin-right: 1.5rem;
- text-decoration: none;
- line-height: 24px;
-}
-.header-brand-img{
- opacity: .75;
-}
-.header-brand-text{
- color: #E2E4EF;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- text-decoration: none;
- line-height: 24px;
- vertical-align: top;
-}
-
-.header-menu{
- padding: 0;
- list-style: none;
- position: relative;
- left: 0;
- display: inline-block;
- margin: 0 10px 0 0;
- vertical-align: top;
-}
-
-.header-menu-item{
- float: left;
-}
-.header-menu-item.mod-active{
- color: #fff;
- background-color: #4F5B93;
- box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
-}
-
-a.header-menu-item-link{
- display: inline-block;
- text-decoration: none;
- float: none;
- padding: .75rem;
- color: #E2E4EF;
- border: 0;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- line-height: 24px;
-}
-a.header-menu-item-link:hover{
- color: #fff;
-}
-
-
-.menu-mobile{
- background: #4F5B93;
- padding: 0;
- margin: 0;
- list-style: none;
-}
-.menu-mobile-item{
- text-align: right;
- display: inline-block;
-}
-a.menu-mobile-item-link{
- display: inline-block;
- text-decoration: none;
- float: none;
- padding: .75rem;
- color: #E2E4EF;
- border: 0;
- text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
- line-height: 24px;
+ background: #333 url('/i/bg-texture-00.svg');
+ color: #CCC;
+}
+
+body {
+ margin: 3.25rem 0 0;
+ font-family: "Fira Sans", "Source Sans Pro", Helvetica, Arial, sans-serif;
+ font-weight: 400;
+ font-size: 1rem;
+ color: #333;
+ word-break: break-word;
+}
+
+.header {
+ background: #8892BF;
+ box-shadow: 0 .25em .25em rgba(0, 0, 0, .1);
+ border-bottom: .25rem solid #4F5B93;
+ color: #FFF;
+ position: fixed;
+ top: 0;
+ right: 0;
+ left: 0;
+ z-index: 1;
+ margin-bottom: 0;
+}
+
+.header-inner {
+ max-width: 1440px;
+ margin: auto;
+ position: relative;
+}
+
+.header-brand {
+ margin-right: .75rem;
+ display: inline-block;
+ max-height: 48px;
+ padding: .75rem .75rem .75rem 1.5rem;
+ margin-right: 1.5rem;
+ text-decoration: none;
+ line-height: 24px;
+}
+
+.header-brand-img {
+ opacity: .75;
+}
+
+.header-brand-text {
+ color: #E2E4EF;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ text-decoration: none;
+ line-height: 24px;
+ vertical-align: top;
+}
+
+.header-menu {
+ padding: 0;
+ list-style: none;
+ position: relative;
+ left: 0;
+ display: inline-block;
+ margin: 0 10px 0 0;
+ vertical-align: top;
+}
+
+.header-menu-item {
+ float: left;
+}
+
+.header-menu-item.mod-active {
+ color: #fff;
+ background-color: #4F5B93;
+ box-shadow: inset 0 3px 8px rgba(0, 0, 0, 0.125);
+}
+
+a.header-menu-item-link {
+ display: inline-block;
+ text-decoration: none;
+ float: none;
+ padding: .75rem;
+ color: #E2E4EF;
+ border: 0;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ line-height: 24px;
+}
+
+a.header-menu-item-link:hover {
+ color: #fff;
+}
+
+.menu-mobile {
+ background: #4F5B93;
+ padding: 0;
+ margin: 0;
+ list-style: none;
+}
+
+.menu-mobile-item {
+ text-align: right;
+ display: inline-block;
}
+a.menu-mobile-item-link {
+ display: inline-block;
+ text-decoration: none;
+ float: none;
+ padding: .75rem;
+ color: #E2E4EF;
+ border: 0;
+ text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
+ line-height: 24px;
+}
.search-form {
- float: right;
- width: 25%;
- position: relative;
- margin-top: .625rem;
- margin-bottom: 0;
-}
-.search-input{
- width: 100%;
- border: 0;
- border-radius: 2px;
- box-shadow: inset 0 1px 2px rgba(0,0,0,.2);
- line-height: 24px;
- height: 24px;
- padding: 2px 8px;
- font-size: 16px;
-}
-
-.secondary-nav{
- max-width: 1440px;
- margin:auto;
- padding: .75rem 1.5rem;
- font-size: 14px;
-}
-.breadcrumbs{
- color: #999;
- list-style: none;
- margin: 0;
- padding: 0;
-}
-.breadcrumbs-item{
- display: inline-block;
+ float: right;
+ width: 25%;
+ position: relative;
+ margin-top: .625rem;
+ margin-bottom: 0;
}
-.breadcrumbs-item + .breadcrumbs-item::before {
- padding: 0 .5rem 0;
- content: "\203A";
+
+.search-input {
+ width: 100%;
+ border: 0;
+ border-radius: 2px;
+ box-shadow: inset 0 1px 2px rgba(0, 0, 0, .2);
+ line-height: 24px;
+ height: 24px;
+ padding: 2px 8px;
+ font-size: 16px;
}
-a.breadcrumbs-item-link{
- color: #ccc;
- text-decoration: none;
- line-height: 24px;
+
+.secondary-nav {
+ max-width: 1440px;
+ margin: auto;
+ padding: .75rem 1.5rem;
+ font-size: 14px;
}
+.breadcrumbs {
+ color: #999;
+ list-style: none;
+ margin: 0;
+ padding: 0;
+}
-.content{
- background: #F2F2F2;
- max-width: 1440px;
- margin:auto;
- padding: 1.5rem;
+.breadcrumbs-item {
+ display: inline-block;
}
-.content a{
- color :#369;
+
+.breadcrumbs-item + .breadcrumbs-item::before {
+ padding: 0 .5rem 0;
+ content: "\203A";
}
-.content a:hover{
- color: #AE508D;
- border-color: #AE508D;
- outline: 0;
+
+a.breadcrumbs-item-link {
+ color: #ccc;
+ text-decoration: none;
+ line-height: 24px;
}
-.content a:visited{
- color: #8895A2;
+
+.content {
+ background: #F2F2F2;
+ max-width: 1440px;
+ margin: auto;
+ padding: 1.5rem;
}
-h1{
- font-weight: 500;
- color: #333;
- font-size: 1.75rem;
- line-height: 3rem;
- margin: 0 0 1.5rem;
- overflow: hidden;
- text-rendering: optimizeLegibility;
+.content a {
+ color: #369;
}
-h1:after {
- display: table;
- width: 100%;
- content: " ";
- margin-top: -1px;
- border-bottom: 1px dotted;
+
+.content a:hover {
+ color: #AE508D;
+ border-color: #AE508D;
+ outline: 0;
+}
+
+.content a:visited {
+ color: #8895A2;
}
-pre{
- white-space: pre-wrap;
- word-wrap: break-word;
+
+h1 {
+ font-weight: 500;
+ color: #333;
+ font-size: 1.75rem;
+ line-height: 3rem;
+ margin: 0 0 1.5rem;
+ overflow: hidden;
+ text-rendering: optimizeLegibility;
+}
+
+h1:after {
+ display: table;
+ width: 100%;
+ content: " ";
+ margin-top: -1px;
+ border-bottom: 1px dotted;
}
+pre {
+ white-space: pre-wrap;
+ word-wrap: break-word;
+}
-.footer{
- color: #F2F2F2;
- max-width: 1440px;
- margin:auto;
- padding: 1.5rem;
- line-height: 3rem;
+.footer {
+ color: #F2F2F2;
+ max-width: 1440px;
+ margin: auto;
+ padding: 1.5rem;
+ line-height: 3rem;
}
-.footer-nav{
- margin: 0;
- padding: 0;
+
+.footer-nav {
+ margin: 0;
+ padding: 0;
}
-.footer-nav-item{
- display: inline-block;
- margin: 0 0.75rem;
+
+.footer-nav-item {
+ display: inline-block;
+ margin: 0 0.75rem;
}
-a.footer-nav-item-link{
- color: #ccc;
- text-decoration: none;
+
+a.footer-nav-item-link {
+ color: #ccc;
+ text-decoration: none;
}
-a.footer-nav-item-link:hover{
- color: #AE508D;
- border-color: #AE508D;
- outline: 0;
+
+a.footer-nav-item-link:hover {
+ color: #AE508D;
+ border-color: #AE508D;
+ outline: 0;
}
/* Standard Tables */
table.standard {
- border-collapse: collapse;
- border: 1px solid #d9d9d9;
- width: 100%;
- border-spacing:2px;
+ border-collapse: collapse;
+ border: 1px solid #d9d9d9;
+ width: 100%;
+ border-spacing: 2px;
}
table.standard td,
table.standard th {
- border: 1px solid #d9d9d9;
- padding: 2px;
+ border: 1px solid #d9d9d9;
+ padding: 2px;
}
table.standard tr:nth-child(even) td {
- background-color: #E6E6E6;
+ background-color: #E6E6E6;
}
table.standard th {
- font-size: 1.125rem;
- padding: 20px 10px 5px 10px;
- color: #666;
- font-weight: normal;
+ font-size: 1.125rem;
+ padding: 20px 10px 5px 10px;
+ color: #666;
+ font-weight: normal;
}
table.standard td {
- padding: 5px 10px;
- vertical-align: middle;
+ padding: 5px 10px;
+ vertical-align: middle;
}
table.standard tr:nth-child(even) td.subr,
@@ -318,69 +341,79 @@ 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;
+ background: #E6E6E6;
}
table.standard td.subr,
table.standard th.subr {
- text-align: right;
+ text-align: right;
}
-.responsive-table { overflow-x: scroll; }
-.responsive-table table { word-break: normal; }
+.responsive-table {
+ overflow-x: scroll;
+}
-.align-right{
- text-align: right;
+.responsive-table table {
+ word-break: normal;
}
-.align-center{
- text-align: center;
+
+.align-right {
+ text-align: right;
}
-.menu-icon {
- display: none;
- background: #4F5B93;
- padding: 14px 24px 10px;
- line-height: 24px;
- float: right;
- color: #fff;
- cursor: pointer;
+.align-center {
+ text-align: center;
}
-.hide{
- display: none;
+.menu-icon {
+ display: none;
+ background: #4F5B93;
+ padding: 14px 24px 10px;
+ line-height: 24px;
+ float: right;
+ color: #fff;
+ cursor: pointer;
}
+.hide {
+ display: none;
+}
@media screen and (max-width: 760px) {
- .welcome{
- display: none;
- }
- .search-form{
- display: none;
- }
- blockquote{
- margin: 16px;
- }
+ .welcome {
+ display: none;
+ }
+
+ .search-form {
+ display: none;
+ }
+
+ blockquote {
+ margin: 16px;
+ }
}
@media screen and (max-width: 580px) {
- th.nav a {
- font-size: 2rem;
- text-decoration: none;
- }
- th.nav span {
- display: none;
- }
- .menu-icon{
- display: block;
- }
- .header-menu{
- display: none;
- }
+ th.nav a {
+ font-size: 2rem;
+ text-decoration: none;
+ }
+
+ th.nav span {
+ display: none;
+ }
+
+ .menu-icon {
+ display: block;
+ }
+
+ .header-menu {
+ display: none;
+ }
}
@media screen and (max-width: 420px) {
- .content {
- padding: 0.5rem;
- }
+ .content {
+ padding: 0.5rem;
+ }
}
\ No newline at end of file--
PHP Webmaster List Mailing List (http://www.php.net/)
To unsubscribe, visit: http://www.php.net/unsub.php
