Skip to content

Instantly share code, notes, and snippets.

@funkatron
Created March 16, 2011 02:09
Show Gist options
  • Save funkatron/871890 to your computer and use it in GitHub Desktop.
Save funkatron/871890 to your computer and use it in GitHub Desktop.
a "cleaner" look for identi.ca, usable as a CSS override style (Stylish, et al)
body {
font-family: "Helvetica", "Arial", sans-serif;
font-size: 1em;
background: #f2f2f2;
margin: 0;
padding: 0;
color: #666;
}
a:link, a:visited, a:active {
text-decoration: none;
color: #6D6DA3;
}
#header {
width: 100%;
position: relative;
float: left;
padding-top: 0;
margin-bottom: 29px;
}
#site_nav_global_primary {
float: none;
display: block;
background-color: #CCCCCC;
margin: 0 0 10px 0;
padding: 10px;
text-align: right;
}
#site_nav_global_primary a:link, #site_nav_global_primary a:active, #site_nav_global_primary a:visited {
text-decoration: none;
color: #FFFFFF;
}
address {
margin-right: 7.2%;
margin-top: 50px;
}
#aside_primary {
background-color: transparent;
}
#content {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
width: 63.311%;
min-height: 259px;
padding: 1.795%;
float: left;
border-radius: 0;
border-top-left-radius: 0;
-moz-border-radius: 0;
-moz-border-radius-topleft: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0;
border-width: 0px;
}
#site_nav_local_views li.current {
box-shadow: none;
-moz-box-shadow: none;
-webkit-box-shadow: none;
}
#site_nav_local_views a {
background-color: rgba(194, 194, 194, 0.5);
border-radius: 0;
border-top-left-radius: 0;
-moz-border-radius: 0;
-moz-border-radius-topleft: 0;
-moz-border-radius-topright: 0;
-webkit-border-radius: 0;
-webkit-border-top-left-radius: 0;
-webkit-border-top-right-radius: 0;
}
#site_nav_local_views a:hover {
background-color: rgba(255, 255, 255, 0.7);
}
#site_nav_local_views .current a {
text-shadow: rgba(194,194,194,0.5) 1px 1px 1px;
}
h1,
h2,
h3,
h4,
h5 {
font-weight: 600;
text-shadow: 1px 1px #ffffff;
}
.dialogbox .submit_dialogbox,
input.submit,
.form_notice input.submit {
background: none;
text-shadow: none;
border-color: none;
border-top-color: none;
border-left-color: none;
display: inline-block;
outline: none;
cursor: pointer;
text-align: center;
text-decoration: none;
font: 14px/100% Arial, Helvetica, sans-serif;
padding: .5em 2em .55em;
text-shadow: 0 1px 1px rgba(0,0,0,.3);
-webkit-border-radius: .5em;
-moz-border-radius: .5em;
border-radius: .5em;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
-moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
box-shadow: 0 1px 2px rgba(0,0,0,.2);
color: #eeeeee;
font-weight: bold;
border: solid 1px #6D6DA3;
background: #6D6DA3;
background: -webkit-gradient(linear, left top, left bottom, from(#3B3962), to(#6D6DA3));
background: -moz-linear-gradient(top, #3B3962, #6D6DA3);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3B3962', endColorstr='#6D6DA3');
}
.dialogbox .submit_dialogbox:active,
input.submit:active,
.form_notice input.submit:active {
margin-top: -1px
}
#popular_notices span.author {
position: absolute;
margin-top: 5px
}
#popular_notices p.entry-content {
display: block;
margin-left: 40px
}
.form_notice textarea {
float: left;
border-radius: 0;
-moz-border-radius: 0;
-webkit-border-radius: 0;
width: 80.789%;
height: 67px;
line-height: 1.5;
padding: 7px 7px 16px 7px;
position: relative;
z-index: 2;
}
#shownotice h1 {
font-size: 1.3em;
}
#shownotice .notice .entry-title {
margin-left: 110px;
font-size: 1.5em;
line-height: 1.5em;
min-height: 123px;
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment