fixed styling bugs

This commit is contained in:
Connor Turland 2012-10-27 17:07:01 -04:00
parent b83bcd65a4
commit 7efac0bfd6
4 changed files with 40 additions and 3 deletions

View file

@ -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; }

View file

@ -17,7 +17,7 @@
left:10px;
margin-top:-150px;
}
#showcard .contributor { font-size:12px; }
#showcard .contributor { font-size:14px; }
.text {
margin: 7px;

View file

@ -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; }

36
items.css.scss Normal file
View file

@ -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; }