diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css index 160089ed..398744d0 100644 --- a/app/assets/stylesheets/application.css +++ b/app/assets/stylesheets/application.css @@ -62,6 +62,7 @@ input[type="submit"] { margin-top:5px; } .nodemargin { padding-top:120px; } .focus { position:fixed; top:0; left:0; width:90%; z-index:10; display: block; min-width:533px; margin: 50px 50px 25px 50px; background: url('bg.png'); border-radius: 20px; color:#000; border:1px solid #000; } +.focus h1 { margin-top:none; } .focusleft, .focusmiddle, .focusright { display:block; float:left; } .focusleft { width:20%; min-width:70px; text-align:center; } .focusmiddle { display:block; width:49%; min-height:115px; border-right:2px solid #000; border-left:2px solid #000;} @@ -70,7 +71,7 @@ input[type="submit"] { margin-top:5px; } .focus .focusright p { font-weight:bold; font-size:16px; line-height:20px; padding:10px 0 5px 10px; } .focus .icon { margin:0 auto; } .focus .title { font-size:22px; line-height:25px; border-bottom:2px solid #000; padding:10px; } -.focus .desc { font-style:italic; padding:10px; } +.focus .desc { padding:10px; } .focus .desc h3 { font-style:normal; } .focus .location { padding-left:10px; } .focus .link { padding:0 0 0 10px; display:block; width:90%; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } diff --git a/app/assets/stylesheets/base.css b/app/assets/stylesheets/base.css index 7b9fbcd9..2ca67cea 100644 --- a/app/assets/stylesheets/base.css +++ b/app/assets/stylesheets/base.css @@ -17,7 +17,7 @@ left:10px; margin-top:-150px; } -#showcard .contributor { font-size:12px; } +#showcard .contributor { font-size:14px; } .text { margin: 7px; diff --git a/app/assets/stylesheets/items.css.scss b/app/assets/stylesheets/items.css.scss index a2371269..646ac2f4 100644 --- a/app/assets/stylesheets/items.css.scss +++ b/app/assets/stylesheets/items.css.scss @@ -29,7 +29,7 @@ line-height: 24px;} .item .title { font-size:22px; line-height:25px; display:block; border-bottom:2px solid #000; padding-bottom:5px; } -.item .desc { font-style:italic; font-size:15px; } +.item .desc { font-size:15px; } .item .desc h3 { font-style:normal; margin-top:5px; } .item .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } diff --git a/items.css.scss b/items.css.scss new file mode 100644 index 00000000..646ac2f4 --- /dev/null +++ b/items.css.scss @@ -0,0 +1,36 @@ +// Place all the styles related to the items controller here. +// They will automatically be included in application.css. +// You can use Sass (SCSS) here: http://sass-lang.com/ + +.item { display:block; float:left; position:relative; width:170px; height:300px; padding:10px 10px 10px 35px; background: url('bg.png'); border-radius:15px; margin:30px 0 30px 50px; color:#000; } + +.item .delete {position: absolute; +top: -14px; +left: 0px; +background: none; +border: 0; +color: white; +border: none; +font-size: 14px; +margin: 0; +padding: 0; +cursor:pointer; +} + +.item .type {position: absolute; +color: white; +top: -22px; +right: 0; +font-weight: bold; +font-size: 20px; +line-height: 24px;} + +.item .icon { position:absolute; top:135px; left:-25px; } + +.item .title { font-size:22px; line-height:25px; display:block; border-bottom:2px solid #000; padding-bottom:5px; } + +.item .desc { font-size:15px; } +.item .desc h3 { font-style:normal; margin-top:5px; } + +.item .link { position:absolute; width:170px; top:295px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; } +