From 21db19016c49be2844173203a6e81a95acb54126 Mon Sep 17 00:00:00 2001
From: Chad Little <chad@chadsdomain.com>
Date: Mon, 4 Mar 2013 16:01:27 -0800
Subject: [PATCH] Update PholioMockView Styles.

Summary: Less janky sidebar, new 'photoshop-like' texture for image background.

Test Plan: Tested mocks with and without side comments, hover over marked squares. Tested small and large images.

Reviewers: epriestley

Reviewed By: epriestley

CC: aran, Korvin

Differential Revision: https://secure.phabricator.com/D5216
---
 src/__celerity_resource_map__.php             |   9 ++++++-
 .../rsrc/css/application/pholio/pholio.css    |  23 +++++++++---------
 .../rsrc/image/texture/pholio-background.gif  | Bin 0 -> 1135 bytes
 3 files changed, 20 insertions(+), 12 deletions(-)
 create mode 100644 webroot/rsrc/image/texture/pholio-background.gif

diff --git a/src/__celerity_resource_map__.php b/src/__celerity_resource_map__.php
index 7b7038b54b..863cd831ba 100644
--- a/src/__celerity_resource_map__.php
+++ b/src/__celerity_resource_map__.php
@@ -560,6 +560,13 @@ celerity_register_resource_map(array(
     'disk' => '/rsrc/image/texture/dust_background.jpg',
     'type' => 'jpg',
   ),
+  '/rsrc/image/texture/pholio-background.gif' =>
+  array(
+    'hash' => 'cf4561af116edf393dc583e5119fb412',
+    'uri' => '/res/cf4561af/rsrc/image/texture/pholio-background.gif',
+    'disk' => '/rsrc/image/texture/pholio-background.gif',
+    'type' => 'gif',
+  ),
   '/rsrc/image/texture/table_header.png' =>
   array(
     'hash' => '4ed3f56a30d3749e8f62052b9735a316',
@@ -3229,7 +3236,7 @@ celerity_register_resource_map(array(
   ),
   'pholio-css' =>
   array(
-    'uri' => '/res/08c8c85a/rsrc/css/application/pholio/pholio.css',
+    'uri' => '/res/5bbb9e67/rsrc/css/application/pholio/pholio.css',
     'type' => 'css',
     'requires' =>
     array(
diff --git a/webroot/rsrc/css/application/pholio/pholio.css b/webroot/rsrc/css/application/pholio/pholio.css
index e7d0158992..83855d960c 100644
--- a/webroot/rsrc/css/application/pholio/pholio.css
+++ b/webroot/rsrc/css/application/pholio/pholio.css
@@ -6,10 +6,11 @@
   text-align: center;
   vertical-align: middle;
   position: relative;
+  background: url('/rsrc/image/texture/pholio-background.gif');
 }
 
 .pholio-mock-carousel {
-  background-color: #202020;
+  background-color: #282828;
   text-align: center;
   border-top: 1px solid #101010;
   margin-right: 320px;
@@ -22,7 +23,7 @@
   height: 140px;
   padding: 5px;
   margin: 3px;
-  background: #282828;
+  background: #181818;
   vertical-align: middle;
   border: 1px solid #383838;
   position: relative;
@@ -80,31 +81,31 @@
   bottom: 0;
   right: 0;
   padding: 10px;
-  background: #eeedf0;
+  background: #282828;
   overflow-x: auto;
   text-align: left;
-  box-shadow: inset 4px 4px 10px rgba(0,0,0,0.2);
 }
 
 .pholio-inline-comment {
-  border: 1px solid #f7f7f7;
-  border-bottom: 1px solid #d6d6d6;
-  background: #fff;
+  border: 1px solid #333;
+  border-bottom: 1px solid #555;
+  background: #353535;
   margin: 0 0 5px 0;
   padding: 8px 10px;
+  color: #ccc;
 }
 
 .pholio-inline-comment-header {
-  color: #333;
-  border-bottom: 1px solid #d7d7d7;
+  color: #fff;
+  border-bottom: 1px solid #555;
   font-weight: bold;
   padding-bottom: 6px;
   margin-bottom: 4px;
 }
 
 .pholio-mock-inline-comment-highlight {
-  background-color: #e0e3ec;
-  border-color: #cacdd5;
+  background-color: #222;
+  border-color: #555;
 }
 
 .pholio-inline-head-links a {
diff --git a/webroot/rsrc/image/texture/pholio-background.gif b/webroot/rsrc/image/texture/pholio-background.gif
new file mode 100644
index 0000000000000000000000000000000000000000..46033c8c3002d5553b34f051cf2c878050efd348
GIT binary patch
literal 1135
zcmZ?wbhEHb6k!lyXkcJaS64SRHC6o29pM|G;F4I92&8T7D+&^mvr|hHl2X$%^K6yg
z@7}MZkeOnu6mIHk;9KCFnvv;IRg@ZB<rk7%m7Q#vqGWHUU{hgLkz0_PT9T+xk(-lO
zY*k^al$esAlxhWJgM{^!6u?SKvTc<dK@tieJDu~3QWZ?~jCGR@3=I{`%=8RROwG&;
zbrg&Y42|>+fXGbO(8S8r%*x1I0Sc6WwiTtMSp~VcLG1$aY?U%fN(!v>^~=l4^~#O)
z@{7{-4J|D#L1q{k=>k>g7FXt#Bv$C=6)VF`a7isrF3Kz@$;{7F0GXJWlwVq6s|0i@
z#0$9vaAWg|^}ycIOU}>LuShJ=H`Fr#c?qV_*B8Ii++4Wo;*y|LgnO|XTpUtakg6Y)
zTAW{6l$;7wt_-rOz{<HOHL)bWC?r2W2NsF}8Tlpo#Toep3eLf13L3tN$(eZ|0Zp(D
zUtcTFyyB9?yyR3*7h5Hu8G4zSDON^?u5JdFZpP*=Cgz5Qu0~D<#s-e2X2#CO78a)F
z#+ER>F8Rr&xv6<2Fuf@Vy(T#If)Yb+0nlcb)S}F?)D*X({9FaFr>!z^yTuTvc~HG6
zxZPreQ?EYIG5VmWMT%;e5HS6KnDB%P<iL}DY927X7XcGC<Ntqu|NQ>-^T+pZU%!0*
z^zp;{cW>Xke)aOj^Jh<=Jbv`>!To!8@7%t1^TzdSSFc>Ybn(LZb7#+-K6UcM@nc7i
z96ogL!2W%E_w3%abI0~=Teoc9v~k1wb!*qGUbS+?@?}exEMBy5!Tfo1=ggipbH?;(
zQ>RRxG;u<IUvE!$S7%3iTWd>mQ)5GYU2RQuRb@qaS!qdeQDH%TUT#iyR%S+eT53vi
zQer}UTx?8qRAfYWSZGLaP+)++pRbR%m#2rjo2!enlcR&Zovn?vm8FHbnW>4fk)eUU
zp019zmZpZfnyQMjlA?mVoUDwrl%#~Xn5c-bke~oRA1@C#7bgch8!HPl6C(qI;!hR^
z5YPb;pmKwONu#BI;prC#k}5p)s@@z8@PAhuaiTQJvuR=brdL0sbZvH-`Yzor<DJUL
GU=08=+mG!4

literal 0
HcmV?d00001