Skip to content

Instantly share code, notes, and snippets.

@brecke
Created January 31, 2013 17:15
Show Gist options
  • Save brecke/4684478 to your computer and use it in GitHub Desktop.
Save brecke/4684478 to your computer and use it in GitHub Desktop.
Slight style changes to the default P2 wordpress theme, for my own installation.
/*
Theme Name: P2
Theme URI: http://p2theme.com/
Author: Automattic
Author URI: http://automattic.com/
Description: A group blog theme for short update messages, inspired by Twitter. Featuring: Hassle-free posting from the front page. Perfect for group blogging, or as a liveblog theme. Dynamic page updates. Threaded comment display on the front page. In-line editing for posts and comments. Live tag suggestion based on previously used tags. A show/hide feature for comments, to keep things tidy. Real-time notifications when a new comment or update is posted. Super-handy keyboard shortcuts. Helvetica Neue for you modern font lovers.
Version: 1.4.2
Tags: blue, two-columns, fixed-width, rtl-language-support, right-sidebar, white, light, front-page-post-form, translation-ready, custom-background, custom-header, custom-menu, post-formats, sticky-post, theme-options
License: GNU General Public License v2.0
License URI: http://www.gnu.org/licenses/gpl-2.0.html
This theme, like WordPress, is licensed under the GPL.
Use it to make something cool, have fun, and share what you've learned with others.
*/
/* The Reset ---------------------------------- */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,
h6,pre,form,fieldset,input,p,blockquote,table,
th,td { margin: 0; padding: 0; }
fieldset,img { border: 0; }
abbr { border-bottom: 1px dotted #555; cursor: help; outline: none; }
address,caption,code,dfn,h1,h2,h3,h4,h5,h6,th,var { font-style: normal; font-weight: normal; }
caption,th { text-align: left; }
q:before,q:after { content: ''; }
a { text-decoration: none; }
/* -------------------------------------------- */
h1 a:hover {
border: none;
}
a:hover {
border-bottom: solid;
border-width: 1px;
}
acronym {
border-bottom-style: dotted;
border-bottom-width: 1px;
cursor: help;
}
dd {
margin-left: 2em;
}
pre, code {
overflow: auto;
}
#header {
min-height: 120px;
position: relative;
}
#header .sleeve {
display: inline-block;
margin-top: 40px;
}
h1 {
display: inline-block;
padding: 8px 10px;
}
blockquote {
padding-left: 8px;
color: #888;
background: #f1f1f1;
padding: 2px 12px;
}
blockquote + blockquote {
margin-top: 10px;
}
.category-quote blockquote,
.format-quote blockquote {
margin-bottom: 8px;
background: transparent;
padding: 0;
}
.category-quote blockquote p,
.format-quote blockquote p {
padding: 10px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}
.category-link .postcontent p,
.format-link .postcontent p {
background: #e4f2fd;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
font-size: 1.2em !important;
padding: 10px;
}
#header small {
display: block;
clear: both;
margin-top: -3px;
padding: 0 12px 12px 12px;
}
#header .sleeve, #wrapper, #footer {
border: 0;
// -webkit-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
// -moz-box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
// box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.2);
}
#header {
width: 980px;
margin: 0 auto;
}
#footer {
// border: solid;
// border-width: 1px;
clear: both;
margin: 20px auto 0;
width: 978px;
}
#footer p {
margin: 10px 15px;
}
#wrapper {
/* this is #sidebar bg */
border: solid;
border-width: 1px;
clear: both;
width: 978px;
margin: 0 auto;
position: relative;
margin-top: 20px;
overflow: hidden;
border-radius: 3px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
}
#wrapper button, #wrapper input[type="submit"] {
border: solid;
border-width: 1px;
-webkit-border-radius: 14px;
-moz-border-radius: 14px;
border-radius: 12px;
height: 28px;
padding: 0 10px;
}
#main button {
margin: 10px 10px 0 0;
}
.sleeve_main {
width: auto;
}
#postbox {
background: #fff;
position: relative;
padding: 16px 15px 16px 14px;
}
#postbox div.avatar {
margin-top: 25px;
float: left;
border: 0;
}
#postbox div.avatar img {
padding: 0;
//border: solid;
//border-width: 1px;
border-radius: 4px;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
}
#postbox .inputarea {
padding-left: 60px;
height: 100%;
}
.inputarea .post-input {
display: none;
}
.inputarea .selected {
display: block;
}
#postbox textarea#posttext,
textarea.posttext {
border: solid;
border-width: 1px;
font-size: 13px;
margin-bottom: 6px;
max-width: 97.45%;
padding: 5px 7px;
width: 97.45%;
height: 2em;
}
#wrapper form input[type="text"],
.inlineediting input[type="text"] {
border: solid;
border-width: 1px;
padding: 5px 7px;
}
.inlineediting input[type="text"] {
width: 97.6%;
}
form#new_post {
margin-top: 20px;
}
#postbox label#post-prompt {
display: block;
float: left;
font-weight: normal;
font-size: 1.6em;
max-width: 490px;
}
#postbox input#tags {
width: 75%;
float: left;
}
.inlineediting input.tags {
width: 60%;
}
#postbox input#submit {
margin-left: 6px;
padding: 0 20px;
float: right;
}
#postbox .postrow {
height: 28px;
}
#media-buttons {
float: right;
min-width: 100px;
position: relative;
top: 8px;
}
#media-buttons .add_media:after {
background: url( i/icons.png ) -800px center no-repeat;
content: '';
float: right;
margin-left: 5px;
position: relative;
top: -1px;
width: 16px;
height: 16px;
}
#postbox input#posttitle,
#postbox input#postcitation {
width: 97.6%;
margin-bottom: 5px;
}
.disabled, .disabled:hover {
border: solid;
border-width: 1px;
}
#respond #submit, input#comment-submit {
width: auto;
}
input#comment-submit {
clear: both;
}
#main ul#postlist {
list-style: none;
margin-top: 16px;
margin-left: 0;
}
h2 {
position: relative;
}
#main {
padding-left: 14px;
padding-right: 14px;
padding-bottom: 10px;
position: relative;
}
.single #main {
padding-top: 18px;
}
#main .wp-smiley {
border: none;
}
#main h2 {
padding-top: 10px;
padding-bottom: 5px;
line-height: 1.1em;
}
#main .controls {
right: 0;
position: absolute;
}
.single #main .controls {
position: static;
}
#main .transparent-title {
text-indent: -1000em;
height: 0;
line-height: 0;
font-size: 0;
padding: 0;
margin: 0;
}
#main .post h2 {
margin: 0 0 15px;
}
#main img.avatar {
float: left;
margin-right: 10px;
//border: solid;
//border-width: 1px;
margin-top: 0;
border-radius: 8px;
-moz-border-radius: 8px;
-webkit-border-radius: 8px;
}
#main ul#postlist li {
overflow: visible;
border-top-style: solid;
border-top-width: 1px;
padding: 14px 0 0;
}
#main ul#postlist ul.commentlist li {
border-top-style: solid;
border-top-width: 1px;
display: block;
}
#main h4 {
position: relative;
}
#main .actions {
position: absolute;
right: 2px;
top: 0;
}
.single-action-links {
display: none;
}
.bottom-of-entry {
display: block;
margin-bottom: 1px;
overflow: hidden;
width: 100%;
height: 9px;
}
.page-nav {
clear: both;
}
h2 img {
vertical-align: middle;
margin-right: 12px;
}
#main p img {
vertical-align: top;
padding: 2px;
border-style: solid;
border-width: 1px;
display: block;
}
.attachment #main .entry .attachment-image {
margin: .7em 0;
text-align: center;
}
#main .attachment-image img {
display: block;
margin: 0 auto;
}
.discussion p img {
display: inline !important;
}
#main p img.latex {
display: inline-block;
}
#main p {
margin: .7em 0;
}
#main ul, #main ol {
margin-left: 18px;
}
#main ul.commentlist {
border-top: 0;
list-style: none;
margin-top: 0;
margin-left: 60px;
}
#main ul.commentlist li {
list-style: none;
}
#main ul.commentlist .commentcontent ul li,
#main ul.commentlist .commentcontent ol ul li {
list-style: disc;
}
#main ul.commentlist .commentcontent ol li {
list-style: decimal;
}
#main ul.commentlist img.avatar {
margin-right: 12px;
}
#main ul#postlist .postcontent ul, #main ul#postlist .postcontent ol,
#main ul#postlist .commentlist .commentcontent ul, #main ul#postlist .commentlist .commentcontent ol {
border: none;
border-width: 0;
border-style: none;
border-top-style: none;
border-top-width: 0;
overflow: visible;
padding-top: 0;
}
.postcontent ul, .postcontent ol, .commentcontent ul, .commentcontent ol {
margin: 10px 0 22px 20px !important;
}
.postcontent ul ul, .postcontent ul ol, .postcontent ol ol, .postcontent ol ul, .commentcontent ul ul, .commentcontent ul ol, .commentcontent ol ol, .commentcontent ol ul {
margin-top: 0 !important;
margin-bottom: 0 !important;
}
#main ul#postlist .postcontent li, #main ul#postlist .commentlist .commentcontent li {
border: none;
border-width: 0;
border-style: none;
border-top-style: none;
border-top-width: 0;
}
#main ul#postlist .postcontent ul li,
#main ul#postlist .commentlist .commentcontent ul li,
#main ul#postlist .postcontent ol li,
#main ul#postlist .commentlist .commentcontent ol li {
display: list-item;
padding: 2px 0 0;
}
#main ul#postlist .commentlist .children .commentcontent li {
margin: 0;
}
#main form {
margin-top: 10px;
}
#main input {
margin: 4px 0;
}
#respond {
overflow: hidden;
position: relative;
}
#postpage #respond {
width: 70%;
margin-bottom: 20px;
margin-left: 72px;
}
#main #respond, .textedit {
-moz-border-radius: 6px;
-webkit-border-radius: 6px;
border-radius: 6px;
margin-bottom: 10px;
margin-left: 60px;
padding: 14px 16px 12px;
}
.textedit {
margin-left: 0;
}
#main .commentlist #respond.replying {
margin-left: 44px;
}
#respond textarea, .textedit textarea {
max-width: 94%;
width: 94%;
padding: 6px;
border-width: 1px;
border-style: solid;
}
#postpage #respond p {
margin-right: 0;
}
#respond p, li ul #respond p {
float: right;
margin-right: 10%;
padding-right: 5px;
margin-top: 5px;
}
#respond p.form-submit, li ul #respond p.form-submit {
float: none;
display: inline;
margin-right: 0;
}
#respond p label {
color: #888;
font-size: 12px;
}
#respond p.comment-form-author, #respond p.comment-form-email, #respond p.comment-form-url {
float: left;
width: 30%;
margin-right: 1.11%;
}
#respond p.comment-form-author input, #respond p.comment-form-email input, #respond p.comment-form-url input {
width: 90%;
}
#postpage li ul #respond p {
margin-right: 5%;
}
#postpage #respond textarea {
width: 96%;
}
#postpage li ul #respond textarea {
width: 94% !important;
}
.commentcontent {
overflow: auto;
}
.commentlist {
margin-bottom: 5px;
}
.commentlist .children {
margin: 0 !important;
}
.commentlist .children li {
list-style: none;
padding: 0 0 5px;
position: relative;
height: 1%;
margin-left: 47px;
}
.commentlist .children li li {
height: 1%;
}
.sleeve_main {
margin-right: 242px;
width: auto;
}
#sidebar {
margin-left: -1px;
float: right;
width: 212px;
position: relative;
top: 0;
padding: 6px 12px 18px 12px;
}
#sidebar h2 {
margin-top: 5px;
margin-bottom: 12px;
-webkit-background-clip: text;
-moz-background-clip: text;
background-clip: text;
// color: transparent;
text-shadow: rgba(0,0,0,0.5) 0px 3px 3px;
}
#sidebar ul li p {
margin-bottom: 1.5em;
}
#sidebar a:hover {
border-bottom: none;
}
#sidebar ul {
list-style: none;
margin-bottom: 22px;
}
#sidebar ul ul {
margin-bottom: 0px;
}
#sidebar ul li {
clear: both;
padding: 4px 0 24px;
}
#sidebar ul li.widget {
overflow: hidden;
word-wrap: break-word;
}
#sidebar ul li ul li {
padding-bottom: 4px;
padding-right: 6px;
}
#sidebar ul li ul li ul {
margin-left: 10px;
}
#sidebar ul li#authors ul ul {
margin: 4px 0;
}
#sidebar ul li#authors .avatar {
vertical-align: middle;
}
#recent-comments tr {
overflow: hidden;
}
#recent-comments td {
vertical-align: top;
padding-top: 4px;
}
.widget_authors strong {
padding-left: 6px;
}
#searchform div {
height: 2em;
clear: both;
margin-bottom: 2px;
}
#searchform input {
float: left;
margin-top: 5px;
}
#searchform #s {
width: 57%;
}
#searchform #searchsubmit {
width: 30%;
margin-left: 5px;
}
.error404 #main #searchform div,
.search #main #searchform div {
clear: none;
}
.error404 #main #searchform #s,
.search #main #searchform #s {
width: 33%;
}
.error404 #main #searchform #searchsubmit,
.search #main #searchform #searchsubmit {
width: auto;
}
.error404 #main #searchform label,
.search #main #searchform label {
display: none;
}
#wpstats {
margin: 20px auto;
display: block;
text-align: center;
}
#main ul#postlist, #main .post ul {
overflow: hidden;
list-style: none;
margin-top: 0px;
}
#main ul#postlist ul, #main .post ul {
list-style: disc;
}
#main ul#postlist ul ul, #main ul#postlist ol ul, #main .post ul ul, #main .post ol ul {
margin-top: 0;
}
#main ol, #main .post ol {
list-style: decimal;
margin-left: 18px;
margin-top: 16px;
padding-left: .75em;
}
#main ol ol, #main .post ol ol {
margin-top: 0;
}
img.wp-smiley {
display: inline !important;
vertical-align: middle !important;
padding: 0 0 0 3px !important;
margin: 0 !important;
}
img.centered, img.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
clear: none;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft {
float: left;
}
.aligncenter, div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption, .gallery-icon {
margin-bottom: 18px;
}
.wp-caption a:hover {
border: none;
}
.gallery {
display: block !important;
margin: 0 !important;
padding: 0 0 1.5em 0 !important;
}
body .gallery br {
display: none;
clear: none !important;
}
.gallery-icon {
width: auto !important;
margin-bottom: 4px;
padding: 4px;
}
.gallery-icon img {
border-style: solid;
border-width: 1px;
padding: 4px 4px 0;
box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-webkit-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
-moz-box-shadow: 0px 1px 3px rgba(0, 0, 0, 0.3);
margin: 0 auto;
}
.gallery-icon a:hover {
border: none;
}
.gallery-icon img.attachment-thumbnail {
border: none !important;
padding: 0;
}
.gallery-caption {
clear: both;
padding: 4px;
}
.gallery-item {
display: inline-block !important;
padding-bottom: 1px;
margin: 0 auto !important;
float: none !important;
}
.wp-caption img {
margin: 0;
padding: 0;
border: none;
}
.wp-caption p.wp-caption-text {
padding: 0 7px;
margin: 0;
}
.liveupdates {
min-height: 30px;
margin: 0 0 10px;
padding: 0 5px;
display: none;
}
a.hidemessage {
display: block;
float: left;
}
.ac_results {
margin: -1px 0 0;
list-style: none;
position: absolute;
z-index: 10000;
display: none;
border-style: solid;
border-width: 1px;
}
.ac_results li {
padding: 4px 8px;
white-space: nowrap;
text-align: left;
}
.ac_over {
cursor: pointer;
}
.post-error {
width: 608px;
padding-bottom: 10px;
}
#respond p.logged-in-as, #respond p.must-log-in, #respond p.comment-notes {
position: absolute;
top: 10px;
right: 0;
margin-right: 5%;
}
.progress {
display: none;
width: 20px;
height: 20px;
}
.progress.spinner-post-new {
position: absolute;
bottom: 19px;
left: 49px;
}
.progress.spinner-post-edit {
position: absolute;
left: -30px;
bottom: 1px;
}
.progress.spinner-comment-new {
position: absolute;
bottom: 20px;
left: 87px;
}
.progress.spinner-comment-edit {
padding: 3px 0 13px;
}
#tooltip {
position: absolute;
border-style: solid;
border-width: 1px;
padding: 2px 5px;
display: none;
}
#newCommentsIndicator {
position: absolute;
left: 0;
top: 300px;
border-style: solid;
border-width: 2px;
}
li.newupdates, li.newcomment {
display: none;
}
#settings {
float: left;
padding: 22px 22px 0;
width: 176px;
}
#help, #notify {
position: fixed;
z-index: 10000;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
display: none;
padding: 30px;
}
#help {
top: 50%;
width: 50%;
left: 50%;
margin: -10% 0 0 -25%;
}
#notify {
top: 90%;
width: 20%;
left: 50%;
margin: -10% 0 0 -10%;
}
#help dl {
margin: 0;
padding: 0;
}
#help dd, #help dt {
display: block;
float: left;
margin: 0;
padding: 0;
}
#help dt {
width: 25%;
padding-right: 5%;
clear: left;
}
#help dd {
width: 70%;
}
#userpage ul {
padding-top: 10px;
clear: left;
}
#postpage h2.title {
text-indent: -1000em;
height: 1px;
margin: 0;
padding: 0;
}
#postpage li li h4 {
margin-top: 0;
}
.postcontent {
overflow: visible;
padding-left: 60px;
}
.page .postcontent {
padding-left: 0;
}
#postpage #main ul#postlist, #postpage #main ul#postlist li {
border-width: 0;
margin-top: 0;
padding-top: 0;
}
#postpage #main ul#postlist li ul li {
border-width: 1px 0 0;
margin-top: 0;
padding-top: 14px;
}
.postcontent h1, .commentcontent h1,
.postcontent h2, .commentcontent h2,
.postcontent h3, .commentcontent h3,
.postcontent h4, .commentcontent h4,
.postcontent h5, .commentcontent h5,
.postcontent h6, .commentcontent h6 {
margin-top: .3em;
margin-bottom: .3em;
padding: 5px 0;
}
.no-posts {
padding: 2em !important;
}
div.entry {
margin-right: 248px; /* compensate for sidebar */
height: auto;
}
.attachment div.entry {
margin-right: 0;
}
.navigation {
clear: both;
overflow: hidden;
}
.navigation p {
float: left;
width: 50%;
}
.navigation p.nav-newer {
float: right;
text-align: right;
}
.attachment .navigation {
border-top: 0;
clear: left;
margin-bottom: 20px;
}
.discussion p img {
padding: 0 !important;
border: none !important;
margin-right: 0 !important;
}
.discussion p {
margin-bottom: 0;
}
.p2-recent-comments .avatar {
margin-right: 8px;
margin-bottom: 4px;
}
#post-types {
// miguel
display: none;
float: left;
list-style: none;
margin-left: 60px;
margin-bottom: 10px;
width: 650px;
}
#post-types:after {
clear: both;
content: '';
// display: block;
display: none;
}
#post-types li {
float: left;
margin-right: 5px;
}
#post-types li a {
border-style: solid;
border-top-width: 1px;
border-left-width: 1px;
border-right-width: 2px;
border-bottom-width: 2px;
padding: 4px 6px;
border-color: #eee;
border-top-color: #f5f5f5;
border-left-color: #f5f5f5;
float: left;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #fafafa;
}
#post-types li a:active {
border-top-width: 2px;
border-left-width: 2px;
border-right-width: 1px;
border-bottom-width: 1px;
background-color: #eee;
}
#post-types li a.selected {
cursor: default;
}
.post-format-button:before {
background: url( i/icons.png ) no-repeat;
float: left;
content: '';
margin-right: 5px;
width: 16px;
height: 16px;
}
#post-types #post:before {
background-position: -200px center;
}
#post-types #quote:before {
background-position: -400px center;
}
#post-types #link:before {
background-position: -600px center;
}
.discussion p a img {
padding: 0 !important;
border: none !important;
margin-right: 0 !important;
}
.discussion p {
margin-bottom: 0;
}
.discussion img.avatar {
float: none !important;
padding: 0 !important;
border: none !important;
margin: 0 !important;
}
.inlineediting .row2 {
text-align: right;
}
.inlineediting .tags {
float: left;
}
.inlineediting .buttons {
position: relative;
}
.inlineediting .buttons img {
vertical-align: middle;
}
#main .inlineediting .buttons button {
margin: 0 0 0 10px;
}
/*
#
# COLORS
#
*/
body {
background: #f1f1f1;
}
a, a:visited, h1 a:visited, a:active, #main .selected .actions a, #main .selected .actions a:link, #main .selected .actions a:visited, #help dt {
// color: #3478e3;
color: #464646;
}
a:hover, h1 a:hover, #main .selected .actions a:hover, #main .selected .actions a:active {
color: #d54e21;
}
a:hover {
border-bottom-color: #bbb;
}
acronym {
border-bottom-color: rgb(85, 85, 85);
}
code {
background: #f1f1f1;
}
.category-quote blockquote p,
.format-quote blockquote p {
color: #888;
background: #eee;
text-shadow: 0 1px 0 #fff;
}
h2 {
color: #555;
}
h3 {
color: #777;
}
#postlist h4 {
border-bottom-color: #f0f0f0;
}
#main img.avatar {
border-color: #ccc;
}
#main #postlist li {
border-top-color: #bbb;
}
#main #postlist li.inlineediting {
border-top: 0;
}
#main #postlist .commentlist li {
border-top-color: #ddd;
}
#main #postlist .commentlist li.bypostauthor {
border-top-color: #b3c4df;
}
#header .sleeve {
// background: #fff;
}
#header small {
color: #888;
}
#footer {
// background: #fff;
// border-color: #fff;
}
#footer p {
color: #777;
}
#wrapper {
background: #fff;
border-color: #fff;
}
#postbox .avatar img {
border-color: #ccc;
}
#postbox textarea#posttext, textarea.posttext {
background: #fafafa;
border-color: #d1d1d1;
color: #666;
}
#wrapper form input[type="text"],
.inlineediting input[type="text"] {
border-color: #d1d1d1;
background: #fafafa;
color: #666;
}
#sidebar form input[type="text"] {
background: #fff;
}
#postbox label {
color: #444;
float: left;
}
#wrapper button,
#wrapper input[type="submit"] {
border-color: #ccc;
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top, rgba(255,255,255,1) 0%, rgba(237,237,237,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(255,255,255,1)), color-stop(100%,rgba(237,237,237,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(255,255,255,1) 0%,rgba(237,237,237,1) 100%); /* W3C */
}
#wrapper button:active,
#wrapper input[type="submit"]:active {
background: rgb(237,237,237); /* Old browsers */
background: -moz-linear-gradient(top, rgba(237,237,237,1) 0%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(237,237,237,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom, rgba(237,237,237,1) 0%,rgba(255,255,255,1) 100%); /* W3C */
}
.disabled, .disabled:hover {
color: #eee !important;
background: #ddd !important;
border-color: #ccc;
}
.disabled, .disabled:hover {
color: #eee !important;
background: #ddd !important;
border-color: #ccc;
}
#main .actions, #main .actions a, #main .actions a:link, #main .actions a:visited, #main .actions a:hover, #main .actions a:active,
#main .keyselected .actions, #main .keyselected .actions a, #main .keyselected .actions a:link, #main .keyselected .actions a:visited, #main .keyselected .actions a:hover, #main .keyselected .actions a:active,
#main .selected ul li .actions, #main .selected ul li .actions a, #main .selected ul li .actions a:link, #main .selected ul li .actions a:visited, #main .selected ul li .actions a:hover, #main .selected ul li .actions a:active {
color: #ccc;
}
#media-buttons {
color: #999;
}
.postcontent {
color: #555;
}
#main p img {
border-color: #eee;
max-width: 98%;
height: auto;
}
#main p, #main ul, #main ol {
color: #555;
}
#main #respond, .textedit {
background: #f1f1f1;
}
#respond textarea, .textedit textarea {
border-color: #ccc;
}
#main span.meta {
color: #888;
}
.sleeve_main {
background: #fff;
}
#sidebar {
color: #555;
}
#sidebar ul {
color: #888;
}
.wp-caption, .gallery-icon {
border-color: #ddd;
border-color: rgba(255,255,255,0);
background: #fff;
text-shadow: 0 1px 0 #fff;
}
.liveupdates {
color: #464646;
background: #E4F2FD;
}
.ac_results {
border-color: #ccc;
background: rgba(255, 255, 255, 0.95);
}
.ac_over {
color: #fff;
background: #3478e3;
}
.post-error {
color: red !important;
}
#tooltip {
background: #eee;
color: #333;
}
.hilite {
color: #fff;
background: #f93;
}
#newCommentsIndicator {
border-color: #f00;
}
li.newupdates, li.newcomment {
background-color: #F6F3D1;
}
.repyling .post .comment {
background: transparent;
}
#help, #notify {
background: #000;
opacity: 0.7;
-moz-opacity: 0.7;
filter: alpha(opacity=70);
color: #fff;
}
.navigation {
//border-top: 1px solid #bbb;
}
.keyselected {
background-color: #eee !important;
}
#searchsubmit:hover, #submit:hover, input#comment-submit:hover {
border-color: #555;
}
.discussion p {
color: #888 !important;
}
.discussion p a {
color: #888;
border-bottom: 1px solid #ddd;
}
#post-types li a.selected {
background-color: #f0f0f0 !important;
color: #555;
}
#wrapper {
background: #fff url( i/sidebar_back.gif ) top right repeat-y;
border: 1px solid #fff;
}
.sleeve_main {
background: transparent;
}
#main {
margin-top: 20px;
background: #fff;
}
/*
#
# FONTS
#
*/
body, form *, #respond #cancel-comment-reply-link, input, textarea {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
}
h1,
h2,
h3,
#postbox label,
#help dd,
.inlineediting input.title {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 200;
}
code, pre {
font-family: Monaco, Consolas, "Courier New", monospace;
}
html {
font-size: 100%;
}
body {
font-size: 62.5%;
}
strong {
font-weight: bold;
}
em, cite {
font-style: italic;
}
code, pre {
font-size: 1em;
}
dt {
font-weight: bold;
}
.category-quote blockquote p,
.format-quote blockquote p {
font-size: 1.2em !important;
}
.category-quote blockquote cite,
.format-quote blockquote cite {
display: block;
text-align: right;
}
.category-quote blockquote cite:before,
.format-quote blockquote cite:before {
content: "— ";
}
h1 {
font-size: 4em;
line-height: 1em;
}
#header small {
font-size: 1.3em;
line-height: 1.2em;
}
h2 {
font-size: 2em;
font-weight: normal;
}
h3 {
font-size: 1.2em;
font-weight: bold;
}
h4, h5, h6 {
font-weight: 500;
}
.postcontent h4, h5, h6 {
font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, sans-serif;
}
#footer p {
font-size: 1.3em;
}
#main {
font-size: 1.3em;
}
#postbox {
font-size: 14px;
}
#postbox .inputarea {
font-size: 12px;
}
#postbox textarea#posttext, textarea.posttext {
font-size: 13px;
}
#wrapper form input[type="text"],
.inlineediting input[type="text"] {
font-size: 13px;
line-height: 16px;
}
#postbox label {
font-weight: normal;
font-size: 1.6em;
}
#main button, #main input[type="submit"], #postbox input[type="submit"], #postbox button {
line-height: 27px;
font-size: 13px;
font-weight: bold;
}
#main .controls {
font-size: 12px;
text-align: right;
line-height: 3em;
}
#main h4 {
font-size: 1em;
line-height: 1.2em;
margin-left: 55px;
}
#main .inlinecomments h4 {
margin-left: 37px;
}
#main .inlinecomments .pingback h4 {
margin-left: 0;
}
#main h4 a {
font-weight: bold;
}
#main h4 span a {
font-weight: normal;
}
#main .inlineediting h4 {
display: none;
}
.postcontent h1 {
display: block;
font-size: 2em;
font-weight: 500;
padding: 10px 0 5px;
}
#main .postcontent h2,
.inlineediting input.title {
font-size: 1.8em;
font-weight: 500;
}
#main .postcontent h2 {
padding: 10px 0 5px;
}
.postcontent h3 {
color: #555;
font-size: 1.6em;
font-weight: 500;
}
#main .postcontent h4 {
font-size: 1.4em;
margin-left: 0;
}
.postcontent h5 {
font-size: 1.3em;
}
.postcontent h6 {
font-size: 1.2em;
}
#main p, #main ul, #main ol {
font-size: 1em;
line-height: 1.4em;
}
#respond #cancel-comment-reply-link {
font-weight: normal;
}
#respond h3 small {
font-weight: normal;
font-size: 11px;
}
#main p.logged-in-as, #main p.must-log-in, #main p.comment-notes {
font-size: 11px;
}
#respond textarea, .textedit textarea {
font-size: 12px;
}
#main span.meta {
font-size: 0.85em;
}
#main .meta abbr {
border: none;
cursor: default;
}
#main .meta em {
font-style: normal;
}
#main p.meta {
font-size: 1em;
}
#sidebar h2 {
font-weight: normal;
font-size: 1.7em;
}
#sidebar ul li p {
line-height: 1.4em;
}
#sidebar ul {
font-size: 1.1em;
}
#sidebar ul li {
font-size: 1em;
}
#sidebar ul li ul li ul {
font-size: 1em;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
}
.liveupdates {
line-height: 30px;
}
.ac_results {
font-size: 1.2em;
}
.ac_match {
text-decoration: underline;
}
form.textedit textarea {
font-size: 12px;
line-height: 12px;
}
#notify {
top: 90%;
width: 20%;
left: 50%;
margin: -10% 0 0 -10%;
font-size: 1.8em;
text-align: center;
}
#help dl {
font-size: 2.8em;
}
#help dt {
text-align: right;
}
#postpage h2.title {
line-height: 1px;
font-size: 1px;
}
#post-types li {
font-size: 0.9em;
}
/* to reorganize */
.invisible {
height: 1px;
font-size: 1px;
text-indent: -1000em;
width: 1px;
position: absolute;
top: 0;
left: 0;
}
.postcontent table {
border: 1px solid #ccc;
border-width: 1px 1px 1px 0;
border-spacing: 0;
margin-bottom: 1.5em;
width: 100%;
}
.postcontent table td {
border: 1px solid #ccc;
border-width: 1px 0 0 1px;
padding: 6px 15px;
}
.postcontent table th {
background-color: #f7f7f7;
color: #555;
border-left: 1px solid #ccc;
font-weight: bold;
padding: 6px 15px;
}
.postcontent table tr {
border: 0;
border-width: 0;
}
.postcontent table ul,.postcontent table ol,.postcontent table p,.postcontent table blockquote {
margin-top: 0 !important;
margin-bottom: 1.6em !important;
}
.mention-highlight {
background-color: #DEEE66;
}
a.mention-current-user {
background: #efefef;
border: 1px solid #ddd;
border-top: none;
border-left: none;
border-radius: 4px;
color: #3478e3;
font-weight: bold;
margin: 0 2px;
padding: 0 3px;
text-shadow: 0 1px 0 #fff;
}
a.mention-current-user:hover {
background: #3478e3;
border-color: #3478e3;
box-shadow: 0 1px 1px #ddd;
color: #fff;
text-shadow: 0 1px 0 #333;
}
.wp-caption {
border: 1px solid #ddd;
text-align: center;
background-color: #f3f3f3;
padding-top: 4px;
margin: 10px;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
}
.wp-caption img {
margin: 0;
padding: 0;
border: 0 none;
}
.wp-caption p.wp-caption-text {
font-size: 11px;
line-height: 17px;
padding: 0 4px 5px;
margin: 0;
}
div.possibly-related {
clear:left;
}
#main .wpl-likebox {
padding-left: 60px !important;
}
#wpl-mustlogin {
margin-left: -60px !important;
}
.sticky {
background-color: #e4f2fd;
border: 1px solid #d9e1e7 !important;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
-webkit-box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
-moz-box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
box-shadow: 0px 1px 3px rgba(85, 88, 90, 0.3);
margin: 10px 0;
padding: 10px !important;
}
/* Text meant only for screen readers */
.assistive-text,
.screen-reader-text {
clip: rect(1px 1px 1px 1px); /* IE6, IE7 */
clip: rect(1px, 1px, 1px, 1px);
position: absolute !important;
}
/* =Network signup form
-------------------------------------------------------------- */
#content .mu_register {
color: #999;
margin: 0;
}
#content .mu_register input[type="submit"] {
width: 10%;
}
#content .mu_register label {
color: #111;
display: block;
font-weight: normal;
margin: 15px 0 0;
}
/* Santa completeness */
.ui-menu.ui-autocomplete {
-moz-border-radius-bottomleft: 4px;
-moz-border-radius-bottomright: 4px;
-o-border-bottom-left-radius: 4px;
-o-border-bottom-right-radius: 4px;
-webkit-border-bottom-left-radius: 4px;
-webkit-border-bottom-right-radius: 4px;
border-radius: 0 0 4px 4px;
border-top: none;
-moz-box-shadow: 0 1px 3px rgba(0,0,0,.15);
-webkit-box-shadow: 0 1px 3px rgba(0,0,0,.15);
box-shadow: 0 1px 3px rgba(0,0,0,.15);
}
.ui-menu.ui-autocomplete .avatar {
margin: 0 .3em 0 0;
width: 22px;
height: 22px;
vertical-align: middle;
}
.ui-menu .ui-menu-item a {
padding: 3px 4px !important;
position: relative;
background: none !important;
}
.ui-menu .ui-menu-item:last-child .ui-state-hover,
.ui-menu .ui-menu-item:last-child {
border-radius: 0 0 3px 3px;
}
.ui-menu li.ui-menu-item {
background: none !important; /* Overriding inline nth-child(2n+1) rule */
}
.ui-menu .ui-menu-item:nth-child(2n+1) a {
background: #D9E8FF !important; /* Applies rule again */
border-color: #D9E8FF;
}
.ui-menu .ui-menu-item a.ui-state-hover {
padding: 6px 7px !important;
margin: -3px;
-moz-transition: all .1s ease-in-out;
-webkit-transition: all .1s ease-in-out;
transition: all .1s ease-in-out;
background: #fff;
-moz-box-shadow: 0 1px 5px rgba(0,0,0,.45);
-webkit-box-shadow: 0 1px 5px rgba(0,0,0,.45);
box-shadow: 0 1px 5px rgba(0,0,0,.45);
background: #3478E3 !important; /* !important needed - overules previous changes on hover/focus */
z-index: 5;
color: #fff !important;
}
.ui-menu-item strong {
font-weight: normal;
background: #F5E749;
-webkit-border-radius: 2px;
-moz-border-radius: 2px;
border-radius: 2px;
padding: 1px 2px 2px;
-moz-transition: all .2s ease-in-out;
-webkit-transition: all .2s ease-in-out;
transition: all .2s ease-in-out;
}
.ui-menu .ui-menu-item a.ui-state-hover strong {
background: #fff;
color: #000;
}
/* end Santa carnage */
/* =Menu
----------------------------------------------- */
.main-navigation {
clear: both;
float: left;
margin: 10px 0;
width: 100%;
}
.main-navigation a:hover {
border: none;
}
.main-navigation .menu {
float: left;
font-size: 14px;
list-style: none;
margin: 0;
padding: 0;
width: 100%;
}
.main-navigation .menu > ul {
top: 40px;
left: 0;
}
.main-navigation .menu li {
float: left;
margin: 0;
padding: 0;
position: relative;
white-space: nowrap;
}
.main-navigation .menu li:hover {
background: #fff;
}
.main-navigation .menu li:hover > ul {
display: block;
}
.main-navigation .menu li a {
color: #666;
display: block;
line-height: 40px;
padding: 0 10px;
text-decoration: none;
}
.main-navigation .menu li li {
border-top: 1px solid #ddd;
font-size: 12px;
white-space: normal;
width: 200px;
}
.main-navigation .menu li li:hover {
background: #eee;
background: #f2f8fd;
}
.main-navigation .menu li li a {
line-height: 1.6;
padding: 6px 10px;
}
.main-navigation .menu li li a:hover {
color: #333;
}
.main-navigation .menu ul {
-moz-box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
-webkit-box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
box-shadow: 3px 3px 3px rgba( 0, 0, 0, 0.2 );
list-style: none;
margin: 0;
padding: 0;
background: #fff;
display: none;
position: absolute;
width: 200px;
z-index: 99999;
}
.main-navigation .menu ul ul {
top: -1px;
left: 100%;
}
.main-navigation .current-menu-item > a,
.main-navigation .current-menu-ancestor > a,
.main-navigation .current_page_item > a,
.main-navigation .current_page_ancestor > a {
background: #ddd;
color: #000;
}
.main-navigation li.current-menu-item > a,
.main-navigation li.current-menu-ancestor > a,
.main-navigation li.current-menu-item:hover > a,
.main-navigation li.current-menu-ancestor:hover > a {
background: transparent;
color: #3478e3;
}
.main-navigation ul ul .current-menu-item > a,
.main-navigation ul ul .current-menu-ancestor > a {
background: #e4f2fd;
color: #000;
}
.main-navigation ul ul .current-menu-item:hover > a,
.main-navigation ul ul .current-menu-ancestor:hover > a,
.main-navigation ul ul .current-menu-item > a:hover,
.main-navigation ul ul .current-menu-ancestor > a:hover {
background: #d8edfd;
color: #000;
}
.iphone .main-navigation .menu {
display: none;
}
/* =Retina Displays
--------------------------------------------------------- */
@media only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
.p2-background-image-bubbles {
background-size: 490px 329px;
}
.p2-background-image-dots {
background-size: 150px 30px;
}
.p2-background-image-squares {
background-size: 196px 262px;
}
.p2-background-image-plaid {
background-size: 38px 38px;
}
.p2-background-image-stripes {
background-size: 1px 134px;
}
.p2-background-image-santa {
background-size: 116px 76px;
}
.post-format-button:before,
#media-buttons .add_media:after {
background-image: url( i/icons-2x.png );
background-size: 816px 16px;
}
}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment