SUZUKI Miho
null+****@clear*****
Wed Sep 26 14:19:16 JST 2012
SUZUKI Miho 2012-09-26 14:19:16 +0900 (Wed, 26 Sep 2012) New Revision: 0b63ab885a44f47f5b5ea1111a89e62a15926765 https://github.com/logaling/logaling-server/commit/0b63ab885a44f47f5b5ea1111a89e62a15926765 Log: Add images and css Added files: app/assets/images/commonLogo.png app/assets/images/homeProjectsUsingLogaling.png app/assets/images/signInWithFacebook.png app/assets/images/signInWithGitHub.png app/assets/images/signInWithTwitter.png app/assets/stylesheets/_mixin.sass app/assets/stylesheets/common.css app/assets/stylesheets/common.sass app/assets/stylesheets/commonGithubMini.png app/assets/stylesheets/commonHeaderBlueSmoke.png app/assets/stylesheets/commonHeaderRedSmoke.png app/assets/stylesheets/commonHeaderWhiteSmoke.png app/assets/stylesheets/commonListGlossary.png app/assets/stylesheets/commonListMarkBlue.png app/assets/stylesheets/commonListProject.png app/assets/stylesheets/commonLogalingMini.png app/assets/stylesheets/homeCatchBg.png Added: app/assets/images/commonLogo.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/images/homeProjectsUsingLogaling.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/images/signInWithFacebook.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/images/signInWithGitHub.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/images/signInWithTwitter.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/_mixin.sass (+42 -0) 100644 =================================================================== --- /dev/null +++ app/assets/stylesheets/_mixin.sass 2012-09-26 14:19:16 +0900 (fe778e1) @@ -0,0 +1,42 @@ + at charset "UTF-8" + + at mixin border-radius($radius) + -moz-border-radius: #{$radius}px + -khtml-border-radius: #{$radius}px + -webkit-border-radius: #{$radius}px + border-radius: #{$radius}px + + at mixin gradient_top_bottom($top, $bottom) + background: linear-gradient(#{$top}, #{$bottom}) + background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #{$top}),color-stop(1, #{$bottom})) + background: -moz-linear-gradient(top, #{$top}, #{$bottom}) + + at mixin floating-avatar + img + float: left + p, + div + margin: 0 0 0 30px + + at mixin prettyprint + pre + border: 1px solid #ddd + @include border-radius(4) + padding: 10px + background: #fff + li.L0, + li.L2, + li.L4, + li.L6, + li.L8 + background: #f6f6f6 + li + margin-bottom: 20px + ol li + list-style: decimal + margin: 0 + + at mixin small-text + font-size: 90% + color: #999 + Added: app/assets/stylesheets/common.css (+282 -0) 100644 =================================================================== --- /dev/null +++ app/assets/stylesheets/common.css 2012-09-26 14:19:16 +0900 (82e4283) @@ -0,0 +1,282 @@ + at charset "UTF-8"; +/*--- Mix-in -------------------------------------------------------- */ +/*--- Variables -------------------------------------------------------- */ +/*--- Default settings -------------------------------------------------------- */ +html { + background: #e8f0ed; } + +body { + background: #e0e9eb; + font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif; } + +a:link, +a:visited, +a:hover, +a:active { + color: #13608d; } + +* { + color: #535353; } + +section > h1, +h2 { + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-border-radius: 4px; + borderRadius: 4px; } + +section > h1 { + color: white; + font-size: 100%; + font-weight: bold; + letter-spacing: 2px; + text-align: center; } + +.container > header nav { + float: right; + text-align: right; + display: inline-block; } + .container > header nav li { + display: inline-block; } + +::-webkit-input-placeholder { + color: #999999; } + +input[placeholder] { + color: #999999; } + +time { + color: #999999; } + +/*--- Override -------------------------------------------------------- */ +.brand { + max-width: 100%; } + +.pagination { + text-align: center; + clear: both; + margin-top: 50px; } + +.form-horizontal label { + margin-right: 10px; } + +/*--- Common classes and IDs -------------------------------------------------------- */ +body > header nav { + text-align: right; + margin-top: 20px; } + +body > .container > h1 { + -webkit-box-shadow: -1px -1px 1px #999999; + -moz-box-shadow: -1px -1px 1px #999999; + box-shadow: -1px -1px 1px #999999; + -moz-border-radius: 7px; + -khtml-border-radius: 7px; + -webkit-border-radius: 7px; + borderRadius: 7px; + margin-top: 30px; + padding: 30px 10px; + color: #c4272f; + font-weight: bold; + background: url(commonHeaderWhiteSmoke.png) no-repeat top left; + font-size: 160%; } +body > .container > h2 { + -webkit-box-shadow: -1px -1px 1px #999999; + -moz-box-shadow: -1px -1px 1px #999999; + box-shadow: -1px -1px 1px #999999; + -moz-border-radius: 7px; + -khtml-border-radius: 7px; + -webkit-border-radius: 7px; + borderRadius: 7px; + color: white; + font-weight: bold; + background: url(commonHeaderRedSmoke.png) no-repeat top left; + padding: 0 10px; + margin: 40px 0 10px 0; + font-size: 140%; } +body > .container > h3 { + color: #c4272f; + font-size: 120%; } + +.userNav { + margin-top: 4px; } + .userNav ul { + margin: 2px 0 0 0; } + .userNav li { + display: inline-block; + margin-left: 10px; } + +.catch { + -webkit-box-shadow: -1px -1px 1px #cccccc; + -moz-box-shadow: -1px -1px 1px #cccccc; + box-shadow: -1px -1px 1px #cccccc; + background: url("homeCatchBg.png") repeat left top; + padding: 100px 0; + margin: 10px 0; } + .catch h1 { + color: #c4252e; } + +.learnMore:link, .learnMore:visited, .learnMore:hover, .learnMore:active { + color: #c4252e; } + +.addNewProject h1 { + color: #c4252e; } + +.addNewProjectBtn { + background-color: #c4252e; + -moz-border-radius: 30px; + -khtml-border-radius: 30px; + -webkit-border-radius: 30px; + borderRadius: 30px; + background: linear-gradient(#c4252e, #891a20); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #c4252e), color-stop(1, #891a20)); + background: -moz-linear-gradient(top, #c4252e, #891a20); + display: block; + text-align: center; + font-weight: bold; + font-size: 140%; + margin: 20px auto; + border: 2px solid #8c1e23; + max-width: 300px; + height: 60px; + line-height: 60px; } + .addNewProjectBtn:link, .addNewProjectBtn:visited, .addNewProjectBtn:hover, .addNewProjectBtn:active { + color: white; + text-decoration: none; } + .addNewProjectBtn:hover, .addNewProjectBtn:active { + background: linear-gradient(#ca3b43, #953137); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #ca3b43), color-stop(1, #953137)); + background: -moz-linear-gradient(top, #ca3b43, #953137); } + +.projectsList ul { + margin: 20px 10px; } +.projectsList li { + list-style: none; + padding-left: 26px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-border-radius: 4px; + borderRadius: 4px; + margin: 20px 0; + position: relative; + background: url("commonListProject.png") no-repeat left top; } + .projectsList li .actions { + position: absolute; + right: 5px; } + +.glossariesList ul { + margin: 20px 10px; } +.glossariesList li { + list-style: none; + padding-left: 26px; + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-border-radius: 4px; + borderRadius: 4px; + margin: 20px 0; + position: relative; + background: url("commonListGlossary.png") no-repeat left top; } + .glossariesList li .actions { + position: absolute; + right: 5px; } + +.term { + -moz-border-radius: 4px; + -khtml-border-radius: 4px; + -webkit-border-radius: 4px; + borderRadius: 4px; + padding: 10px; + background: white; + margin: 10px 0; } + .term .label { + margin-right: 10px; } + .term .label:nth-child(n+2) { + margin-left: 20px; } + +.property { + line-height: 22px; + min-height: 22px; + font-size: 80%; } + .property i.icon-folder-open { + margin-left: 5px; } + .property p { + margin: 0; } + .property .actions { + text-align: right; } + +.logalingProject { + list-style: none; + padding-left: 26px; + display: block; + background: url("commonLogalingMini.png") no-repeat left top; } + +.githubProject { + list-style: none; + padding-left: 26px; + background: url("commonGithubMini.png") no-repeat left top; } + +.signIn section { + margin: 10px 0; + -moz-border-radius: 7px; + -khtml-border-radius: 7px; + -webkit-border-radius: 7px; + borderRadius: 7px; + border: 3px solid white; } + .signIn section h1 { + color: #2580b6; } + +.signInBtn { + background: #0c7cb6; + -moz-border-radius: 30px; + -khtml-border-radius: 30px; + -webkit-border-radius: 30px; + borderRadius: 30px; + background: linear-gradient(#0c7cb6, #08577f); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #0c7cb6), color-stop(1, #08577f)); + background: -moz-linear-gradient(top, #0c7cb6, #08577f); + display: block; + text-align: center; + font-weight: bold; + font-size: 140%; + margin: 20px auto; + border: 2px solid #174760; + max-width: 300px; + height: 60px; + line-height: 60px; } + .signInBtn:link, .signInBtn:visited, .signInBtn:hover, .signInBtn:active { + color: white; + text-decoration: none; } + .signInBtn:hover, .signInBtn:active { + background: linear-gradient(#2589bd, #21688c); + background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #2589bd), color-stop(1, #21688c)); + background: -moz-linear-gradient(top, #2589bd, #21688c); } + +.required:before { + content: "*"; + color: #c4252e; } + +footer nav li, +.userNav li, +.listMarkBlue li { + list-style: none; + padding-left: 26px; + background: url("commonListMarkBlue.png") no-repeat left top; } + +body > footer { + font-size: 80%; + clear: both; + background: #e8f0ed; + margin-top: 20px; } + body > footer nav { + margin-top: 10px; + width: 200px; + display: inline-block; } + +.copyright { + text-align: right; } + .copyright * { + color: #bbbbbb; } + +/*--- Responsive -------------------------------------------------------- */ + at media only screen and (max-width: 768px) { + .catch { + padding: 30px 15px; } } Added: app/assets/stylesheets/common.sass (+283 -0) 100644 =================================================================== --- /dev/null +++ app/assets/stylesheets/common.sass 2012-09-26 14:19:16 +0900 (6a459ae) @@ -0,0 +1,283 @@ + at charset 'UTF-8' + +/*--- Mix-in --------------------------------------------------------*/ + + at mixin listMark + list-style: none + padding-left: 26px + + at mixin borderRadius($radius) + -moz-border-radius: #{$radius}px + -khtml-border-radius: #{$radius}px + -webkit-border-radius: #{$radius}px + borderRadius: #{$radius}px + + at mixin gradientTopBottom($top, $bottom) + background: linear-gradient(#{$top}, #{$bottom}) + background: -webkit-gradient(linear,left top,left bottom,color-stop(0, #{$top}),color-stop(1, #{$bottom})) + background: -moz-linear-gradient(top, #{$top}, #{$bottom}) + + at mixin btnSetting + display: block + text-align: center + font-weight: bold + font-size: 140% + &:link, + &:visited, + &:hover, + &:active + color: #fff + text-decoration: none + + at mixin boxShadow($y, $x, $blur, $color) + -webkit-box-shadow: #{$y}px #{$x}px #{$blur}px #{$color} + -moz-box-shadow: #{$y}px #{$x}px #{$blur}px #{$color} + box-shadow: #{$y}px #{$x}px #{$blur}px #{$color} + +/*--- Variables --------------------------------------------------------*/ + +$vividRed: #c4252e +$lightGray: #e8f0ed + +/*--- Default settings --------------------------------------------------------*/ + +html + background: $lightGray + +body + background: #e0e9eb + font-family: "ヒラギノ角ゴ Pro W3", "Hiragino Kaku Gothic Pro", "メイリオ", Meiryo, Osaka, "ＭＳ Ｐゴシック", "MS PGothic", sans-serif + +a:link, +a:visited, +a:hover, +a:active + color: #13608d + +* + color: #535353 + +section > h1, +h2, + @include borderRadius(4) + +section > h1 + color: #fff + font-size: 100% + font-weight: bold + letter-spacing: 2px + text-align: center + +.container > header + nav + float: right + text-align: right + display: inline-block + li + display: inline-block + +::-webkit-input-placeholder + color: #999 + +input[placeholder] + color: #999 + +time + color: #999 + +/*--- Override --------------------------------------------------------*/ + +.brand + max-width: 100% + +.pagination + text-align: center + clear: both + margin-top: 50px + +.form-horizontal + label + margin-right: 10px + +/*--- Common classes and IDs --------------------------------------------------------*/ + +body > header + nav + text-align: right + margin-top: 20px + +body > .container + & > h1 + @include boxShadow(-1, -1, 1, #999) + @include borderRadius(7) + margin-top: 30px + padding: 30px 10px + color: #c4272f + font-weight: bold + background: url(commonHeaderWhiteSmoke.png) no-repeat top left + font-size: 160% + & > h2 + @include boxShadow(-1, -1, 1, #999) + @include borderRadius(7) + color: #fff + font-weight: bold + background: url(commonHeaderRedSmoke.png) no-repeat top left + padding: 0 10px + margin: 40px 0 10px 0 + font-size: 140% + & > h3 + color: #c4272f + font-size: 120% + +.userNav + margin-top: 4px + ul + margin: 2px 0 0 0 + li + display: inline-block + margin-left: 10px + +.catch + @include boxShadow(-1, -1, 1, #ccc) + background: url('homeCatchBg.png') repeat left top + padding: 100px 0 + margin: 10px 0 + h1 + color: $vividRed + +.learnMore + &:link, + &:visited, + &:hover, + &:active + color: $vividRed + +.addNewProject + h1 + color: $vividRed + +.addNewProjectBtn + background-color: $vividRed + @include borderRadius(30) + @include gradientTopBottom(#c4252e, #891a20) + @include btnSetting + margin: 20px auto + border: 2px solid #8c1e23 + max-width: 300px + height: 60px + line-height: 60px + &:hover, + &:active + @include gradientTopBottom(#ca3b43, #953137) + + at mixin listWithActions + margin: 20px 0 + position: relative + .actions + position: absolute + right: 5px + +.projectsList + ul + margin: 20px 10px + li + @include listMark + @include borderRadius(4) + @include listWithActions + background: url('commonListProject.png') no-repeat left top + +.glossariesList + ul + margin: 20px 10px + li + @include listMark + @include borderRadius(4) + @include listWithActions + background: url('commonListGlossary.png') no-repeat left top + +.term + @include borderRadius(4) + padding: 10px + background: #fff + margin: 10px 0 + .label + margin-right: 10px + &:nth-child(n+2) + margin-left: 20px + +.property + line-height: 22px + min-height: 22px + font-size: 80% + i.icon-folder-open + margin-left: 5px + p + margin: 0 + .actions + text-align: right + +.logalingProject + @include listMark + display: block + background: url('commonLogalingMini.png') no-repeat left top + +.githubProject + @include listMark + background: url('commonGithubMini.png') no-repeat left top + +.signIn + section + margin: 10px 0 + @include borderRadius(7) + border: 3px solid #fff + h1 + color: #2580B6 + +.signInBtn + background: #0c7cb6 + @include borderRadius(30) + @include gradientTopBottom(#0c7cb6, #08577f) + @include btnSetting + margin: 20px auto + border: 2px solid #174760 + max-width: 300px + height: 60px + line-height: 60px + &:hover, + &:active + @include gradientTopBottom(#2589bd, #21688c) + +.required + &:before + content: "*" + color: $vividRed + +footer nav, +.userNav, +.listMarkBlue + li + @include listMark + background: url('commonListMarkBlue.png') no-repeat left top + +body > footer + font-size: 80% + clear: both + background: $lightGray + margin-top: 20px + nav + margin-top: 10px + width: 200px + display: inline-block + +.copyright + text-align: right + * + color: #bbb + +/*--- Responsive --------------------------------------------------------*/ + +// Phones and tablets + at media only screen and (max-width: 768px) + + .catch + padding: 30px 15px Added: app/assets/stylesheets/commonGithubMini.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonHeaderBlueSmoke.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonHeaderRedSmoke.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonHeaderWhiteSmoke.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonListGlossary.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonListMarkBlue.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonListProject.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/commonLogalingMini.png (+0 -0) 100644 =================================================================== (Binary files differ) Added: app/assets/stylesheets/homeCatchBg.png (+0 -0) 100644 =================================================================== (Binary files differ) -------------- next part -------------- An HTML attachment was scrubbed...Download
