From daf1a4046bd29ebd110febb46d80f4138eb989a9 Mon Sep 17 00:00:00 2001
From: Samantha Doherty <sammy@status.net>
Date: Sun, 1 May 2011 14:09:44 -0400
Subject: [PATCH] Style for Onboard plugin and a few new graphics.

---
 theme/neo/css/display.css           |  88 +++++++++++++++++++---------
 theme/neo/images/lightbox_bg.png    | Bin 0 -> 189 bytes
 theme/neo/images/resultset_next.png | Bin 0 -> 395 bytes
 theme/neo/images/tick.png           | Bin 0 -> 537 bytes
 4 files changed, 61 insertions(+), 27 deletions(-)
 create mode 100644 theme/neo/images/lightbox_bg.png
 create mode 100644 theme/neo/images/resultset_next.png
 create mode 100644 theme/neo/images/tick.png

diff --git a/theme/neo/css/display.css b/theme/neo/css/display.css
index 78f745f704..ffc80a56a1 100644
--- a/theme/neo/css/display.css
+++ b/theme/neo/css/display.css
@@ -1326,48 +1326,82 @@ ul.bookmark-tags a:hover {
 
 /* Onboard specific styles */
 
-.onboard-flash {
-    position: relative;
-    right: -800px;
-    top: 10px;
-    border-radius: 6px;
- 	-moz-border-radius: 6px;
-   	-webkit-border-radius: 6px;
-    font-size: 1.1em;
-    box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
-    -moz-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
-    -webkit-box-shadow: 0px 0px 12px rgba(0, 0, 0, 0.5);
+#cboxOverlay{
+    background: url(../images/lightbox_bg.png) repeat 0 0 !important;
 }
 
-.onboard-flash p {
+#cboxContent{
+    background: #fff url(../logo.png) no-repeat 10px bottom !important;
+}
+
+.onboard_iframe {
+    background: none;
+    padding: 10px;
+}
+
+.onboard_welcome p {
     margin-bottom: 10px;
 }
 
-.onboard-flash .next:before {
-    content: '\00BB';
-    padding-right: 6px;
+.onboard_welcome ul {
+    list-style-type: none;
+    margin-bottom: 10px;
 }
 
-.onboard-breadcrumbs {
-    margin-bottom: 16px !important;
+.onboard_welcome ul li {
+    background: url(../images/resultset_next.png) no-repeat 0px 3px;
+    padding-left: 20px;
+    margin-left: 10px;
 }
 
-.onboard-breadcrumbs li {
-    background: none !important;
-    border-top: none !important;
-    padding: 6px 12px 2px 0px !important;
+#aside_primary #onboard_section {
+    background: #f2f2f2;
+    width: 198px;
+    padding: 10px;
+    border-radius: 4px;
+    -moz-border-radius: 4px;
+    -webkit-border-radius: 4px;
+    border: 1px solid #516499;
+    background: #fafafa;
 }
 
-.onboard-breadcrumbs li:last-child {
-    padding-right: 0px !important;
+#onboard_section H2 {
+    -webkit-border-top-left-radius: 4px;
+    -moz-border-radius-topleft: 4px;
+    border-top-left-radius: 4px;
+    -webkit-border-top-right-radius: 4px;
+    -moz-border-radius-topright: 4px;
+    border-top-right-radius: 4px;
+    position: relative;
+    top: -11px;
+    left: -11px;
+    padding: 2px 0px 2px 10px;
+    margin-right: -22px;
+    margin-bottom: 5px;
+    color: #fff;
+    text-shadow: 0px 1px 1px rgba(0, 0, 0, 0.5);
+    background: #364A84;
+    background: -moz-linear-gradient(top, #516499 , #364a84);
+    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#516499), color-stop(100%,#364a84));
+    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#516499', endColorstr='#364a84',GradientType=0 );
 }
 
-.onboard-breadcrumbs a {
-    text-decoration: none;
+#onboard_section ul {
+    list-style-type: none;
 }
 
-.onboard-breadcrumbs a:hover {
-    color: #3e3e8c !important;
+#onboard_section .onboard-step-incomplete {
+    background: url(../images/resultset_next.png) no-repeat 0px 1px;
+    padding-left: 20px;
+    margin-bottom: 10px;
+}
+
+#onboard_section .onboard-step-complete {
+    background: url(../images/tick.png) no-repeat 0px 1px;
+    padding-left: 20px;
+    margin-bottom: 10px;
+    text-decoration: line-through;
+    color: #555;
 }
 
 /* Billing specific styles */
diff --git a/theme/neo/images/lightbox_bg.png b/theme/neo/images/lightbox_bg.png
new file mode 100644
index 0000000000000000000000000000000000000000..bb178363555eca9c78c6fe9eada0a89ba1da03d1
GIT binary patch
literal 189
zcmeAS@N?(olHy`uVBq!ia0vp^AT~b-8<4#FKaLMbF%}28J29*~C-V}>Dfe`74AD5>
zI?<5tfC3M5FYEvLzh|xTju-Wr?zV`fYrBW~>q$#K@8aL1xm0246J?cyXBZe<rblJl
zH>r5I1q3w|pA-CY?OIgB%d63>>+fl9`2HjK!H&CLjgQN;S<m?y20wUpK-tIh##S$;
nvpH1{4DbB?!Tj&<jn52Q@A&?`anYI`=mZ8&S3j3^P6<r_kGo6b

literal 0
HcmV?d00001

diff --git a/theme/neo/images/resultset_next.png b/theme/neo/images/resultset_next.png
new file mode 100644
index 0000000000000000000000000000000000000000..e252606d3e68c6da135a9b165996d9da968ef7fc
GIT binary patch
literal 395
zcmV;60d)R}P)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUz9Z5t%R5;6H
z`2YVu10|S&>IO8de(|Ml<%@O-40!dwX61{2C5s-llVw2V@@N0oo_PPieZ!0Y2~+R(
zk!(QTf=B;X9DnzJ@u9c>OP4(U@7{849!UlyO@H`*;lVfmCvAW6f9CF&{}ZR*{jXDW
zb_vl21ozzrYJBy-Vb$aRjjJF3@7nm}zjw#A|58cE9uZ}LbIY~=6ShA8U$XeY|MDdd
zfQCH!?_7WRzhvaG%|sbsT7Kz&`}!yUix%Do#>T_{_Ei`DO9UTSBkH=Hg(w4*^UnUS
zTk-IJ<+2C=ZObqG7Z2FGlB7VCN;>(!bn*TFHYMl(i+Sx`L~=ArL>~EXU3lidsO!!J
pWF;gqzXSh89JkLNxXeT<1_12n>%V}Y6R`jQ002ovPDHLkV1iLCz99er

literal 0
HcmV?d00001

diff --git a/theme/neo/images/tick.png b/theme/neo/images/tick.png
new file mode 100644
index 0000000000000000000000000000000000000000..a9925a06ab02db30c1e7ead9c701c15bc63145cb
GIT binary patch
literal 537
zcmV+!0_OdRP)<h;3K|Lk000e1NJLTq000mG000mO1^@s6AM^iV00004XF*Lt006JZ
zHwB960000PbVXQnQ*UN;cVTj606}DLVr3vnZDD6+Qe|Oed2z{QJOBUzt4TybR5;7M
zli4mqVHAaX=Q!_TZq*o5LaK&TC+g@aMJbINs;8}1t3yf*$E6r*j>Hs{AQG2a)rMyf
zFQK~pm1x3+7!nu%-M`k}``c>^00{o_1pjWJUTfl8mg=3qGEl8H@}^@w`VUx0_$uy4
z2FhRqKX}xI*?Tv<H&*Dj)Tr<j*}f%KtVns|p$^k=7pCG)bZ)nz(p!uYhmcBtGG4MZ
zhBKz;vsk_?<x?$B#+(Sm9B-A&-Qq;?SOJwD!Fa)z^`0_M+_eepu5##IOknYS`&tC<
z#^ArRgWXi2%vG2uvgcE2i2di<+TKw6qc6;1IyMf?mMlSF4apWIQ-(bTzNj7ETMiu?
z3Y3nE5@K5(^<j-YCz?$CVH?a>1DJd8z#F#0c%*~rM30HE1@2o5m~}ZyoWhqv>ql{V
z1ZGE0lgcoK^lx+eqc*rAX1Ky;Xx3U%u#zG!m-;eD1Qsn@kf3|F9qz~|95=&g3(7!X
zB}JAT>RU;a%vaNOGnJ%e1=K6eAh43c(QN8RQ6~GP%O}Jju$~Ld*%`mO1p<rCAIZx2
bmuq|lzM`o-QVIh|00000NkvXXu0mjfO@{7Q

literal 0
HcmV?d00001