Skip to content

Instantly share code, notes, and snippets.

@turtlepod
Created April 13, 2013 13:13
Show Gist options
  • Save turtlepod/5378353 to your computer and use it in GitHub Desktop.
Save turtlepod/5378353 to your computer and use it in GitHub Desktop.
Shell Editor CSS custom markup. Need to remove this from shell somehow....
/**
* 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