From 603afe58b18a16ab78734b13ededccd01ec81e5f Mon Sep 17 00:00:00 2001
From: Paul Dragoonis <dragoonis@php.net>
Date: Fri, 2 Sep 2011 14:40:39 +0000
Subject: [PATCH] Styling the warnings section of the docs page. Resizable box
 and new warning icon. Credits to Wojak Kupiec too.

---
 images/docs-warning.png | Bin 0 -> 3259 bytes
 styles/doc.css          |  47 +++++++++++++++++++++++++---------------
 2 files changed, 30 insertions(+), 17 deletions(-)
 create mode 100644 images/docs-warning.png

diff --git a/images/docs-warning.png b/images/docs-warning.png
new file mode 100644
index 0000000000000000000000000000000000000000..b11a7b6a4f1825e1e2a22a7719165872d4f7cf48
GIT binary patch
literal 3259
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

literal 0
HcmV?d00001

diff --git a/styles/doc.css b/styles/doc.css
index 8db3f6db2..4837d6afa 100644
--- a/styles/doc.css
+++ b/styles/doc.css
@@ -38,9 +38,7 @@ aside#quicktoc {
 /* }}} */
 
 
-
 /* {{{ Warning and notes */
-.docs div.warning,
 .docs div.caution,
 .docs div.tip,
 .docs blockquote.note {
@@ -56,22 +54,26 @@ aside#quicktoc {
     border-top: 3px solid #434343;
     background-color: #EFEFEF;
 }
-.docs div.warning {
-    border-top: 3px solid #ff4d4d;
-    background-color: #EFEFEF;
-}
+
 .docs div.caution {
     border-top: 3px solid #F90;
     background-color: #EFEFEF;
 }
 .docs blockquote.note,
-.docs div.warning,
 .docs div.caution,
 .docs div.tip {
     font-size: 1em;
     margin-right: 0.8em;
 }
-.docs div.warning b.warning,
+.docs div.warning b.warning {
+    font-size: 1.7em;
+}
+
+.docs div.warning p {
+    padding-left: 60px;
+    text-align: justify;
+}
+
 .docs div.caution b.caution,
 .docs div.tip b.tip {
     float: left;
@@ -83,6 +85,21 @@ aside#quicktoc {
 .docs div.tip p {
     margin: 0;
 }
+
+.docs div.warning {
+    text-align: center;
+    background: #f2e5f4 url('/images/docs-warning.png') left center no-repeat;
+    margin: 20px 2% 20px 2%;
+    padding: 5px 15px 5px 19px;
+    border-top: 3px solid #9f8a8a;
+    border-bottom: 1px solid #9f8a8a;
+    min-height: 100px;
+    background-position: 16px;
+}
+
+.docs div.warning h1{
+    font-size: 1.4em;
+}
 /* }}} */
 
 .docs .refentry .methodsynopsis {
@@ -109,7 +126,6 @@ aside#quicktoc {
 
 /* {{{ Examples (highlighting is in theme.css) */
 .docs blockquote.note,
-.docs div.warning,
 .docs div.caution,
 .docs div.tip
 .docs .cdata pre,
@@ -139,19 +155,19 @@ aside#quicktoc {
 }
 
 .docs .doctable tbody tr:nth-child(even) {
-    background-color: #EFEFEF;    
+    background-color: #EFEFEF;
 }
 
 .docs .doctable {
     border-top: 1px solid #9F8A8A;
-    border-bottom: 1px solid #9F8A8A;   
+    border-bottom: 1px solid #9F8A8A;
     width: 100%;
 }
 
 .docs .doctable th {
     background-color: #FCFCFC;
     text-align: center;
-    border-bottom: 1px solid #9F8A8A; 
+    border-bottom: 1px solid #9F8A8A;
 }
 .docs .doctable td, .docs .doctable th {
     border-right: 1px solid #9F8A8A ;
@@ -300,8 +316,8 @@ dl.qandaentry {
 .docs .layout-menu ul.child-menu-list a {
     font-size: 13px;
     border: 0;
-    color: black;  
-    line-height: 1; 
+    color: black;
+    line-height: 1;
     overflow: visible;
     margin: 0;
     padding: 0;
@@ -322,6 +338,3 @@ dl.qandaentry {
 .docs #layout .layout-content, .docs #layout #usernotes {
     margin-left: 272px;
 }
-
-
-