From afe3319ae91f793322cb63048a5d507e8586f753 Mon Sep 17 00:00:00 2001 From: kk_Ataka Date: Wed, 18 Apr 2012 18:22:30 +0900 Subject: [PATCH] Add css and images --- app/assets/stylesheets/default.css | 31 +++++++++++++++++++++++++++++ public/images/bg.png | Bin 0 -> 215 bytes public/images/bgFooter.png | Bin 0 -> 193 bytes public/images/bgHeader.png | Bin 0 -> 193 bytes public/images/logo.png | Bin 0 -> 3156 bytes public/images/rails.png | Bin 0 -> 6646 bytes public/stylesheets/default.css | 31 +++++++++++++++++++++++++++++ 7 files changed, 62 insertions(+) create mode 100644 app/assets/stylesheets/default.css create mode 100644 public/images/bg.png create mode 100644 public/images/bgFooter.png create mode 100644 public/images/bgHeader.png create mode 100644 public/images/logo.png create mode 100644 public/images/rails.png create mode 100644 public/stylesheets/default.css diff --git a/app/assets/stylesheets/default.css b/app/assets/stylesheets/default.css new file mode 100644 index 0000000..282a8ac --- /dev/null +++ b/app/assets/stylesheets/default.css @@ -0,0 +1,31 @@ +html, body { height: 100%; } + +body { background-color: #e6dacf; background-image: url('/images/bg.png'); background-position: top center; background-repeat: repeat-y; font-family: "Trebuchet MS", Arial, san-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; } + +a { color: #000; } +a:hover { background: #000; color: #e6dacf; } + +div#wrapper { min-height: 100%; } +* html div#wrapper { height: 100%; } + +div#header { background: url('/images/bgHeader.png'); height: 100px; padding: 8px 0 0 0; } +div#header div { margin: 0 auto; position: relative; width: 800px; } +div#header h1 { left: 0; margin: 0; position: absolute; } +div#header h1 { background: url('/images/logo.png') no-repeat; display: block; height: 0; margin: 0 auto; padding: 92px 0 0 0; overflow: hidden; width: 319px; } + +ul#nav { float: right; list-style: none; margin: 0; padding: 69px 0 0 0; } +ul#nav li { background: #e6dacf; border: solid #000; border-width: 2px 2px 0 2px; float: left; margin: 0 0 0 2px; } +ul#nav a { display: block; padding: 3px 6px 0 6px; text-decoration: none; } +ul#nav a:hover { display: block; padding: 3px 6px 7px 6px; } +ul#nav a.current { padding-bottom: 8px; } +ul#nav a.current:hover { background: #e6dacf; color: #000; cursor: default; } + +div#content{ margin: 0 auto; padding: 20px 0; text-align: left; width: 720px; height: 300px} +div#content img { border: 10px solid #000; float: right; margin: 18px 0 0 20px; } +div#content h2 { border: solid #999; border-width: 0 0 5px 0; font-size: 28px; margin: 0; padding: 0 0 10px 0; } +div#content p { margin: 0; padding: 4px 6px 10px 0; } + + +div#clearfooter { height: 110px; } + +div#footer { background: url('/images/bgFooter.png'); height: 110px; margin: -110px auto 0 auto; } diff --git a/public/images/bg.png b/public/images/bg.png new file mode 100644 index 0000000000000000000000000000000000000000..e1b26eb9e707159aea52d9421b99ed58ac3707f2 GIT binary patch literal 215 zcmeAS@N?(olHy`uVBq!ia0y~yU~>SnML3v&-L1;Fyx1 zl&avFo0y&&l$w}QS$Hzl2B?TFz$e7@*{$<;&mB2p(DVr?lJ4o^7*cWT%~eA|1_mA` z!&mo9L`$Bp>ttcGbDqke&L8+KTulH7SX>+&90UXy8G#HCpV1M@2QpZIfKgDu0mxuv kWc(NoG!_}uY-HkLSi3;pG5(Vn(CG{ep00i_>zopr09#!&Q~&?~ literal 0 HcmV?d00001 diff --git a/public/images/bgFooter.png b/public/images/bgFooter.png new file mode 100644 index 0000000000000000000000000000000000000000..e7a6ee43557dd1431bded99805f0d4e73e04efd1 GIT binary patch literal 193 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 u{XV`k7&Fe!-pVcQya!6@Dsmj@#jv7C*qh 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 AQ~&?~ literal 0 HcmV?d00001 diff --git a/public/stylesheets/default.css b/public/stylesheets/default.css new file mode 100644 index 0000000..282a8ac --- /dev/null +++ b/public/stylesheets/default.css @@ -0,0 +1,31 @@ +html, body { height: 100%; } + +body { background-color: #e6dacf; background-image: url('/images/bg.png'); background-position: top center; background-repeat: repeat-y; font-family: "Trebuchet MS", Arial, san-serif; font-size: 14px; margin: 0; padding: 0; text-align: center; } + +a { color: #000; } +a:hover { background: #000; color: #e6dacf; } + +div#wrapper { min-height: 100%; } +* html div#wrapper { height: 100%; } + +div#header { background: url('/images/bgHeader.png'); height: 100px; padding: 8px 0 0 0; } +div#header div { margin: 0 auto; position: relative; width: 800px; } +div#header h1 { left: 0; margin: 0; position: absolute; } +div#header h1 { background: url('/images/logo.png') no-repeat; display: block; height: 0; margin: 0 auto; padding: 92px 0 0 0; overflow: hidden; width: 319px; } + +ul#nav { float: right; list-style: none; margin: 0; padding: 69px 0 0 0; } +ul#nav li { background: #e6dacf; border: solid #000; border-width: 2px 2px 0 2px; float: left; margin: 0 0 0 2px; } +ul#nav a { display: block; padding: 3px 6px 0 6px; text-decoration: none; } +ul#nav a:hover { display: block; padding: 3px 6px 7px 6px; } +ul#nav a.current { padding-bottom: 8px; } +ul#nav a.current:hover { background: #e6dacf; color: #000; cursor: default; } + +div#content{ margin: 0 auto; padding: 20px 0; text-align: left; width: 720px; height: 300px} +div#content img { border: 10px solid #000; float: right; margin: 18px 0 0 20px; } +div#content h2 { border: solid #999; border-width: 0 0 5px 0; font-size: 28px; margin: 0; padding: 0 0 10px 0; } +div#content p { margin: 0; padding: 4px 6px 10px 0; } + + +div#clearfooter { height: 110px; } + +div#footer { background: url('/images/bgFooter.png'); height: 110px; margin: -110px auto 0 auto; }