Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- /*
- Theme Name: Dago Pakar
- Theme URI: http://www.supriyadisw.net/2006/10/dago-pakar-wordpress-theme
- Description: Dago Pakar <a href="http://wordpress.org/">Wordpress</a> theme by Supriyadi Slamet Widodo. Modified version of the <a href="http://www.openswitch.org">Unsleepable</a> 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
- ----------------------------------------------- */
- body {
- margin: 0;
- padding: 0;
- background: url(images/bg.gif);
- font-family: Verdana, Arial, Sans-Serif;
- font-size: 11px;
- text-align:center;
- }
- #page {
- background-color: #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;
- }
- .item2 {
- padding: 0px 0 60px;
- font: 1.2em;
- text-align: left;
- color: #333;
- padding-bottom: 1px;
- line-height: 150%;
- }
- .itemtext2 {
- font: 1.2em;
- text-align: left;
- color: #333;
- padding-bottom: 1px;
- line-height: 150%;
- }
- /* header
- ----------------------------------------------- */
- #header {
- height: 90px;
- color: #fff;
- background: #333;
- background: url(images/bg_header.png) repeat-x;
- margin: 1px 0px 1px 0px;
- padding: 0px 0px 0px 0px;
- }
- #header a {
- color: #000;
- }
- #header a:hover {
- color: #FFF;
- }
- /* 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;
- }
- div#adsense46815
- {
- float: left;
- margin-top: 3px;
- width: 470px;
- }
- /* menu page
- ----------------------------------------------- */
- div#navmenu
- {/* menu to archive, search, rss */
- float: right;
- width: 480px;
- }
- div#navmenu ul#navmenulist
- {
- float: right;
- 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: #D9D9C2;
- color: #000;
- display: block;
- float: left;
- font: 10px/10px Helvetica, Arial, Sans-Serif;
- font-weight: bold;
- margin-left: 1px;
- padding: 5px 20px;
- text-decoration: none;
- text-transform: uppercase;
- }
- div#navmenu ul#navmenulist li a:active, div#navmenu ul#navmenulist li a:hover
- {
- background-color: #999;
- color: #FFF;
- }
- /* 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;
- }
- /* 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;
- }
- #sidebar h2 {
- letter-spacing: -1px;
- font-weight: bold;
- font-size: 18px;
- text-transform:lowercase;
- margin: 15px 0px 5px 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:4px 0px 0px 0px;
- padding:0px 0px 0px 2px;
- text-transform:lowercase;
- }
- #sidebar ul li {
- border:0;
- letter-spacing:0;
- margin:3px 0px 0px 0px;
- padding:0px 0px 0px 2px;
- list-style-type:none;
- }
- #sidebar a,
- #sidebar a:visited {
- color: #00F;
- text-decoration: underline;
- }
- #sidebar a:hover {
- color: #666;
- border-bottom:1px dotted;
- }
- #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;
- 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;
- text-transform: lowercase;
- margin: 0px 0px 0px 0px;
- }
- .itemhead h2 a,
- .itemhead h2 a:visited{
- text-decoration:none;
- color: #666;
- }
- .itemhead h2 a:hover{
- text-decoration: none;
- color: #06C;
- border:none;
- }
- .post h3{
- letter-spacing: -1px;
- font-weight: bold;
- font-size: 18px;
- color: #666;
- text-transform: lowercase;
- margin: 0px 0px 0px 0px;
- }
- .post h4{
- letter-spacing: -1px;
- font-weight: bold;
- font-size: 15px;
- color: #666;
- text-transform: lowercase;
- 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;
- text-transform: lowercase;
- 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: 10px 0 5px 0px;
- padding: 0px 0 20px 5px;
- border-left: #d4d4d4 dotted 1px;
- float: left;
- display: block;
- }
- .rsidebar h2 {
- letter-spacing: -1px;
- font-weight: bold;
- font-size: 18px;
- text-transform:lowercase;
- margin: 15px 0px 5px 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:0px 0px 0px 2px;
- list-style-type:none;
- }
- /* comment
- ----------------------------------------------- */
- .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: #DA1071 ;
- }
- .comments h4 a:hover{
- color: #06C;
- border:none;
- }
- .commentsrsslink {
- background: url('images/feed.png') left top no-repeat;
- padding: 2px 0 2px 20px;
- 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.4em;
- 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: 140px;
- padding: 2px;
- width: 80%;
- }
- .comments form #submit {
- margin: 0 10px 0 0;
- float: right;
- }
- .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:right;
- }
- /* 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;
- text-transform: lowercase;
- }
- .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;
- text-transform: lowercase;
- }
- .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: #999;
- }
- 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;
- }
- /* Begin Gravatar Classes
- ----------------------------------------------- */
- .divider {
- margin: 10px 30px;
- border-bottom:dotted 1px #ddd;
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement