From 2c69dfe173fd229f77d569da3439e716d1ec4020 Mon Sep 17 00:00:00 2001 From: H Hautakoski Date: Thu, 2 Sep 2010 21:44:00 +0200 Subject: [PATCH] design! --- application/configs/navigation.xml | 47 +- .../default/views/layout/default.phtml | 49 +- public/css/border-radius.htc | 143 ++++++ public/css/default.css | 449 ++++++++++-------- public/img/bg.png | Bin 267 -> 1126 bytes public/img/menu.png | Bin 628 -> 1101 bytes 6 files changed, 437 insertions(+), 251 deletions(-) create mode 100644 public/css/border-radius.htc diff --git a/application/configs/navigation.xml b/application/configs/navigation.xml index e5d0554..593508a 100644 --- a/application/configs/navigation.xml +++ b/application/configs/navigation.xml @@ -6,29 +6,30 @@ index index default - - - - default - blog - index - index - - - - default - default - portfolio - index - - - - default - default - index - about - - + + + + default + blog + index + index + + + + + default + default + portfolio + index + + + + + default + default + index + about + \ No newline at end of file diff --git a/application/modules/default/views/layout/default.phtml b/application/modules/default/views/layout/default.phtml index 54dc124..8133d17 100644 --- a/application/modules/default/views/layout/default.phtml +++ b/application/modules/default/views/layout/default.phtml @@ -1,31 +1,34 @@ +"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd"> - - headTitle() . "\n" /* Newline for pretty source :) */ ?> - headMeta() . "\n" /* Newline for pretty source :) */ ?> - - - + + headTitle() . "\n" /* Newline for pretty source :) */ ?> + headMeta() . "\n" /* Newline for pretty source :) */ ?> + + + + +
- + - + -
+
- layout()->content ?> + layout()->content ?> - - + +
+ \ No newline at end of file diff --git a/public/css/border-radius.htc b/public/css/border-radius.htc new file mode 100644 index 0000000..cb1adfa --- /dev/null +++ b/public/css/border-radius.htc @@ -0,0 +1,143 @@ +--Do not remove this if you are using-- +Original Author: Remiz Rahnas +Original Author URL: http://www.htmlremix.com +Published date: 2008/09/24 + +Changes by Nick Fetchak: +- IE8 standards mode compatibility +- VML elements now positioned behind original box rather than inside of it - should be less prone to breakage +Published date : 2009/11/18 + + + + + diff --git a/public/css/default.css b/public/css/default.css index 0b99622..fffe873 100644 --- a/public/css/default.css +++ b/public/css/default.css @@ -1,205 +1,244 @@ - -body { - font: normal 12px "Verdana"; - background: url('../img/bg.png') repeat-x; - background-color: #fcfcfc; - color: #443; - width: 780px; - margin: 0 auto 75px; - padding: 0 25px; -} - -h1,h2,h3,h4,h5,h6 { margin: 0 0 5px; } - -h1,h2 { margin: 10px 0 0; font: normal 2.2em Arial; color: #464e64; } -h2 { border-bottom: solid 1px #c4cde3; } -h3, form tr.head { font: normal 1.6em "Verdana, Helvetica"; } - -p { line-height: 1.6em; padding: 0 0 8px; } - -ul, ol { padding: 0; margin: 0; } - -code { - font-size: 1.2em; - padding: 8px; - margin: 15px; - border-left: 5px solid #f1f1f1; -} - -a { text-decoration: none; } -a:link, a:visited { color: blue; } -a:hover, a:active { color: #516593; } - -div { margin: 0; } - -img { border: 0; margin: 0; padding: 0; } - -form { margin: 0; } -table { - padding: 8px; -} -th { background: #f1f1f1 } -table, td, th { - border: 1px solid #bcbcbc; - border-collapse: collapse; -} -td, th { padding: .5em .6em; } - -label { - text-align: right; - width: 80px; - height: 20px; - float: left; -} - -input[type="text"] { - -} -textarea { - height: 80px; - overflow: auto; -} - -input[type="text"], textarea { - font: normal 1em Arial; - width: 200px; - background-image: url('../img/elements/textbox.png'); - background-repeat: repeat-x; - background-position: top; - border: 1px solid #ccc; - margin: .2em; - padding: 5px 3px; -} - -input[type="text"]:focus, textarea:focus { - background: white; - border: 1px solid #999; -} - -#header { - background: url('../img/header.png') no-repeat; - height: 80px; -} - -#nav { - background: url('../img/menu.png') no-repeat; - height: 22px; - padding: 8px 12px 0; -} - -#nav ul { - list-style: none; -} - -#nav a { - color: white; - margin: 0 16px 0 0; - float: left; - font-weight: bold; -} - -#nav #current, #nav a:hover { - -} - -#footer { - height: 20px; - text-align: center; - padding: 8px 15px 0; - margin: 25px auto auto; -} - -#footer, #footer a { color: #999; } - -#footer #quick-nav { - float: right; -} - -#footer #info { - float: left; -} - -#wrapper { - margin: 0 6px; -} - -/* Message */ - -p.message, p.notify, p.bail { - padding: 8px; - margin: 0px auto 18px; - text-align: center; -} - -p.message { - background: #fdf6d4; - border: 3px solid #eae5ce; -} - -p.notify { - background: #ffffcc; - border: 1px solid #ffd700; -} - -p.bail { - background: #fdc4c4; - border: 1px solid #fc9595; -} - -/* Alignment */ - -.float-left { float: left; } -.float-right { float: right; } -.clear { clear: both; } -.center { text-align: Center; } - -/* Index */ - -div#foreword { - width: 435px; - text-align: justify; - float: left; -} - -div#foreword a { - display: block; - margin: 8px 5px; - padding: 4px 10px; - border: 1px solid #d6dbe3; -} - -/* forms */ - -form#login { - /*background: url('img/login-form-head.png') no-repeat; - background-color: #9eb1d2; - border: 1px solid #f3f3f3; - background: #fcfcfc;*/ - padding: 5px; - width: 265px; -} - -form#login td input { - padding: 2px; -} - -form#login td { - padding: 2px 4px; -} - -form#login div { - background: url('img/login-form-head.png') no-repeat; -} - -form#reg table { - margin: 15px auto; -} - -div#agrement { - background: #f9f9f9; - text-align: left; - width: 600px; - padding: 8px; - margin: 0 auto 15px; - border: 1px solid #f1f1f1; -} + +body,input,textarea { font: normal 12px "Verdana"; } + +body { + background: url('../img/bg.png') repeat-x; + background-color: #fcfcfc; + color: #443; +} + +h1,h2,h3,h4,h5,h6 { margin: 0 0 5px; } + +h1,h2 { margin: 10px 0 0; font: normal 2.2em Arial; color: #464e64; } +h2 { border-bottom: solid 1px #c4cde3; } +h3 { font: normal 1.6em "Verdana, Helvetica"; } + +p { line-height: 1.6em; padding: 0 0 8px; } + +code { + font-size: 1.2em; + padding: 8px; + margin: 15px; + border-left: 5px solid #f1f1f1; +} + +a { text-decoration: none; } +a:link, a:visited { color: blue; } +a:hover, a:active { color: #516593; } + +div { margin: 0; } + +img { border: 0; margin: 0; padding: 0; } + +form { margin: 0; } + +label { + text-align: right; + width: 80px; + height: 20px; + float: left; +} + +input[type="text"], +input[type="password"], +textarea { + color: #555; + width: 200px; + background-image: url('../img/elements/textbox.png'); + background-repeat: repeat-x; + background-position: top; + border: 1px solid #ccc; + margin: .2em; + padding: 5px 3px; +} + +input[type="text"]:focus, +input[type="password"]:focus, +textarea:focus { + color: black; + background: white; + border: 1px solid #999; +} + +textarea { + height: 80px; + overflow: auto; +} + +div#wrapper { + padding: 0 25px; + margin: 0 auto 75px; +} + +div#wrapper.small { + width: 780px; +} + +#header { + background: url('../img/header.png') no-repeat; + height: 80px; +} + +#nav { + background: url('../img/menu.png'); + color: white; + height: 22px; + padding: 8px 12px 0; + -moz-border-radius: 8px; + -webkit-border-radius: 8px; + -khtml-border-radius: 8px; + behavior: url('css/border-radius.htc'); + border-radius: 8px; +} + +#nav a { + color: white; + font-weight: bold; +} + +#nav ul.navigation { + float: left; + list-style: none; +} + +#nav ul.navigation li { + display: inline; + margin: 0 1.4em 0 0; + text-transform : capitalize; +} + +#nav ul.navigation li.active, +#nav a:hover { + text-decoration: underline; +} + +#footer { + border-top: 1px solid #bcbcbc; + height: 20px; + text-align: center; + padding: 8px 15px 0; + margin: 25px auto auto; +} + +#footer, #footer a { color: #999; } + +#footer #quick-nav { + float: right; +} + +#footer #info { + float: left; +} + +#wrapper { + margin: 0 6px; +} + +/* Message */ + +div.test { + background: #bcbcbc; + height: 25px; + + border: 0px solid white; +} + +p.message, p.notify, p.bail { + padding: 8px; + margin: 0px auto 18px; + text-align: center; +} + +p.message { + background: #fdf6d4; + border: 3px solid #eae5ce; +} + +p.notify { + background: #ffffcc; + border: 1px solid #ffd700; +} + +p.bail { + background: #fdc4c4; + border: 1px solid #fc9595; +} + +/* Font Colors */ +.white { color: white } +.black { color: black } +.red { color: red } +.green { color: green } +.blue { color: blue } + +/* Alignment */ + +.float-left { float: left; } +.float-right { float: right; } +.clear { clear: both; } +.center { text-align: Center; } + +/* Index */ + +div#foreword { + width: 435px; + text-align: justify; + float: left; +} + +div#foreword a { + display: block; + margin: 8px 5px; + padding: 4px 10px; + border: 1px solid #d6dbe3; +} + +/* forms */ + +form#login { + /*background: url('img/login-form-head.png') no-repeat; + background-color: #9eb1d2; + border: 1px solid #f3f3f3; + background: #fcfcfc;*/ + padding: 5px; + width: 265px; +} + +form#login td input { + padding: 2px; +} + +form#login td { + padding: 2px 4px; +} + +form#login div { + background: url('img/login-form-head.png') no-repeat; +} + +form#reg table { + margin: 15px auto; +} + +/* Grid */ + +table.grid { padding: 8px; } + +table.grid, +table.grid td, +table.grid th { + border: 1px solid #bcbcbc; + border-collapse: collapse; +} + +table.grid th { background: #f1f1f1 } +table.grid th, table.grid td { padding: .5em .6em; } + +div#agrement { + background: #f9f9f9; + text-align: left; + width: 600px; + padding: 8px; + margin: 0 auto 15px; + border: 1px solid #f1f1f1; +} diff --git a/public/img/bg.png b/public/img/bg.png index 7582eb1b0aaa428555850839d929bdd485af89ee..5cd434a350b0fdeeae4a93498dc05515eb49ac44 100644 GIT binary patch literal 1126 zcmeAS@N?(olHy`uVBq!ia0y~yU|?imU?}EbVqjpnHut{>0|SF(iEBhjaDG}zd16s2 zgJVj5QmTSyZen_BP-}FfdWj%4dKI|^3?N`*Ur~^l zoSj;tkd&I9nP;o?e)oPQh0GLNrEpVU1K$GY)Qn7zs-o23D!-8As_bOT6eW8*1)B=1 zirj+S)RIJnirk#MVyg;UC9t_xdBs*BVSOb9u#%E&TP292B76fBob!uP6-@OEbdwFt z3>3@^^$d+o%+1Yp6pRcE4fG9+^bL)44b82LjjRj|6re!KPQj)qCCw_x#SLm#QA(Pv zQbtKhft9{~d3m{Bxv^e;QM$gNrKKgv3?n1mqLeh<;>x^|#0uTKVr7^KE~&-IMVSR9 znfZANAQKal@=Hr>m6V{yR^%20Wu|A86vGYAD~1MEa(=FUMPh-zp`L+$5m*h#e-Mx7 z7Wn$&*O8kGS6y5Zl!|aXR`ZKPDhpEegHnt0ON)|IgHqF!ksOHMB9KC;AFO;6i?UNw zY?a&+bBa^J6287x{zaMTnR$shF8Rr&xv6<2o-VdZrKOoER<7m-hNjMzmKJVCE-o&H zhL$DKL?hY0y6ST@{2R_ z3lyA#O%=j3^HTE5i$M`x0g4YRm(-%nveXo}qWoM1aF|bP0l+XkKuT*I4 delta 238 zcmaFH(aogT8Q|y6%O%Cdz`(%k>ERN@z`$U{z`)SN!NkD8&^?`J@}FfdWj%4dKI|^3?N`*Ur~^l zoSj;tkd&I9nP;o?e)oPQh0GLNrEpVU1K$GY)Qn7zs-o23D!-8As_bOT6eW8*1)B=1 zirj+S)RIJnirk#MVyg;UC9t_xdBs*BVSOb9u#%E&TP292B76fBob!uP6-@OEbdwFt z3>3@^^$d+o%+1Yp6pRcE4fG9+^bL)44b82LjjRj|6re!KPQj)qCCw_x#SLm#QA(Pv zQbtKhft9{~d3m{Bxv^e;QM$gNrKKgv3?n1mqLeh<;>x^|#0uTKVr7^KE~&-IMVSR9 znfZANAQKal@=Hr>m6V{yR^%20Wu|A86vGYAD~1MEa(=FUMPh-zp`L+$5m*h#e-Mx7 z7Wn$&*O8kGS6y5Zl!|aXR`ZKPDhpEegHnt0ON)|IgHqF!ksOHMB9KC;AFO;6i?UNw zY?a&+bBa^J6287x{zaMTnR$shF8Rr&xv6<2o-VdZrKOoER<7m-hNjMzmKJVCE-o&H zhL$DKL?hY0y6ST@{2R_ z3lyA#O%=j3^HTE5i$M`x0g4YRm(-%nveXo}qWoM1aF|Oz_xbOVEHNCyQ zDw9{*Ff{y+wUE)$*Iv15&5G5%({k!{Pt9phOHU84v#tL4t?u~gqeojdGBn7Dbh12; z?lYffvq{RcbLmoP^Y?spavS*=COrQ3Zrz@`w?Px;%g>rUdw1>n&8wf!4P;=rG)pS$ zmYx~g#vdu=`MW0UabRMIxOVmPvUO&&^4iiGjgIh~WU6@<}!ZhDfE8zCsKK_D_8B(2T)hnn%%O76ye$ z3=C#soP*_~`|J;I= z3%`B5yf4KllaHZcOMykrFBjhpYZra-dAzYteXkfJgGYAeI)C;{pRVVI-_}2JeEGfa z^+sF_6CU%qevjFCXBOX*3xEFnId!qw{qFX6HZc(qTlg3zG;?t&z0G|db>3{vpV;0d zTQ>f1dHy+E-p+upx2`jii{XTz^|tBqH^Q&hyvm5o^nCWApMjYn;NND64)3X&3=9km Mp00i_>zopr0Jzuy6#xJL