Created
April 13, 2013 13:13
-
-
Save turtlepod/5378353 to your computer and use it in GitHub Desktop.
Shell Editor CSS custom markup. Need to remove this from shell somehow....
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
/** | |
* Shell Content Editor CSS | |
* ========================= | |
*/ | |
/* Note */ | |
.note { | |
padding: 6px 9px; | |
background: #eee; | |
border: 1px solid #ccc; | |
margin:0 auto 25px; | |
display: block; | |
width:100%; | |
} | |
/* Warnings/Alerts */ | |
.alert { | |
padding: 6px 9px; | |
background: #fffbbc; | |
border: 1px solid #E6DB55; | |
margin:0 auto 25px; | |
display: block; | |
width:100%; | |
} | |
/* Errors */ | |
.error { | |
padding: 6px 9px; | |
background: #ffebe8; | |
border: 1px solid #C00; | |
margin:0 auto 25px; | |
display: block; | |
width:100%; | |
} | |
/* Downloads */ | |
.download { | |
padding: 6px 9px; | |
background: #e7f7d3; | |
border: 1px solid #6c3; | |
margin:0 auto 25px; | |
display: block; | |
width:100%; | |
} | |
/* Buttons */ | |
.button { | |
display:inline-block; | |
background-color: #eee; | |
border:1px solid #ccc; | |
color:#333; | |
line-height:1em; | |
text-align:center; | |
text-decoration:none; | |
padding:6px 15px; | |
margin: 0; | |
-moz-border-radius:5px; | |
-webkit-border-radius:5px; | |
border-radius:5px; | |
-webkit-box-shadow: inset 0 1px 0 rgba(245,245,245,.5), | |
inset 0 -5px 30px rgba(245,245,245,.25), | |
0 1px 1px rgba(0,0,0,.3); | |
-moz-box-shadow: inset 0 1px 0 rgba(245,245,245,.5), | |
inset 0 -5px 30px rgba(245,245,245,.25), | |
0 1px 1px rgba(0,0,0,.3); | |
box-shadow: inset 0 1px 0 rgba(245,245,245,.5), | |
inset 0 -5px 30px rgba(245,245,245,.25), | |
0 1px 1px rgba(0,0,0,.3); | |
} | |
.button:hover { | |
-webkit-box-shadow: inset 0 1px 0 rgba(245,245,245,.7), | |
inset 0 -5px 30px rgba(245,245,245,.45), | |
0 1px 1px rgba(0,0,0,.4); | |
-moz-box-shadow: inset 0 1px 0 rgba(245,245,245,.7), | |
inset 0 -5px 30px rgba(245,245,245,.45), | |
0 1px 1px rgba(0,0,0,.4); | |
box-shadow: inset 0 1px 0 rgba(245,245,245,.7), | |
inset 0 -5px 30px rgba(245,245,245,.45), | |
0 1px 1px rgba(0,0,0,.4); | |
} | |
.button:active { | |
border-color: #20559a; | |
-webkit-box-shadow: inset 0 3px 7px rgba(0,0,0,.5), | |
0 1px 0 rgba(255,255,255, 0); | |
-moz-box-shadow: inset 0 3px 7px rgba(0,0,0,.5), | |
0 1px 0 rgba(255,255,255, 0); | |
box-shadow: inset 0 3px 7px rgba(0,0,0,.5), | |
0 1px 0 rgba(255,255,255, 0); | |
border-color:transparent; | |
} | |
/* small button size */ | |
.button-rounded, .button-small { padding:5px 10px; font-size:0.8em;} | |
/* button color */ | |
.button-red, a.button-red { | |
background-color: #d32f3b; | |
color:#fff; | |
border-color:#e40; | |
} | |
.button-green, a.button-green { | |
background-color: #4a0; | |
color:#fff; | |
border-color:#4a0; | |
} | |
.button-blue, a.button-blue { | |
background-color: #07e; | |
color:#fff; | |
border-color:#0af; | |
} | |
.button-purple, a.button-purple { | |
background-color: #704; | |
color:#fff; | |
border-color:#b06; | |
} | |
.button-black, a.button-black { | |
background-color: #333; | |
color:#fff; | |
border-color:#444; | |
} | |
/* Drop Cap */ | |
.drop-cap { | |
float: left; | |
font-family: Old English, Georgia,serif; | |
font-size: 4em; | |
line-height: 0.7em; | |
margin-right: 5px; | |
text-transform: capitalize; | |
} | |
/* Grid column */ | |
.grid-column-2{ | |
width:50%; | |
padding:0 2% 0 0; | |
margin:0 -4px 25px 0; | |
display:inline-block; | |
vertical-align: top; | |
} | |
.grid-column-1-3{ | |
width:33.333%; | |
padding:0 2% 0 0; | |
margin:0 -4px 25px 0; | |
display:inline-block; | |
vertical-align: top; | |
} | |
.grid-column-2-3{ | |
width:66.666%; | |
padding:0 2% 0 0; | |
margin:0 -4px 25px 0; | |
display:inline-block; | |
vertical-align: top; | |
} | |
.grid-column-1-4{ | |
width:25%; | |
padding:0 2% 0 0; | |
margin:0 -4px 25px 0; | |
display:inline-block; | |
vertical-align: top; | |
} | |
.grid-column-3-4{ | |
width:75%; | |
padding:0 2% 0 0; | |
margin:0 -4px 25px 0; | |
display:inline-block; | |
vertical-align: top; | |
} | |
.grid-column-last{ | |
padding:0; | |
margin:0 0 25px 0; | |
} |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment