/*
Theme Name: Dago Pakar
Theme URI: http://www.supriyadisw.net/2006/10/dago-pakar-wordpress-theme
Description: Dago Pakar Wordpress theme by Supriyadi Slamet Widodo. Modified version of the Unsleepable Theme.
Version: 1.2
Author: supriyadisw
Author URI: http://www.supriyadisw.net/
Table of Contents:
layout
- link
- heading
header
- title
- menu page
- banner
- google search
- navmenu
- navmenubottom
content
- sidebar
- maincontent
- post
- adsidebar
- comment
- gravatar
footer
Various Tags and Classes
Images
*/
/* layout
----------------------------------------------- */
#alphatable td { padding:5px; border:thin solid #FFCC99; }
body {
margin: 0;
padding: 0;
background: url(images/bg.gif);
font-family: Arial, Verdana;
font-size: 12px;
text-align:center;
}
#page {
background-color: #ffffff ;/*#EBEBE2*/
padding: 0px 1px 0px 1px;
width: 960px;
border: 1px solid #969696;
margin-top: 0px;
margin-right: auto;
margin-bottom: 0px;
margin-left: auto;
position: relative;
text-align:left;
color:#333;
}
/* layout - link
----------------------------------------------- */
a, a:visited {
text-decoration:none;
color: #00F;
}
a:hover {
text-decoration:none;
color: #333;
}
.editlink {
background: url('images/pencil.png') no-repeat left;
}
.editlink img {
width: 16px;
height: 16px;
border: none;
padding: 0;
margin: 4px 0 0;
position: absolute;
right: 200px;
}
.img a:hover{
border:none;
}
/* layout - heading
----------------------------------------------- */
h1, h2, h3, h4 {
font-family: Helvetica, Arial, Sans-Serif;
}
/* header
----------------------------------------------- */
#header {
height: 90px;
color: #fff;
background: #333;
background: url(images/bg_header.jpg) repeat-x;
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
}
#header a {
color: #FFFFFF;
}
#header a:hover {
color: #FFFFFF;
}
/* title
----------------------------------------------- */
#title {
min-height: 90px;
margin-top: auto;
margin-bottom: auto;
border-right: 0px solid #ccc;
padding: 0px 0px 0px 5px;
display: inline;
}
#title h1 { /* H1 is the title in the header */
font-size: 2.5em;
font-weight: bold;
letter-spacing: -1px;
margin: 0;
padding: 5px 20px 0;
}
#title h1, #title h1 a, #title h1 a:hover, #title h1 a:visited,
#title .description {
text-decoration: none;
color: white;
}
#title h1 a:hover {
text-decoration: underline;
}
#header .description { /* Description in header */
font-size: 1em;
margin: 0 20px;
}
/* google search
----------------------------------------------- */
#gsearch {
margin: 5px 5px 5px 0px;
padding: 0px 0px 0px 0px;
display: block;
float:right;
}
/* navmenu
----------------------------------------------- */
div#topmenu {
border-top: 1px solid #D9D9C2;
width:960px;
clear:both;
}
/* menu page
----------------------------------------------- */
div#navmenu
{/* menu to archive, search, rss */
float: left;
width: 100%;
background-color: #FFFFFF
}
div#navmenu ul#navmenulist
{
float: left;
list-style-type: none;
margin: 0;
}
div#navmenu ul#navmenulist li
{
display: inline;
}
div#navmenu ul#navmenulist li a:link, div#navmenu ul#navmenulist li a:visited
{
background-color: #e3e1d5;
color: #000;
display: block;
float: left;
font: 11px/11px Helvetica, Arial, Sans-Serif;
font-weight: bold;
margin-left: 1px;
padding: 5px 20px;
text-decoration: none;
}
div#navmenu ul#navmenulist li a:active, div#navmenu ul#navmenulist li a:hover
{
background-color: #FFCC00;
color: #000000;
}
/* navmenubottom
----------------------------------------------- */
#navbtm {
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
background: url(images/nav_btm.gif) repeat-x;
}
/* content
----------------------------------------------- */
#content {
margin: 0px 0px 0px 0px;
padding: 0px 5px 0px 5px;
}
div.itemtext {
font-size: 1.2em;
text-align: left;
color: #111111;
padding-bottom: 1px;
line-height: 150%;
font-weight:500;
/*text-align:justify; word-spacing:3x;*/
}
/* sidebar
----------------------------------------------- */
#sidebar {
width: 190px;
margin: 0px 0px 2px 0px;
padding: 0px 5px 0px 5px;
color: #666;
line-height: 1.2em;
float: left;
display: block;
top: 0px;
border-left: #D4D4D4 solid 1px;
border-top: #D4D4D4 solid 1px;
}
#sidebar h2 {
letter-spacing: -1px;
font-size: 16px;
margin: 15px 0px 10px 0px;
list-style-type:none;
}
#sidebar h2 a,
#sidebar h2 a:visited {
color: #666;
}
#sidebar h2 a:hover {
color: #06C;
border:none;
}
#sidebar ul {
list-style-type:none;
margin:0px 0px 10px 0px;
padding:0px 0px 0px 4px;
}
#sidebar ul li {
border:0;
letter-spacing:0;
margin:0px 0px 3px 0px;
padding:3px 0px 0px 2px;
list-style-type:none;
font-size:14px
}
#sidebar a,
#sidebar a:visited {
color: #00F;
}
#sidebar a:hover {
color: #0000CC;
border-bottom:1px dotted;
text-decoration:underline
}
#sidebar img {
border:none;
}
#sidebar a:hover img {
border:none;
}
#sidebar small,
#sidebar small a {
font-size: .9em;
line-height: 1.5em;
color: #DA1071;
}
/* maincontent
----------------------------------------------- */
#maincontent {
width: 735px;
margin: 0px 0px 5px 0px;
padding: 0px 5px 0px 5px;
float: right;
border: #D4D4D4 solid 1px;
border-bottom:none;
background: #FFF;
display: block;
}
/* post
----------------------------------------------- */
.post {
width: 550px;
margin: 5px 0px 5px 0px;
padding: 0px 5px 0px 5px;
float: left;
display: block;
}
.itemhead h2{
letter-spacing: -1px;
font-weight: bold;
font-size: 24px;
display: inline;
margin: 0px 0px 0px 0px;
}
.itemhead h2 a
{
text-decoration:none;
color: #0000FF;
}
.itemhead h2 a:visited{
text-decoration:none;
color: #666;
}
.itemhead h2 a:hover{
text-decoration: none;
color: #06C;
border:none;
}
.itemhead h1{
letter-spacing: -1px;
font-weight: bold;
font-size: 20px;
display: inline;
margin: 0px 0px 0px 0px;
color:#0000ff;
}
.itemhead h1 a,
.itemhead h1 a:visited{
text-decoration:none;
color:#0000ff;
}
.itemhead h1 a:hover{
text-decoration: none;
color: #06C;
border:none;
}
.post h2{
letter-spacing: -1px;
font-weight: bold;
color: #666;
margin: 0px 0px 0px 0px;
}
.post h3{
letter-spacing: -1px;
font-weight: bold;
font-size: 18px;
color: #666;
margin: 0px 0px 0px 0px;
}
.post h4{
letter-spacing: -1px;
font-weight: bold;
font-size: 15px;
color: #666;
margin: 0px 0px 0px 0px;
}
.post a{
text-decoration: none;
}
.post a:hover{
text-decoration: none;
}
.chronodata {
margin-left: 3px;
padding: 0;
color: #ccc;
font-family: Helvetica, Arial, Sans-Serif;
letter-spacing: -1px;
font-weight: bold;
font-size: 23px;
display: inline;
}
.favorite img {
margin: 3px 0px 0px 0px;
padding: 0;
border: none;
}
.noteworthy a span {
display: none;
}
.noteworthy a:hover span {
display: inline;
}
.metadata { /* Time and category for blog entries */
font-size: 1em;
display: inline;
padding-top: 2px;
color: #bbb;
}
.metadata a,
.metadata a:visited {
color: #DA1071 ;
}
.metadata a:hover{
color: #DA1071;
}
.category {
background: url('images/page_white.png') no-repeat left;
padding: 2px 0 2px 18px;
}
.tagdata {
display: inline;
padding: 2px 0 2px 20px;
background: url('images/tag_blue.png') left center no-repeat;
}
.commentslink {
padding: 2px 0 2px 20px;
background: url('images/comment.png') left center no-repeat;
margin-right: 10px;
}
/* rsidebar
----------------------------------------------- */
.rsidebar {
width: 165px;
margin: 0px 0 5px 0px;
padding: 0px 0 20px 5px;
border-left: #d4d4d4 dotted 1px;
float: left;
display: block;
color: #666666;
}
.rsidebar span {
letter-spacing: -1px;
font-weight: bold;
font-size: 18px;
margin: 15px 0px 10px 0px;
list-style-type:none;
}
.rsidebar h2 {
letter-spacing: -1px;
font-size: 16px;
margin: 15px 0px 10px 0px;
list-style-type:none;
}
.rsidebar h2 a,
.rsidebar h2 a:visited {
color: #666;
}
.rsidebar h2 a:hover {
color: #06C;
border:none;
}
.rsidebar ul {
list-style-type:none;
margin:4px 0px 0px 0px;
padding:0px 0px 0px 2px;
}
.rsidebar ul li {
border:0;
letter-spacing:0;
margin:3px 0px 0px 0px;
padding:2px 0px 0px 2px;
list-style-type:none;
}
/* comment
----------------------------------------------- */
.textr
{
font-size: 14px;
list-style-type:none;
font-weight:bold;
color:#777777;
margin: 15px 0px 10px 0px;
}
.comments h4 {
margin-left: 3px;
padding: 0;
letter-spacing: -1px;
font-weight: bold;
font-size: 20px;
text-transform: lowercase;
display: inline;
}
.comments h4 a,
.comments h4 a:visited {
color: #0066CC ;
}
.comments h4 a:hover{
color: #06C;
border:none;
}
.commentsrsslink {
padding: 2px 0 2px 0px;
margin-right: 10px;
height: 16px;
}
.trackbacklink {
background: url('images/arrow_refresh.png') left top no-repeat;
padding: 2px 0 2px 20px;
height: 16px;
}
.commentsrsslink a,
.trackbacklink a {
color: #999;
padding: 0px;
}
.comments .commentlist {
margin: 0px 0px 5px 0px;
padding: 0px 5px 0px 5px;
display: block;
}
.comments .commentlist li {
margin: 10px 0;
padding: 10px 10px 5px;
list-style: none;
}
.commentmetadata {
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.1em;
display: inline;
letter-spacing: -1px;
}
.comments .commentlist li img {
padding: 0;
border: none;
}
.comments .commentlist li .commentauthor {
font-family: Helvetica, Arial, Sans-Serif;
font-size: 1.4em;
font-weight: bold;
letter-spacing: -1px;
}
.comments .commentlist li .counter {
font: bold 2.4em Arial, Helvetica, sans-serif;
float: right;
padding: 5px;
}
.comments .commentlist li .counter a,
.comments .commentlist li .counter a:visited,
.comments .commentlist li .counter a:hover {
color: #999;
border: none;
}
.comments .commentlist li.authorcomment {
background: #f6f7f8;
}
.comments .pinglist {
padding: 0;
margin: 0 0 0 0;
}
.comments .pinglist li {
margin-left: 30px;
padding: 4px 0;
list-style: none;
}
.comments .pinglist li .commentauthor {
font-weight: bold;
display: block;
}
.comments .pinglist li small {
display: block;
}
.comments .pinglist li .counter {
display: none;
}
.comments .pinglist li span.favatar img {
margin-left: -25px;
border: none;
padding: 0;
float: left;
}
.comments .pinglist li img {
padding: 0;
border: none;
}
.comments #leavecomment {
text-align: center;
margin-bottom: 10px;
color: #ddd;
font-size: 2em;
letter-spacing: -2px;
}
.comments #loading {
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
color: #ddd;
font-size: 2em;
letter-spacing: -1px;
display: none;
}
.comments #errors {
text-align: center;
margin-bottom: 10px;
margin-top: 10px;
color: #ddd;
font-size: 2em;
letter-spacing: -1px;
display: none;
}
.comments form {
clear: both;
padding: 1px 0 10px;
margin: 0;
}
.comments form input[type=text] {
width: 45%;
margin: 5px 5px 1px 0;
}
.comments form textarea {
height: 70px;
padding: 2px;
width: 80%;
}
.comments form #submit {
margin: 0 10px 0 0;
float: left;
}
.commentseditlink {
border: none;
padding: 2px;
padding-left: 10px;
}
.commentmoderation {
background: transparent url(images/moderation.gif) repeat-x;
height: 35px;
text-align: center;
margin: 10px auto;
padding: 10px 0px;
}
/* gravatar ----------------------------------------------- */
.gravatar {
float: left;
padding: 5px;
border: 0px solid #000;
display: block;
margin: 5px;
}
.postgrav {
float: left;
padding: 3px;
margin-right: 5px;
margin-left: 5px;
border: 0px solid #000;
}
/* footer
----------------------------------------------- */
#footer {
margin: 1px 0px 1px 0px;
padding: 0px 0px 0px 0px;
width: 100%;
background: url(images/footer.gif) repeat-x;
}
#footer p {
margin: 0;
padding: 12px 0;
text-align: center;
}
/* Various Tags and Classes
----------------------------------------------- */
.pagetitle { /* Used on static pages and archives */
text-align: center;
margin: 15px 0 20px;
}
.pagetitle h1 {
font-size: 28px;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
display: inline;
color: #555;
}
.pagetitle h2 { /* H2 is what kind of page you are on. Eg. 'Monthly Archive'. */
font-size: 23px;
font-weight: bold;
letter-spacing: -1px;
text-align: center;
display: inline;
color: #555;
}
.feedicon { /* Next to Comment Section Headline */
border: 0;
padding: 0;
}
.feedlink img { /* On the sidebar */
display: none;
}
.metalinks {
margin-top: 3px;
}
input[type=text], textarea {
font: 1.0em Trebuchet MS;
padding: 1px;
color: #777;
}
input[type=text]:focus, textarea:focus {
background: #fff;
color: #333;
border-color: #666;
}
.clear {
clear: both;
margin: 0;
padding: 0;
}
small {
font-size: .9em;
line-height: 1.5em;
color: #777;
}
strike {
color: #777;
}
code {
font: 1.3em 'Courier New', Courier, Fixed;
display:block;
overflow:auto;
text-align:left;
background:#efefef;
border:1px solid #A6B0BF;
}
acronym, abbr {
font-size: 0.9em;
letter-spacing: .07em;
border-bottom: 0px dashed #999;
cursor: help;
}
blockquote {
margin: 20px 0;
padding: 0 20px 0 50px;
background: url('images/quote.png') 5% 0% no-repeat;
border: none;
}
hr {
display: none;
}
.navigation {
text-align: center;
margin: 10px 0 10px;
padding: 0;
width: 100%;
}
.navigation .left {
float: left;
width: 50%;
text-align: left;
}
.navigation .right {
float: right;
width: 50%;
text-align: right;
}
.navigation p {
margin: 0;
padding: 0;
}
.navigation a {
color: #0000FF;
font-weight:bold;
}
img.wp-smiley {
border: none !important;
padding: 0 0 0 5px !important;
}
/* Images
----------------------------------------------- */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
margin-top: 5px;
margin-bottom: 5px;
}
img.alignright {
padding: 5px;
margin: 0 0 2px 7px;
display: inline;
border: 1px solid #D3D3D3;
}
img.alignleft {
padding: 5px;
margin: 0 7px 2px 0;
display: inline;
border: 1px solid #D3D3D3;
}
.alignright {
float: right;
padding: 5px;
}
.alignleft {
float: left;
padding: 5px;
}
.alignleft a {
text-decoration:none;
border:none;
}
.alignright a {
text-decoration:none;
border:none;
}
/*- Search Form and Livesearch */
input[type=text], textarea {
color: #444;
padding: 2px 0 2px 2px;
margin: 0;
}
input#livesearch {
width: 97.1%;
}
input#s {
width: 75%;
}
.livesearchform input[type=submit] {
margin: 0;
}
#LSResult {
margin: 0;
width: 100.1%;
z-index: 100;
position: absolute;
background: #eee url('images/livesearchbg.jpg') center repeat-y;
border-bottom: 1px solid #eee;
}
#LSResult a {
color: #DA1071 !important;
}
#searchcontrols {
text-align: center;
padding: 1px;
background: #ddd url('images/livesearchbgdark.jpg') center repeat-y;
}
#searchcontrols small {
margin: 0;
padding: 0;
}
.LSRow:hover, #LSHighlight, #LSHighlight:hover {
background: #ffffcc url('images/livesearchbghilight.jpg') center repeat-y;
}
#LSResult:hover #LSHighlight {
background: none;
border: none;
padding: 5px 2px;
}
#LSHighlight small, #LSHighlight small span a {
color: #999;
}
.LSRow {
padding: 5px 10px;
margin-bottom: 5px !important;
}
.LSRow span a, .LSRow span a:visited {
word-spacing: -1px;
line-height: 1.3em;
font-weight: normal;
color: #bbb;
}
/* CSS Beyond this point is for various supported plugins and not the 'core' K2 template */
/*-
Brian's Latest Comments
http://meidell.dk/archives/2004/09/12/brians-latest-comments/
*/
.activityentry {
font-size: 1.1em;
line-height: 12px !important;
}
/*-
WordPress: Touched
http://twilightuniverse.com/2005/03/wordpress-touched/
No support for Touched 0.6 in the rest of K2.
Seems a bit flaky just now. Waiting for new version.
*/
#poststuff fieldset {
border: none;
}
#poststuff #title, #poststuff #excerpt, #poststuff #tags {
width: 470px;
}
#poststuff #title {
font-size: 2em;
}
/*
Ultimate Tag Warrior
K2 removes UTW's default tags for more default control.
*/
.localtags, .technoratitags {
display: none;
}
/*
Contact Form
*/
.contactform {
width: 100%;
position: absolute;
}
.contactleft {
width: 15%;
text-align: right;
clear: both;
float: left;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contactright {
width: 70%;
text-align: left;
float: right;
display: inline;
padding: 4px;
margin: 5px 0;
}
.contacterror {
border: 1px solid #ff0000;
}
a {
outline: none;
}
a:active {
outline: none;
}
/* Fading Tooltips By Dustin Diaz*/
body div#toolTip {
position:absolute;
z-index:1000;
width:225px;
background:#000;
border:1px solid #fff;
text-align:left;
padding:5px;
min-height:2em;
}
body div#toolTip p {
margin:0;
padding:0;
color:#fff;
font:11px/12px verdana,arial,sans-serif;
}
body div#toolTip p em {
display:block;
margin-top:3px;
color:#DA1071;
font-style:normal;
font-weight:normal;
}
body div#toolTip p em span {
font-weight:normal;
color:#fff;
}
textarea#comment {
background: transparent url('images/comment-textarea.png') no-repeat center;
}
div.comment-number {
float: right;
color: #999;
width: 40px;
text-align: right;
}
/* Begin Gravatar Classes
----------------------------------------------- */
.divider {
margin: 10px 30px;
border-bottom:dotted 1px #ddd;
}