From fffbe4a1537bf12435b0055391282f2c19d677f1 Mon Sep 17 00:00:00 2001 From: Karsten Heiken Date: Fri, 22 Jul 2011 16:09:56 +0200 Subject: [PATCH] Add new template-assets to the project. --- assets/css/form.css | 65 +++++++ assets/css/style.css | 277 +++++++++++++++++++++++++++++ assets/css/table.css | 34 ++++ assets/images/background-table.gif | Bin 0 -> 99 bytes assets/images/background.gif | Bin 0 -> 261 bytes assets/images/button-search.gif | Bin 0 -> 332 bytes assets/images/logo.gif | Bin 0 -> 1853 bytes assets/images/navigation-off.gif | Bin 0 -> 101 bytes assets/images/navigation-on.gif | Bin 0 -> 152 bytes assets/js/minmax.js | 5 + 10 files changed, 381 insertions(+) create mode 100644 assets/css/form.css create mode 100644 assets/css/style.css create mode 100644 assets/css/table.css create mode 100644 assets/images/background-table.gif create mode 100644 assets/images/background.gif create mode 100644 assets/images/button-search.gif create mode 100644 assets/images/logo.gif create mode 100644 assets/images/navigation-off.gif create mode 100644 assets/images/navigation-on.gif create mode 100644 assets/js/minmax.js diff --git a/assets/css/form.css b/assets/css/form.css new file mode 100644 index 0000000..44716d4 --- /dev/null +++ b/assets/css/form.css @@ -0,0 +1,65 @@ +/* Form Style */ + +form ul li { + margin: 0 0 15px; + padding: 0; + list-style: none; +} + +form ul li label { + color: #222; + font-weight: bold; + font-size: 12px; +} + +label.note { + color: #444; + font-weight: normal; + font-size: 10px; +} + +label.choice { + margin: 0 15px 0 0; + font-weight: normal; + font-size: 12px; + color: #666; +} + +input.text, +textarea { + margin: 5px 0 5px 0; + padding: 3px 5px; + border: 1px solid #d2d2d2; + font-size: 12px; +} + +input.radio, +input.checkbox, +input.file { + margin: 5px 5px 0 0; +} + +input.button { + padding: 0 5px 3px 5px; + font-size: 12px; +} + +select.drop { + font-size: 12px; + margin: 5px 5px 0 0; + border: 1px solid #d2d2d2; +} + +input.short { width: 20%;} +input.medium { width: 45%;} +input.long { width:70%;} +input.max { width: 95%;} + +.success { + color: #008000; +} + +.error, .req { + color: #d8122d; + font-weight: normal; +} \ No newline at end of file diff --git a/assets/css/style.css b/assets/css/style.css new file mode 100644 index 0000000..ae478d3 --- /dev/null +++ b/assets/css/style.css @@ -0,0 +1,277 @@ +* { + margin: 0; + padding: 0; +} + +body { + font: 12px/14px Arial, Helvetica, sans-serif; + color: #666; + text-align: left; + background: #f7f7f7 url(../images/background.gif) repeat-x; +} + +/* Styles */ + +a { color: #0088cc; text-decoration: none;} +a:hover { text-decoration: underline;} +a img { border: none;} + +p { margin: 0px 0px 20px 0px; line-height: 18px;} + +ul { margin: 5px 0px 15px 0px; padding: 0px;} +li { margin-left: 20px;} + +#notice { + clear: both; + margin: 0 0 15px; + padding: 0 10px; + background: #fffbcc; + border: 1px solid #e6db55; + line-height: 25px; + color: #222; +} + +#succeed { + clear: both; + margin: 0 0 15px; + padding: 0 10px; + background: #d1ecb8; + border: 1px solid #81c445; + line-height: 25px; + color: #222; +} + +#error { + clear: both; + margin: 0 0 15px; + padding: 0 10px; + background: #ffebe8; + border: 1px solid #f0baa2; + line-height: 25px; + color: #222; +} + +.clear { clear:both;} + +/* Header */ + +#header { + height: 45px; + margin: 0 auto; + padding: 0 20px; + max-width: 1280px; + min-width: 760px; +} + +#header h1 { + float: left; + font: bold 20px/21px Helvetica, Arial, sans-serif; + line-height: 45px; +} + +#header h1 a { + color: #fff; + text-decoration: none; +} + +#header .menu { + float: right; + line-height: 45px; +} + +#header .menu a { + color: #fff; +} + +/* Wrapper */ + +#wrapper { + margin: 0 auto; + padding: 25px 20px; + max-width: 1280px; + min-width: 760px; +} + +#wrapper h2 { + margin: 0 0 10px; + font: bold 20px/21px Helvetica, Arial, sans-serif; + color: #333; +} + +.box { + margin: 0 0 20px; + padding: 15px 15px 0 15px; + border: 1px solid #e8e8e8; + background: #fff; + position: relative; +} + +/* Sidebar */ + +#sidebar { + float: left; + width: 220px; + position: relative; +} + +/* Navigation */ + +.navigation { + margin: 0 0 20px; + background: #fff; + border-left: 1px solid #e8e8e8; + border-right: 1px solid #e8e8e8; + border-bottom: 1px solid #e8e8e8; +} + +.navigation ul { + margin: 0; + padding: 0; + list-style: none; +} + +.navigation ul li { + margin: 0; + padding: 0 15px; + border-top: 1px solid #e8e8e8; + background: url(../images/navigation-off.gif) repeat-x; + line-height: 24px; + height: 100%; + display: block; + font-size: 12px; +} + +.navigation ul li a { + color: #666; + height: 100%; + width: 100%; + display: block; +} + +.navigation ul li.active { + background: url(../images/navigation-on.gif) repeat-x; +} + +.navigation ul li.active a { + color: #fff; +} + +.navigation ul li ul { + margin: 5px 0; +} + +.navigation ul li ul li { + margin: 0; + padding: 0; + font-size: 11px; + border: none; + background: none; +} + +.navigation ul li ul li a { + color: #0088cc; +} + +/* Search */ + +#search-form { + height: 33px; +} + +.search-input { + border: 1px solid #d2d2d2; + width: 133px; + height: 12px; + padding: 3px 5px; + position: absolute; + font-size: 11px; +} + +.search-submit { + left: 160px; + position: absolute; +} + +/* Blog */ + +#blog li { + margin: 0; + padding: 0; + list-style: none; +} + +#blog li h4 { + margin: 0 0 5px; + font-size: 12px; + font-weight: normal; +} + +#blog li h4 abbr { + font-size: 10px; + color: #999; + border: none; +} + +/* Content */ + +#content { + padding-left: 240px; +} + +#content h3 { + margin: 0 0 15px; + padding: 0 0 10px; + color: #222; + font-size: 16px; + border-bottom: 1px dotted #d2d2d2; +} + +#content h4 { + margin: 0 0 15px; + color: #222; + font-size: 14px; +} + +/* Pagination */ + +.pagination { + text-align: right; + display: block; + margin: 0 0 15px; + font-weight: bold; + position: relative; +} + +.pagination ul { + margin: 0; + padding: 0; + list-style: none; +} + +.pagination ul li { + display: inline; + margin: 0 5px 0 0; + padding: 0; + color: #222; +} + +.pagination ul li a { +} + +/* Footer */ + +#footer { + background: #fff; + border: 1px solid #e8e8e8; + padding: 15px; + height: 12px; + clear: both; +} + +#footer .left { float: left;} +#footer .right { float: right;} + + + + + diff --git a/assets/css/table.css b/assets/css/table.css new file mode 100644 index 0000000..dc07d38 --- /dev/null +++ b/assets/css/table.css @@ -0,0 +1,34 @@ +/* Table Style */ + +table { + width: 99%; + height: 100%; + margin: 0 0 15px; + text-align: left; + border-collapse: collapse; +} + +table thead, +table tfoot { + background: url(../images/background-table.gif) repeat-x; +} + +table th { + font-weight: bold; + padding: 5px 8px; + color: #444; +} + +table td { + padding: 8px; + color: #444; + border-bottom: 1px solid #d2d2d2; +} + +table td span.active { color: #55a34a;} +table td span.pending { color: #c5a059;} +table td span.closed { color: #a02b2b;} + +table .odd { + background: #f6f6f6; +} \ No newline at end of file diff --git a/assets/images/background-table.gif b/assets/images/background-table.gif new file mode 100644 index 0000000000000000000000000000000000000000..625e366842c5aa171a7be01317ae5fad381cca53 GIT binary patch literal 99 zcmZ?wbhEHbWMq(F*v!E2`t|DiP5M4<9~!^X3f$7%2W^0n<7l5@ZGgi@<~}oKvjS*R)PBaGS*A6Y0WW4FCx7FYf>V literal 0 HcmV?d00001 diff --git a/assets/images/background.gif b/assets/images/background.gif new file mode 100644 index 0000000000000000000000000000000000000000..c1d3f90070d77e43d5f64d88f7ad206e083660ac GIT binary patch literal 261 zcmZ?wbhEHbC1B0+XCur@tV>PyL-w`j?_ zoY(sb?l_g?-mh5qe*5G92No1~u&DK&SWoms0NrP7ssI20 literal 0 HcmV?d00001 diff --git a/assets/images/button-search.gif b/assets/images/button-search.gif new file mode 100644 index 0000000000000000000000000000000000000000..e125575a49584a35dca77f818bb11cf59e410bf6 GIT binary patch literal 332 zcmZ?wbhEHb)MgN2IKsd%XU?3%hYzn@xiTs$s-&bOJw5%^t5+8;T)2DpZewGkudi=k zU!Q}6!?tbP9zTA3>Cz=*W8?4NzcUaG6o0aS)#`vqkev*yCm$&HrDV=~@zN#d^}Yg~ z{pYRj|A>8FbN=1F2Rs@&yE=53QaBBEDKJS0EpTw*>uH-P`Lom!<|$HJ`_!pY9HXo|x9>=4)z-kaOAeA_Nvj!f@$ rf+=YcrOYh3VUxT$OU|#1_M7(1_Qgxf*Ke#=y|>W(^7WgNB7-#m6#;GH literal 0 HcmV?d00001 diff --git a/assets/images/logo.gif b/assets/images/logo.gif new file mode 100644 index 0000000000000000000000000000000000000000..08534c05c375e833c72ba375996b1bf74e79fb7d GIT binary patch literal 1853 zcmb`E`#;kQ1AxEZjcu;&xO3!;?Hm%BE(m2VW0OmXgoSpN+oy7?NYPismo4TJvo2=t zx7<&pw?yFRG`*;j=k_HLwT(a=AP) zF)=AANuf|ACnr}`Rb9GtDK9UN&*v{KEw#3`@_4-EOm#?pHOG`_7db+>A z|BV|rqNAfPU%p&cR(9shneg!NJ9q934h~+paDmBW(rC2Y+}xs~A`XXBQBl#^*~wzD zyuH19dwa{v%VT3>WinZ4Xeb0hCr_Tt$;l}#EscnXh>wp?Nl9U|*{P|iSFc`eZf^GR z@d*eBIC0`cW@hHaix;_EZg6n$l`B^Q0|SGCf-*8P3JVM4;^NZM(h?F9PMtbMBof`- z-QC>WJUl$eWU{BHr;CdVl}dGWb@lS{qEIL#5=knR?(FOU|8GpUl>V2r`p5q~0nj^8 z_|2^BTRFLKUOtm`yP%L=R9sSer>vY)!M)2l`=F9n#jmcZt*dWnY-(<4ec0CC(b?7A z^V6eVp3z~QzNgOw)rWn46a@|pN!lZ&!)TG5JpA(2e_oG`znPevnw}Xa;N&9D*~O*h z_rFcQT@ax^tgb26Uw-_AA^iE*-(TK%e!@`{(Y~TQ?IYWU&bGHA?f22>y-pCw7cmVE z#AR~^p-dfvZ`g)Zu|Qm6(Z@F4V_JKRsWn6dwnphWiJH)>DM{9Vw+e>v3W|YhB=>DJ zoFntr86!m)uA4=atAva*?6fp3uA;v*!n@$89hrplIEB*pRhmz86%aEZx#vu@^~H2B+b0Dx{1_$6~OyXM@tUZZrnXIIX?`(1{?$sZtW zmV+ZuVLIb8XiUZ;0`WU2kA#qx7y;^g$j%cR+JJS%gl1dJ!?U`B&tVIG>VWrm95x*u zw(c24;<-e?@Y6IU2Vr4J)Iut6zN>^)mxrJNyat5WDQ2iAxWdLm6clKxw}mfZlw#)% zu+XMie!uR5pxh>@UCVG+0-K)9(BXj~A=Z#zu#ZbBMtKx4Tw$YwXaO8munwu{WAc8e za$B?Dvjg3zqe!Kg$V^^XsOKU)pnE`AyGKi~SeW$OK}*%_^H?41Xg5Kt-dnKFfD`5& z=q>7VjbvVrqh&MPoKI)Q|eO^bEtbx(BhNWIgn1@IYwwptMoIFkgy zunN%Lr>t(AiJ@4s$jKT=D`@8i7{RI*87P`<0nl8!Dh5h~@pUJE-7C~yFt%O!MSGS= zR3%WY_CHfc(h?910(6sQmvT4p-zM5$R)=tS=VIY$<1=d%bLLf{7LnxS2bx%cCQ_Sz z$Myo(l7UMvPP1`%)xT$^?qS?ZXx)>3_P*=FWBA?elG8rNrAi@;x7m67yX7f*0i?l= zIoNz=gJN$nLsLq(*B8vGvARjKXyVb{cj;}!05puAi&(DSuy!oSs?-GL@7)dGp2z>$ zx?ynrk-%*(KkNufJ%3}yUdA95ILK7aA02&{9_%OnHN--8U2nJX?1m=6v{Hm=i>^xh ztt~#@+3@wXT~0fOoqv41HhYAH-`vWxw})0jQvJl3EH8htY8I1czKH+6eNeN+NabsB zc@2{0@Ab#G#-G!2GM`!#L5(NjJJ{%Fpf@`+eGs7H&`8Dowk-KF_}9ePfg{$WLr7wz zo+j`_MiyjzVFIYg@ftwkGOQ-O+HJHXZhvPyO+;M50-6P5H#Wcm;Ii)ClG4(|fS8;FIr`~Z)^5V*4 y#r+jlz4H=PmNubyuqmxSx*?HW4}V(;Xf%+}-twD9>pYBagPZ=(@>?hb;PhW#ay|F} literal 0 HcmV?d00001 diff --git a/assets/images/navigation-off.gif b/assets/images/navigation-off.gif new file mode 100644 index 0000000000000000000000000000000000000000..2aeb61800aa01ef686f3dd8d7012042f0e0b282e GIT binary patch literal 101 zcmZ?wbhEHbWMq(L*v!E2;>C+!zkYrB^5ysM-#>o*`19w_&!0cPef#$J@89p=zyJI9 v@9WpE|NsAIfC0syEMTS%hyMSD literal 0 HcmV?d00001 diff --git a/assets/images/navigation-on.gif b/assets/images/navigation-on.gif new file mode 100644 index 0000000000000000000000000000000000000000..f4897fa1ef1509835cc2217b5e981ce6fc8b4421 GIT binary patch literal 152 zcmZ?wbhEHbWMq(LIKseCR#ujupWocv+|bZaTwGjJQ&Uh-P+MDDRaMpA-d{Y8URz;D~tdD literal 0 HcmV?d00001 diff --git a/assets/js/minmax.js b/assets/js/minmax.js new file mode 100644 index 0000000..507d25a --- /dev/null +++ b/assets/js/minmax.js @@ -0,0 +1,5 @@ +// minmax.js: make IE5+/Win support CSS min/max-width/height +// version 1.0, 08-Aug-2003 +// written by Andrew Clover , use freely + +/*@cc_on@if(@_win32&&@_jscript_version>4)var minmax_elements;minmax_props=new Array(new Array('min-width','minWidth'),new Array('max-width','maxWidth'),new Array('min-height','minHeight'),new Array('max-height','maxHeight'));function minmax_bind(el){var i,em,ms;var st=el.style,cs=el.currentStyle;if(minmax_elements==window.undefined){if(!document.body||!document.body.currentStyle)return;minmax_elements=new Array();window.attachEvent('onresize',minmax_delayout);em=document.createElement('div');em.setAttribute('id','minmax_em');em.style.position='absolute';em.style.visibility='hidden';em.style.fontSize='xx-large';em.style.height='5em';em.style.top='-5em';em.style.left='0';if(em.style.setExpression){em.style.setExpression('width','minmax_checkFont()');document.body.insertBefore(em,document.body.firstChild)}}for(i=minmax_props.length;i-->0;)if(cs[minmax_props[i][0]])st[minmax_props[i][1]]=cs[minmax_props[i][0]];for(i=minmax_props.length;i-->0;){ms=cs[minmax_props[i][1]];if(ms&&ms!='auto'&&ms!='none'&&ms!='0'&&ms!=''){st.minmaxWidth=cs.width;st.minmaxHeight=cs.height;minmax_elements[minmax_elements.length]=el;minmax_delayout();break}}}var minmax_fontsize=0;function minmax_checkFont(){var fs=document.getElementById('minmax_em').offsetHeight;if(minmax_fontsize!=fs&&minmax_fontsize!=0)minmax_delayout();minmax_fontsize=fs;return'5em'}var minmax_delaying=false;function minmax_delayout(){if(minmax_delaying)return;minmax_delaying=true;window.setTimeout(minmax_layout,0)}function minmax_stopdelaying(){minmax_delaying=false}function minmax_layout(){window.setTimeout(minmax_stopdelaying,100);var i,el,st,cs,optimal,inrange;for(i=minmax_elements.length;i-->0;){el=minmax_elements[i];st=el.style;cs=el.currentStyle;st.width=st.minmaxWidth;optimal=el.offsetWidth;inrange=true;if(inrange&&cs.minWidth&&cs.minWidth!='0'&&cs.minWidth!='auto'&&cs.minWidth!=''){st.width=cs.minWidth;inrange=(el.offsetWidthoptimal)}if(inrange)st.width=st.minmaxWidth;st.height=st.minmaxHeight;optimal=el.offsetHeight;inrange=true;if(inrange&&cs.minHeight&&cs.minHeight!='0'&&cs.minHeight!='auto'&&cs.minHeight!=''){st.height=cs.minHeight;inrange=(el.offsetHeightoptimal)}if(inrange)st.height=st.minmaxHeight}}var minmax_SCANDELAY=500;function minmax_scan(){var el;for(var i=0;i