Emojigit/afch-zhwp
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start working on css

Browse Source 
This is just so I can have something to test with. In theory I have a
kind of radical idea for the design, but we should all probably discuss
it first…
This commit is contained in:
theopolisme 2014-02-12 20:38:07 -06:00
parent 896db73157
commit 2a0c00ad87
1 changed files with 89 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

89
src/afch.css Normal file
View File

@ -0,0 +1,89 @@
/* CSS should be located at [[MediaWiki:Gadget-afchelper.css]] */
.show {
display: inline;
}
#afch-open {
padding-left: 1em;
font-size: 0.5em;
}
/* Buttons used in submissions.js */
.button {
background-color: #999;
background-image: -webkit-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
background-image: -moz-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
background-image: -ms-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
background-image: -o-linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
background-image: linear-gradient(hsla(0,0%,100%,.05), hsla(0,0%,0%,.1));
border: none;
border-radius: .5em;
box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
inset 0 2px 0 hsla(0,0%,100%,.1),
inset 0 1.2em 0 hsla(0,0%,100%,0.1),
inset 0 -.2em 0 hsla(0,0%,100%,.1),
inset 0 -.25em 0 hsla(0,0%,0%,.25),
0 .25em .25em hsla(0,0%,0%,.05);
color: #444;
cursor: pointer;
display: inline-block;
font-family: sans-serif;
font-size: 0.75em;
font-weight: bold;
line-height: 1.5;
margin: 0 .5em 1em;
padding: .5em 1.5em .75em;
position: relative;
text-decoration: none;
text-shadow: 0 1px 1px hsla(0,0%,100%,.25);
vertical-align: middle;
display: none; /* hide by default */
}
.button:hover {
outline: none;
}
.button:hover, .button:focus {
box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
inset 0 2px 0 hsla(0,0%,100%,.1),
inset 0 1.2em 0 hsla(0,0%,100%,.1),
inset 0 -.2em 0 hsla(0,0%,100%,.1),
inset 0 -.25em 0 hsla(0,0%,0%,.25),
inset 0 0 0 3em hsla(0,0%,100%,.2),
0 .25em .25em hsla(0,0%,0%,.05);
}
.button:active {
box-shadow: inset 0 0 0 1px hsla(0,0%,0%,.2),
inset 0 2px 0 hsla(0,0%,100%,.1),
inset 0 1.2em 0 hsla(0,0%,100%,.1),
inset 0 0 0 3em hsla(0,0%,100%,.2),
inset 0 .25em .5em hsla(0,0%,0%,.05),
0 -1px 1px hsla(0,0%,0%,.1),
0 1px 1px hsla(0,0%,100%,.25);
margin-top: .25em;
outline: none;
padding-bottom: .5em;
}
.accept {
background-color: #6fcf6f; /* green */
}
.decline {
background-color: #ff6c6f; /* red */
}
.comment {
background-color: #fff6c6; /* yellow */
}
.tag-g13 {
background-color: #f6cf6f; /* orange */
}
.submit {
background-color: #6fc6ff; /* blue */
}