From 806238b38947222af903e1bbc0edcd9c9398c34f Mon Sep 17 00:00:00 2001 From: Oskar Krawczyk Date: Wed, 17 Feb 2010 23:01:16 +0000 Subject: [PATCH] Added structure and styles for the Browse section --- flightdeck/jetpack/media/css/UI.Base.css | 1 + flightdeck/jetpack/media/css/UI.Browser.css | 116 ++++++++++++++++++ flightdeck/jetpack/media/css/UI.Reset.css | 4 +- .../jetpack/media/img/_temp-browse-icon.png | Bin 0 -> 2504 bytes .../jetpack/templates/_gallery_item_link.html | 8 +- flightdeck/jetpack/templates/gallery.html | 7 +- 6 files changed, 132 insertions(+), 4 deletions(-) create mode 100644 flightdeck/jetpack/media/css/UI.Browser.css create mode 100644 flightdeck/jetpack/media/img/_temp-browse-icon.png diff --git a/flightdeck/jetpack/media/css/UI.Base.css b/flightdeck/jetpack/media/css/UI.Base.css index e06c98ad..189ddb47 100644 --- a/flightdeck/jetpack/media/css/UI.Base.css +++ b/flightdeck/jetpack/media/css/UI.Base.css @@ -14,3 +14,4 @@ authors: @import url('UI.File_Listing.css'); @import url('UI.Forms.css'); @import url('UI.Modal.css'); +@import url('UI.Browser.css'); diff --git a/flightdeck/jetpack/media/css/UI.Browser.css b/flightdeck/jetpack/media/css/UI.Browser.css new file mode 100644 index 00000000..61c96fcc --- /dev/null +++ b/flightdeck/jetpack/media/css/UI.Browser.css @@ -0,0 +1,116 @@ +/* +--- +filename: UI.Browser.css +decription: Provides base layout for FlightDeck +license: MIT-style license. +authors: + - Oskar Krawczyk (http://nouincolor.com/) +... +*/ + +/* start TEMP */ +body { + background-image: none; +} + +#app-body { + margin-left: 0; +} + +/* end TEMP */ + +.UI_Browser { + margin: 20px 0 0 20px; +} + + .UI_Browser .UI_Item { + width: 300px; + min-height: 100px; + float: left; + padding: 0 0 20px 115px; + margin: 0 20px 20px 0; + border-bottom: solid 1px #E9EDF0; + background: url(../img/_temp-browse-icon.png) 0 0 no-repeat; + } + + .UI_Browser .UI_Item h3 { + margin: 0 0 0; + font-weight: bold; + font-size: 1.1em; + } + + .UI_Browser .UI_Item h4 { + font-size: .8em; + font-style: normal; + background: #A6AEB5; + color: #F8F8F8; + -moz-border-radius: 3px; + padding: 1px 3px; + margin: 4px 0 10px; + display: inline-block; + } + + .UI_Browser .UI_Item p { + font-size: .9em; + color: #999; + } + + .UI_Browser .UI_Actions { + margin: 15px 0 0; + } + + .UI_Browser .UI_Actions li { + background: #BEC5CC; + border-bottom: solid 1px #fff; + padding: 1px; + margin: 0 -1px 1px 0; + float: left; + position: relative; + } + + .UI_Browser .UI_Actions li a { + background: -moz-linear-gradient(270deg, #EBEFF2, #D4D9DF); + border-top: solid 1px #fff; + display: block; + padding: 7px 10px; + font-size: .9em; + text-shadow: 0 1px 0 #fff; + } + + /* Starting element */ + .UI_Browser .UI_Actions li:first-child { + -moz-border-radius: 6px; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + } + + .UI_Browser .UI_Actions li:first-child a { + -moz-border-radius: 5px; + -moz-border-radius-topright: 0; + -moz-border-radius-bottomright: 0; + } + + /* Ending element */ + .UI_Browser .UI_Actions li:last-child { + -moz-border-radius: 6px; + -moz-border-radius-topleft: 0; + -moz-border-radius-bottomleft: 0; + } + + .UI_Browser .UI_Actions li:last-child a { + -moz-border-radius: 5px; + -moz-border-radius-topleft: 0; + -moz-border-radius-bottomleft: 0; + } + + .UI_Browser .UI_Actions li a:hover { + background: -moz-linear-gradient(270deg, #FBFBFB, #E6E8EB); + text-decoration: none; + } + + .UI_Browser .UI_Actions li a:active { + background: -moz-linear-gradient(270deg, #BEC5CC, #D9DDE0); + border-top: solid 1px transparent; + color: #6D7880; + } + \ No newline at end of file diff --git a/flightdeck/jetpack/media/css/UI.Reset.css b/flightdeck/jetpack/media/css/UI.Reset.css index a23c4de9..c0c74b58 100644 --- a/flightdeck/jetpack/media/css/UI.Reset.css +++ b/flightdeck/jetpack/media/css/UI.Reset.css @@ -35,7 +35,9 @@ textarea { .UI_Editor_Menu:after, .UI_Forms .UI_Field:after, .UI_Forms .UI_Choice:after, -.UI_Modal .UI_Modal_Actions:after { +.UI_Modal .UI_Modal_Actions:after, +.UI_Browser .UI_Actions:after, +.UI_Browser:after { content: ' '; display: block; height: 0; diff --git a/flightdeck/jetpack/media/img/_temp-browse-icon.png b/flightdeck/jetpack/media/img/_temp-browse-icon.png new file mode 100644 index 0000000000000000000000000000000000000000..29c6ca85f38a0776b9637d89a137fb6772cd3285 GIT binary patch literal 2504 zcmV;(2{-nMP)sy=3By}OQMJ1n+w5ZD_lnBXXii7ZD5lL%x;6p)QbBzVV9 zNFag{j{#mlLdpZL1i$zJaYz`!1Bn2~L6~-7t9mW_;^aNuJy7Ai?DItYG2mwMMAbMVhTmOYN2BS4f zX_QiEtx;M>-^_%iLsf_)B~nTp$H8$VLP}(vED=YPHU^~>VGt6k5a09gJRd1V`wL_w ziq?i8s89(4T*t-rTpY)#$r8pG6HBU8DyUE~I5?OI>JeHSrl+TITnFFxYqF%NHg{nV z5(Hr;smDku7#tiV2tvXj#AuB%25A7LG(iyHdtN5V0;Cl9o<|S_D5WugByRSCfP6mJ z>pEss$>(!af&iry7!x&pT5G~EL`vD~`ejs+QWAzCy4Lg=&?ZX9Gwebsg*F;vKpG6j zWVcB+5_>Ti#I3&4tGaX@V@!0vSZ(SZ$03)qIEkvdapx(vVlc)Kh9O}X zHhfZ*QUpPO=XpJ>-TbTyQO!}*Ob`SJA#h!L-;NcZk87uO;;YqdbqYWA{-N|3ZhxwDAs1B4Jbj??REw54xFr4dn%<5=13K_81s16!jB zGEp_+9qG1`iK=3=B+=W$;Y?~H7Io&-XOY?HuZi5EdO%Sdw~&-Q2n3q{4-V7iIT zyEtO3>!Z58q}XvBYj1Mvv8sl>So~;v-xOn&sJL(H_BHzft3)kl&G=FYf?(0xb9#YQ zqI&gaDW$BJWtAw`b$iyaYpp4jO4c@oR^_F>@7Hcyr&L#b3s zZA#vzp(QIt$?8G4amOAvhs|Hd>l@OVlDBEZ!b(vP^%HT^Bc&vl%i+2%#+Zg#*oDl< z#?iN!e$OUJU}+zvlxpZ7;)5TdRm^BOa!9iu8vI%4LE zsOH~cn<(p=zD|o)I=ykRsOFz>oai{}`rq4$c;Zk9K^TTsuI;l<6tupnLWns(;q9Wq z_x*;~9mkSGpxA^;UM(Db3EjpTsBPBlaO$bpFXIoR( zjCG>gG2d{G<2VFC(9+yB(|nMX=Xu$DR8lNt8JCn2&-3P#1g!^#*nUP|J=Tj_=qJ8Y za~IR;9oqT=*9DcYs{ zwx{IvSXa|{lpyUH)}%iOX=AOZq^XZ6+jnlX!#YvjV7^q|MplKW`e;frJu_i zeL^OxPiV+lfBEY7dsUB&HhlB`yFNrE2uyLd$eqb47@6#0wK7_`I?USPAqoS9#)vw9 z`(&@Gl+lI<*jIbrAW9oM_pfF&iBcB+-=vI)#)#7CN7R}*i_CB=7 zitn#!ZZVVmkx*0$+OMi(M(7 zB#%1ZXrG>^5mB>~A&=evc+2YrZ-9a~z=r&0{{8;TwQDc7{KU=MymI>G*6WsL8M`>n z*u`=7?b_G1@`+M68Qn01q_s-?@xrm^Ir{ob9qV%R^_TeRu^%nD{PPD6^VIHVI+lNG z_cQ$Pz~QcyPx4VugD9m{;*aN^JjjugFLL(snU+8D?Bz2YIr$>bJ$Z1+<NbLlxCl}@DBj?Z2tnIBM0_c-^_X#jR?*u@J6e#P3{ zMsAj_F01^NkFN6ZdpGfeum6}`+a3bo^!Pjc;txOL;>2Y(Z5Zil`J`w#_#_BIQ!Evk zoSfp=^ve>=+8_I!oUd@^e5&;IWme?IY7zWwEIv1$FtvdRzT*RgBM zUd~@T#r3I60NgjUg$F+NFsCmaXR36otL2kGDa}{!`!2)7Llp7_L>PvqR4OwyJhG*A z8Wlp|Qa$d>_dFi|^nQNx#=A@n%rJb<5T4iHix&HhAPAYfJ%yOfabWj;e9w!PU<-lJ zS{to3l}bRdSYmo+hU5SJ3u8A3XkS~zS`}n>e{ig#V zqV!w}0o7Aaq>wm{BhGxzXXno?DXyL=hGLfHnrBHA?BK zAboe%H;brrsETl^o4=!tb`l|FO%gPTg6g4B(Ua)Z$V^aIkn!OpLLg{8G420PWy6Ge SdZioy0000{{ item.name }} {{ item.base_version.status_name }} {{ item.base_version.last_update|date }} +

{{ item.name }}

+

{{ item.base_version.last_update|date }}

+

{{ item.base_version.status_name }}

+ \ No newline at end of file diff --git a/flightdeck/jetpack/templates/gallery.html b/flightdeck/jetpack/templates/gallery.html index 000c790b..353000b3 100644 --- a/flightdeck/jetpack/templates/gallery.html +++ b/flightdeck/jetpack/templates/gallery.html @@ -2,9 +2,12 @@ {% load jetpack_extras %} {% block app_body %} -
    +
      {% for item in items %} -
    • {{ item|render_base_link }}
      • +
    • {{ item|render_base_link }}
      • +
    • {{ item|render_base_link }}
      • +
    • {{ item|render_base_link }}
      • +
    • {{ item|render_base_link }}
      • {% endfor %}
    {% endblock %}