mrflos/memo
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

allow adding of multiple stickers

Browse source 
fixes #37
This commit is contained in:
ali asaria 2014-09-02 01:52:54 -04:00
parent 46a80badc7
commit b3e1a40398
5 changed files with 118 additions and 68 deletions
Download patch file Download diff file Expand all files Collapse all files

36
client/css/bigcards.css
View file

@ -1,20 +1,20 @@
.card {
.card {
width: 230px;
height: 152px;
xpadding: 5px; float: left;
xmargin: 0 10px 10px 0;
font-size: .9em;
overflow: hidden;
position: absolute;
z-index: 10;
top: 460px;
left: 0px;
display: block;
}
@ -40,30 +40,36 @@
z-index: -1000;
}
.content {
.content {
overflow: hidden;
display: block;
width: 158px;
width: 158px;
height: 88px;
margin: 5px 23px 0px 34px;
font-family: 'Covered By Your Grace',"Arial Rounded MT Bold", arial, serif;
font-size: 18px;
letter-spacing: 0px;
letter-spacing: 0px;
xtext-shadow: 0px 0px 1px #444;
opacity: 1;
color: black;
text-align: center;
padding-top: 18px;
xline-height: 16px;
xopacity: .8;
}
.filler {
margin-right: 34px;
margin-bottom: 42px;
margin-left: 25px;
}
.stickertarget {
position: absolute;
}
}

45
client/css/smallcards.css
View file

@ -1,20 +1,20 @@
.card {
.card {
width: 115px;
height: 76px;
xpadding: 5px; float: left;
xmargin: 0 10px 10px 0;
font-size: .9em;
overflow: hidden;
position: absolute;
z-index: 10;
top: 460px;
left: 0px;
display: block;
}
@ -41,45 +41,52 @@
z-index: -1000;
}
.content {
.content {
overflow: hidden;
display: block;
width: 79px;
width: 79px;
height: 45px;
margin: 1px 10px 0px 19px;
font-family: "Arial Rounded MT Bold" , arial, serif;
font-size: 10px;
letter-spacing: 0px;
line-height: 9px;
line-height: 9px;
xtext-shadow: 0px 0px 1px #444;
opacity: 1;
color: #333;
text-align: center;
padding-top: 8px;
}
.xcontent {
.filler {
margin-right: 12px;
margin-bottom: 19px;
margin-left: 19px;
}
.xcontent {
overflow: hidden;
display: block;
width: 79px;
width: 79px;
height: 45px;
margin: 0px 10px 0px 19px;
font-family: "Arial Rounded MT Bold", "Arial" , arial, serif;
xfont-size: 10px;
letter-spacing: 0px;
line-height: 8px;
line-height: 8px;
xtext-shadow: 0px 0px 1px #444;
opacity: 1;
color: #333;
text-align: center;
padding-top: 8px;
}
}

18
client/css/style.css
View file

@ -362,7 +362,7 @@ xopacity: .5;
top: 1px;
}
.sticker-red {
/*.sticker-red {
background-image: url('/images/stickers/sticker-red.png');
background-repeat: no-repeat;
background-position: right bottom;
@ -432,7 +432,7 @@ xopacity: .5;
background-image: url('/images/stickers/sticker-purple.png');
background-repeat: no-repeat;
background-position: right bottom;
}
}*/
@ -540,6 +540,10 @@ input:hover {
background-color: rgba(128, 128, 256,0.1)
}
/*img ~ .card-hover-draggable {
-webkit-filter: hue-rotate(180deg);
}*/
.config {
position: fixed;
right: 18px;
@ -557,7 +561,15 @@ input:hover {
.filler {
xwidth: 100%;
xbackground-color: rgba(255,0,0,0.1);
xheight: 100%;
right: 0;
bottom: 0;
position: absolute;
text-align: right;
}