226 lines
3.7 KiB
CSS
226 lines
3.7 KiB
CSS
/*
|
|
Theme Name: Able
|
|
|
|
Adding support for language written in a Right To Left (RTL) direction is easy -
|
|
it's just a matter of overwriting all the horizontal positioning attributes
|
|
of your CSS stylesheet in a separate stylesheet file named rtl.css.
|
|
|
|
http://codex.wordpress.org/Right_to_Left_Language_Support
|
|
|
|
*/
|
|
|
|
|
|
body {
|
|
direction: rtl;
|
|
unicode-bidi: embed;
|
|
}
|
|
|
|
|
|
/* =Lists
|
|
-------------------------------------------------------------- */
|
|
|
|
dd {
|
|
margin: 0 26px 0 0;
|
|
}
|
|
ul,
|
|
ol {
|
|
margin: 0 0 26px 26px;
|
|
padding-right: 26px;
|
|
}
|
|
|
|
|
|
/* =Forms and Inputs
|
|
-------------------------------------------------------------- */
|
|
|
|
form {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* =Page Structure
|
|
-------------------------------------------------------------- */
|
|
|
|
#content {
|
|
float: right;
|
|
}
|
|
.left-sidebar #primary { /* Left sidebar widget area currently active */
|
|
margin: 0 25% 0 0;
|
|
}
|
|
.three-columns #primary { /* both left sidebar widget and right sidebar widget are currently active */
|
|
margin: 0 25% 0 2%;
|
|
}
|
|
.left-sidebar #secondary {
|
|
margin: 0 -100% 0 0;
|
|
}
|
|
.three-columns #secondary {
|
|
margin: 0 -77% 0 0;
|
|
}
|
|
#tertiary { /* Right sidebar */
|
|
margin-left: 0;
|
|
}
|
|
|
|
|
|
/* =Header
|
|
-------------------------------------------------------------- */
|
|
|
|
#masthead {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* =Site Navigation
|
|
-------------------------------------------------------------- */
|
|
|
|
.site-navigation {
|
|
float: right;
|
|
}
|
|
.nav-previous,
|
|
.nav-next {
|
|
float: right;
|
|
}
|
|
.nav-next {
|
|
text-align: left;
|
|
}
|
|
|
|
|
|
/* =Navigation Menu
|
|
-------------------------------------------------------------- */
|
|
|
|
.main-navigation {
|
|
float: right;
|
|
}
|
|
.main-navigation li {
|
|
float: right;
|
|
}
|
|
.main-navigation ul ul {
|
|
float: right;
|
|
}
|
|
.main-navigation ul ul ul {
|
|
right: 180px;
|
|
}
|
|
|
|
|
|
/* =Entries
|
|
-------------------------------------------------------------- */
|
|
|
|
.hentry {
|
|
float: right;
|
|
}
|
|
.post-edit-link {
|
|
left: 26px;
|
|
right: auto;
|
|
}
|
|
.entry-attachment {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* =Comments TODO
|
|
-------------------------------------------------------------- */
|
|
|
|
.commentlist .children {
|
|
padding-right: 26px;
|
|
}
|
|
.commentlist .avatar {
|
|
float: right;
|
|
margin-left: 13px;
|
|
}
|
|
.comment-content,
|
|
.reply {
|
|
padding-right: 65px;
|
|
}
|
|
|
|
|
|
/* =Widgets
|
|
----------------------------------------------- */
|
|
|
|
.widget-area ul ul {
|
|
padding-right: 26px;
|
|
}
|
|
.widget-area tfoot td {
|
|
text-align: right;
|
|
}
|
|
.widget-area tfoot #next {
|
|
text-align: left;
|
|
}
|
|
.widget {
|
|
float: right;
|
|
}
|
|
|
|
|
|
/* =Footer
|
|
----------------------------------------------- */
|
|
|
|
.footer-navigation {
|
|
float: right;
|
|
}
|
|
.footer-navigation li {
|
|
float: right;
|
|
}
|
|
.footer-navigation a {
|
|
border-left: 1px solid rgb( 200, 200, 200 ); /* #c8c8c8 */
|
|
border-left: 1px solid rgba( 200, 200, 200, .8 );
|
|
padding: 0 6px 0 8px;
|
|
}
|
|
.footer-navigation li:first-child a {
|
|
padding: 0 0 0 8px;
|
|
}
|
|
.footer-navigation li:last-child a {
|
|
padding: 0 6px 0 0;
|
|
}
|
|
|
|
|
|
/* =WordPress.com Digg Button
|
|
----------------------------------------------- */
|
|
|
|
.db-wrapper {
|
|
margin: 0 0 10px 10px;
|
|
}
|
|
|
|
|
|
/* =Media Queries
|
|
----------------------------------------------- */
|
|
|
|
@media only screen and (min-width: 320px) and (max-width: 320px) {
|
|
body,
|
|
#wpadminbar {
|
|
width: 372px;
|
|
}
|
|
}
|
|
@media only screen and ( min-width: 320px ) and ( max-width: 480px ) {
|
|
#primary,
|
|
.right-sidebar #primary,
|
|
.left-sidebar #primary,
|
|
#secondary,
|
|
#tertiary {
|
|
width: 100%;
|
|
}
|
|
.left-sidebar #primary,
|
|
.three-columns #primary,
|
|
.left-sidebar #secondary,
|
|
.three-columns #secondary,
|
|
#tertiary {
|
|
margin: 0;
|
|
}
|
|
}
|
|
@media only screen and ( min-width: 481px ) and ( max-width: 800px ) {
|
|
#primary,
|
|
.right-sidebar #primary,
|
|
.left-sidebar #primary,
|
|
.left-sidebar #secondary,
|
|
.right-sidebar #tertiary {
|
|
width: 100%;
|
|
}
|
|
.left-sidebar #primary,
|
|
.three-columns #primary,
|
|
.left-sidebar #secondary {
|
|
margin: 0;
|
|
}
|
|
#secondary,
|
|
#tertiary {
|
|
width: 48%;
|
|
}
|
|
.three-columns #secondary {
|
|
margin: 0 0 0 4%;
|
|
}
|
|
} |