[PATCH conductor 15/22] CSS related changes for ProviderSelectionStrategy

ifarkas at redhat.com ifarkas at redhat.com
Thu Aug 2 12:25:06 UTC 2012


From: Imre Farkas <ifarkas at redhat.com>

---
 src/app/stylesheets/layout.scss                    | 105 +++++++++++++++++++++
 .../images/provider_selection_strategy_toggle.png  | Bin 0 -> 3015 bytes
 2 files changed, 105 insertions(+)
 create mode 100644 src/public/images/provider_selection_strategy_toggle.png

diff --git a/src/app/stylesheets/layout.scss b/src/app/stylesheets/layout.scss
index 84b5494..5b34ec3 100644
--- a/src/app/stylesheets/layout.scss
+++ b/src/app/stylesheets/layout.scss
@@ -1784,6 +1784,111 @@ ul.image_builds{
   }
 }
 
+
+/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
+Provider Selection Strategies table
+~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
+table.provider-selection-strategies {
+
+  color: white;
+  width: 100%;
+  border-collapse: separate;
+
+  td {
+    padding: 8px;
+    border-top: 1px solid #909090;
+    border-bottom: 1px solid #343434;
+    background: -moz-linear-gradient(top, #666666 0%, #535353 100%); /* FF3.6+ */
+    background: -webkit-linear-gradient(top, #666666 0%,#535353 100%); /* Chrome10+,Safari5.1+ */
+    background: linear-gradient(top, #666666 0%,#535353 100%); /* W3C */
+
+    &.right {
+      text-align: right;
+    }
+
+    &.status {
+      width: 45px;
+      height: 44px;
+
+      a.status-toggle {
+        @include display_inline_block;
+        width: 45px;
+        height: 21px;
+        padding: 0px;
+        border: none;
+
+        &.on{
+          background: transparent url('../../images/provider_selection_strategy_toggle.png') left center;
+        }
+        &.off{
+          background: transparent url('../../images/provider_selection_strategy_toggle.png') right center;
+        }
+      }
+    }
+
+    .configure_strategy_button {
+      @include display_inline_block;
+
+      white-space: nowrap;
+      text-decoration: none;
+      color: white;
+      padding: 3px 6px;
+      border: 1px solid #3a3a3a;
+
+      box-shadow: 0px 0px 1px 0px #333;
+      -webkit-border-radius: 12px; -moz-border-radius: 12px; border-radius: 12px;
+      -webkit-box-shadow: 0px 0px 1px 0px #333;
+      -moz-box-shadow: 0px 0px 1px 0px #333;
+
+      background: linear-gradient(top, #535353 0%,#666666 100%); /* W3C */
+      background: -moz-linear-gradient(top, #535353 0%, #666666 100%); /* FF3.6+ */
+      background: -webkit-linear-gradient(top, #535353 0%,#666666 100%); /* Chrome10+,Safari5.1+ */
+      background: #535353; /* Old browsers */
+
+      &:active{
+        box-shadow: 0px 0px 1px 0px #333 inset;
+        background: linear-gradient(top, #31a500 0%,#297700 100%); /* W3C */
+        background: -moz-linear-gradient(top, #31a500 0%, #297700 100%); /* FF3.6+ */
+        background: -webkit-linear-gradient(top, #31a500 0%,#297700 100%); /* Chrome10+,Safari5.1+ */
+        background: #31a500; /* Old browsers */
+      }
+
+      &:hover{
+        border: 1px solid #909090;
+        text-decoration: none;
+      }
+    }
+  }
+
+  tr:first-child {
+    td:first-child {
+      -webkit-border-top-left-radius: 7px;
+      -moz-border-top-left-radius: 7px;
+      border-top-left-radius: 7px;
+    }
+    td:last-child {
+      -webkit-border-top-right-radius: 7px;
+      -moz-border-top-right-radius: 7px;
+      border-top-right-radius: 7px;
+    }
+  }
+
+  tr:last-child {
+    td:first-child {
+      -webkit-border-bottom-left-radius: 7px;
+      -moz-border-bottom-left-radius: 7px;
+      border-bottom-left-radius: 7px;
+    }
+    td:last-child {
+      -webkit-border-bottom-right-radius: 7px;
+      -moz-border-bottom-right-radius: 7px;
+      border-bottom-right-radius: 7px;
+    }
+  }
+
+}
+
+
 /* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
 Priority Group form
 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
diff --git a/src/public/images/provider_selection_strategy_toggle.png b/src/public/images/provider_selection_strategy_toggle.png
new file mode 100644
index 0000000000000000000000000000000000000000..057ea3e981e2dcc5c4639ce17d77c1dc27cca911
GIT binary patch
literal 3015
zcmaJ at dpOf=AD=@kCLt+@>>1?{HgjHEHgjgkA);h$(^ht{jpj5PR#8zzBGN)AhYnN@
zQAvqHl;TNw9Mi!gVh-t at p6Yr3czb`>_50oT_r5-#&-ZxU*Du-2!%0C-T at C;MD7ZM=
zdyCgV at v91y5r12X=j+7FMz%u$+lL;?K7?nI02m^D9|`P2#qTG1lkmi- at KzEM0FZ)E
zd;{14IClhrPBp==U`#kvhL{ZiAZ<AeJmDaT4c<rEPobe8lXZ;{FolSM_*>v$I0lwP
zrZ`74Nj}jYzJ%z51REm6b~_l!L5KyYBsLz*p at z{|2o4JJT^AwVuN*@m;O`LjK@{Yl
zpaO7SU at V<U0$Z5Cj0rGH7}(O(#MI2(%F4<J42PM*pfEVp6mD#4g)oC7U at -8H2O{>y
zB!(iq?Hzyk5?d$;nayS(pwL5y4w)P>Gods0LrraLY*sYjaAPsTm=#51<2lAOmd;NF
zdlHMlq%hbNIt{#{h~Gz#V51=7NdHNJ%J?NqWBn+TxL{BYo&hyAfvu$U6Ntn8e<+pu
z3(aDClm3nOe+sjFqZlNpH;F}$U=qZQ3)NY1#Xw-0Bs`nW^rh3oepb<oOlQ+sWI6+k
z^|1is at B|8N#r}@R;Seq~78_3^kX-Ch5V3*@g+fGFo7tIL!Yu6UtuT(JrVcP`I1KCH
zXy<5$v37KTSz>>3?dgOFDv8Ga$tC{F#r~GNG740N*t0!}Nr at y89hr10_<PC-%I{;b
z`K{g$F7fxVV1CPmii3f!H1 at w5{qsmXJuBN^V=Fd(4L*q`o_3~qtc|`^tp@;r+g$81
zzMQ`1U2*O~y{ficZq1OV=62AiPGm-iqyVofw6u3NC+;fiT2=0IxuiSffJ2`{|0DQF
znoEEBlFw#Wm74gnljTKSJ!z#~&KbVgl&rK+-#;*D at ZL3&Qc|w!8rxc0-VE5N^;@*C
zdDM^2PLp?HCbv!Ad4rle)N$Jr at NK_M+=BTLHPi&FgxfO^w>XP4>a|@b$47&mOP{di
zHCRF!fzr&`x(j|+_>O#O_B&2ga)EkHxUKZ&ONXOQ=>&ENl7a<RKI4j_m<RPDpybR0
zSN`_snQ?A)V4S_Ka{0sUyJHuZmXHBP>$7un-R9>+v3IV%diCmQetv$<;2 at qAyC_t0
z`-~}%Q|W6CBr6}S+Ho}V9zzdvK&DWEmJ~hdiP0UsP}mND`ZwfMy%|Hr%TB*7#C^zE
zvs!TPD^Qd-!gJ&`rUBv&*B|RWla*yhrBdy3t!RJpV&*>a9}Y=Kuc{BGKSo+^0Kva3
zehsM(w5?~q^M0S9=Nab4+c^m!L`t!N&%Ij9u^s6Jke5w_OY8W%hfM at pSzGk=JNV~)
zt;)yGrkOO_j%}C<<Xjkcl8!`n9$BLm?RKgAYt;1U6XC+bg6gXe6B7wjQ{fCm-ddov
zw~RU8J;N!bMz*%DE_YE3xQKR>Lzge2vIWdXZ->X5fj4-k(WBl&Pi|M7`1 at HimoxaF
zJfuCI>({}3 at zttv=mLF>1h=NBh-4^f9>w(V at KB4cD!6rv<7e4g7oKd!0G9Xya2bc!
z-P?J*|KpbG^Qf4ep82?8z=Ca)o=~%7*bjJ3*>Abr$*d~FS4r=1-VojHMGL3|$~~(P
zW)T<|a95#YAa@$2kTp9y8yQ^BF+Hl0e|&7dQcg~;Fz6<2PxTX_5aOua-0O^UF?blx
zBj8E3>E2q85e>n6qZemCdM4Ra+T~qS9~jKUpDe=jO0~-{v?PD#K!PDj%UaU1N^~dm
zdN%Y$A|^D+=F0TpKd+=NoUGi at 7+??^DAU0)yihu;c3DPO7{u;)ydb-H-TG|>xYK83
zWJK0N9d|z;74srY#X$DcKttW5i<z#QPoF+rm3-1!H{`l;to&!&;nC4+vjGv-n!F4J
z!^{+ePpa;%*IVx^%@|ut^m3ldcN(4kqgbvdVo(8AzgOGnKw?AA-b4zQ_xdLJ8&KPJ
zS*3nkmz=_ at Cm)uDBUtM&S}^c3$iE<N0eHhxD_EL6Kcsc?Qm^ilBR09uCEr&KQH=&3
zx3w*j at Ob<)%dVjiB2hPRp!%TNG*hywtSrUBVC-pL;)f4mWHLG6b8JjZ%)N!_u at 19^
zf~m~ROpEEikmO;ayswfxJj#f#DZkro887o`m77yf2zIAR?943%_lo5tZ3t+pAbbK}
zN8A6bVBLGrE2|?h?@wClK1%LONl7WBru#ebDoRWF at 7_^vF$V8R%FNG$?4uPWJQ6Oi
zE-o(4dWmr*sJHdskRvNTYHtr4W(>8V<@QL!UGi#A?Xk_L9DCvL_<2e#`L#uVl!%J&
zzoreD3r+AGmRNQEF51O$+E0U=6t%AD?P2|bqP#1(z){^@yLJ_L>4z{FFhr!}X~2sE
z)m?}QCl$17kCL0ssptu;hUJub%Zxo{V?A0^Wl!@K<E49mee;&ysW(ooJrNshs-Bn4
z*#YU4xT?1q?;D^$-qYn&*tunhkS=<e^GS!Q+h0R<8-E~^$Tx5y`gLx&s6ixlA5$DG
zMvdwV+ at l(eo%(L13*gmC4QtQqDW`R=PT;{Z3q)S!H_Uxjn}@?$keLaG)P#I>H`T30
zsbrz at Y*@m}r|49vg|c!L9l32%Udg*a2AQR)eftFZf<BdG>T8hmm|s`B!N%&k{RT+z
zwb-NRBi{J#5vBuwi|3V!id1h&>S5{nR$^fHu+pQ!>^DzWy=JJAMd7B~x}>`#1!4Zj
zue+DJM@$U{71AM7tl%owOM`9Smdq&IKWcxxDr}{-uiXPo|G4~h(WO6jW_$<xN_Okj
z_X7<v5-K_}Go77Yc8b9i2sUMg<rl(H%o!Q^Tf#xBX)~7x2yMF`9zm6L&QgcfM&3)?
z%FXKe{Hb>N!G_6<`c(9{MbXqy{M}o#CqDMy)FVwVe0gs)dP23Y{pcCfi*6H0T at d_u
zYU=Vivjzn%3=|aWzupy4sY*=W5uq&_UFw{}&E=pbN1H9w65O5gZnlOxI<{bT&rTBv
zgo8CM1{~xg-F1|cYI-r__GkjfiZRhsx at Po#YHp{d9N1sBo3-h^>Qk)eUE7eQLEV?g
zEI+Az*A!&V=O8zke~~ev)JjHIYhAB-0}jCa_3C-wxwB^_athh`n4y>t&UB+(0y=GJ
z%|gRo>_On12C!)CLB``Fu#(%LUKx|bR_^{0%>x>8Ig{?(M85Kl7U7=NDtxm|X=B~u
zOK8>VThDn*Z|^4FNH`vI^!0)2ntU5paeS-6be3Y1{#Jp9doa5c5ubWSVRjPpr1>DY
zefIuzpBl!*ck_oa5K>U-Sjj2OYIoVxj01i?G4k}HXFhU%>+Rjk6|O~pSyB6%;n$M3
z%9rviy<AUpgWx7vS6c`VQ@`jTMQKN;_I9=#6sR^{f@|^I;tWeTyA^}-dlG^U$Odnm
zQ@;Gtc*=0MuwYoLK1LA}xm;;$l$|vuyt%BZlB8Ym8Gbfws at W#b=$xBgQ;C#yGF5hs
z=D6sot&y8h5ZQT59^LV5+PsxD`&z^5R-54n|4X!E5O>@!vDoah6Uq1+$n%`_)gZ&n
zJ4wlsZDngi%&4x;W;*XgGCAnuUhSgbX=dE=)+Ru8Tc~%fd#}gJueFPVhkb=zNWy;r
D9=I(N

literal 0
HcmV?d00001

-- 
1.7.11.2




More information about the aeolus-devel mailing list