/* Female Goldfish Stylesheet */ /*------------------------------------------------------------------------------------------- INDEX: 1. SETUP -1.1 Defaults -1.2 Hyperlinks 2. SITE STRUCTURE & APPEARANCE -2.1 Containers & Columns -2.2 Navigation -2.2.1 Drop-down menus -2.3 Header -2.4 Content -2.5 Sidebar -2.6 Footer 3. POSTS -3.1 Typographic Elements -3.2 Images -3.3 Pagination / WP-Pagenavi 4. WIDGETS -4.1 Generic Widgets -4.2 Specific Widgets 5. COMMENTS -5.1 Comments -5.2 Comments Form -5.3 Gravity forms -------------------------------------------------------------------------------------------*/ /*-------------------------------------------------------------------------------------------*/ /* 1. SETUP */ /*-------------------------------------------------------------------------------------------*/ /* 1.1 Defaults */ body { color: #595751; background: url(female_goldfish/bodytile.jpg) repeat left top; } h1, h2, h3, h4, h5, h6 { color: #fa6900; text-shadow: 1px 1px 0 #494949; } /* 1.2 Hyperlinks */ a:link, a:visited { color: #00a4c5; } a:hover { color: #fa6900; } /*-------------------------------------------------------------------------------------------*/ /* 2. SITE STRUCTURE & APPEARANCE */ /*-------------------------------------------------------------------------------------------*/ /* 2.1 Containers & Columns */ #bg { background: url(female_goldfish/character.png) no-repeat left top; } /* 2.2 Navigation */ #navigation{ background: url(female_goldfish/navtile.png) repeat left top; } #nav li { border-left: 1px solid #9d9d9d; } #nav a { color: #35332f; } #nav a .title { text-shadow: 1px 1px 0 #ccc; } #nav a .description { color: #ccc; } #nav li.current_page_item a .title, #nav a:hover .title { color: #00a4c5; text-shadow: 1px 1px 0 #494741; } #nav li.current_page_item a .description, #nav a:hover .description { color: #fff; } /* 2.2.1 Drop-down menus */ #nav li ul { border-top: 1px solid #6d6b63; background: #353430; } #nav li ul li { border: 1px solid #6d6b63; border-width: 0 0 1px 0; } #nav li ul li a { color:#a8a39a; } #nav li ul li a:hover { color: #fff; } /* 2.3 Header */ /* 2.4 Content */ #twitterbig { background: url(female_goldfish/twitter_top.png) no-repeat left top; } #twitterbig ul { color: #5f5f5f; } #twitterbig .bottom { background: url(female_goldfish/twitter_bottom.png) no-repeat right bottom; } #twitterbig .profile-link a { background: url(female_goldfish/twitter_bird.png) no-repeat right top; } /* 2.5 Sidebar */ /* 2.6 Footer */ #footer { background: url(female_goldfish/transparency_footer.png) repeat left top; } #footer .inside .left { border-left: 1px solid #999; } #footer .inside .right { border-left: 1px solid #999; } #footer #bottomline { background: url(female_goldfish/transparency_footer.png) repeat left top; } #footer #bottomline p { color: #ccc; } #footer #address h3 { color: #424242; text-shadow: none; background: url(female_goldfish/address_top.png) no-repeat left top; } #footer #address address { background: url(female_goldfish/address_middle.png) repeat-y left top; } #footer #address a:link, #footer #address a:visited { color: #fff; } #footer #address .bottom { background: url(female_goldfish/address_bottom.png) no-repeat left top; } /*-------------------------------------------------------------------------------------------*/ /* 3. POSTS */ /*-------------------------------------------------------------------------------------------*/ .archive_header { border-bottom: 1px solid #ccc; } .post { border-bottom: 1px solid #ccc; } .post .title, .post .title a:link, .post .title a:visited { color: #fa6900; } .post .title a:hover { color: #00a4c5; } .top-meta{ color:#5f5f5f; } .bot-meta .tags a:link, .bot-meta .tags a:visited { color: #f38630; } .bot-meta .tags a:hover { color: #00a4c5; } .bot-meta .comments .count a { color: #fff; background: url(female_goldfish/ico-comments.png) no-repeat 6px center; background-color: rgba(0,0,0,0.6); } .video { border: 5px solid #ccc; } /* 3.1 Typographic Elements */ .entry a:link, .entry a:visited { color: #fa6900; border-bottom: 1px solid #fa6900; } .entry a:hover { color: #00a4c5; border-bottom: 1px solid #00a4c5; } .entry h1, .entry h2, .entry h3, .entry h4, .entry h5, .entry h6 { color: #777; } .entry blockquote { color: #34332c; background-color: #ccc; border-left: 1px solid #fff; border-top: 1px solid #fff; } .entry blockquote a:link, .entry blockquote a:visited { color: #34332c; border: none; } .entry ul { border-top: 1px solid #ccc; } .entry ul li { background: url(female_goldfish/bullet.jpg) no-repeat 5px 10px; border-bottom: 1px solid #ccc; } .entry ol { border-top: 1px solid #ccc; } .entry ol li { border-bottom: 1px solid #ccc; } .entry a.more-link { color: #00a4c5; } .entry a.more-link:hover { color: #fa6900; } /* 3.2 Images */ .entry img { border: 5px solid #ccc; } img.wp-smiley { padding: 0; border: none; } .entry .wp-caption { background:#F8F8F4; border: solid 1px #e6e6e6; } .entry .wp-caption img{ background:none; } /* 3.3 Pagination / WP-Pagenavi */ .more_entries { background: url(female_goldfish/transparency.png) repeat left top; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #ccc; } .more_entries a { text-shadow: 1px 1px 0 #494949; } .more_entries .fl a { background: url(female_goldfish/paginate_prev.png) no-repeat left top; } .more_entries .fr a { background: url(female_goldfish/paginate_next.png) no-repeat right top; } .more_entries .wp-pagenavi .current, .more_entries .wp-pagenavi .on, .more_entries .wp-pagenavi a:hover { text-shadow: 1px 1px 0 #494949; color: #fa6900; } .more_entries .wp-pagenavi .extend { background:none; border:none; } /*-------------------------------------------------------------------------------------------*/ /* 4. WIDGETS */ /*-------------------------------------------------------------------------------------------*/ /* 4.2 Generic Widgets */ .widget h3 { color: #777; } .widget a:link, .widget a:visited { color: #f38630; } .widget ul li a:hover { background-color: rgba(0,0,0,0.1); } /* 4.2 Specific Widgets */ /* CUSTOM RECENT ENTRIES */ #recent_custom .item { border-bottom: 1px solid #ccc; } #recent_custom .item h4 { text-shadow: none; } #recent_custom .item .date { color: #5f5f5f; } #recent_custom .item .comments a { color: #fff; background-image: url(female_goldfish/ico-comments.png); background-color: rgba(0,0,0,0.6); } /* CUSTOM LIST WIDGETS */ .custom-list li a .count { color: #5f5f5f; } /* TEXT WIDGET */ /* SEARCH */ #searchform input#s, #campaignmonitorform .field { color: #5f5f5f; background: url(female_goldfish/search_sidebar.png) no-repeat left top; } .widget input.submit { color: #ffd9da; background: url(female_goldfish/submitbg.jpg) repeat-x left top; border: none; } /* FLICKR */ #flickr h3 { background: url(female_goldfish/flickrlogo.png) no-repeat center center; } #flickr a img { border-left: 1px solid #fff; border-top: 1px solid #fff; background: #ccc; } #flickr a:hover img { background: #7f7c72; } /* LIFESTREAM */ .widget_lifestream ul li { border-bottom: 1px solid #e0e6e6; } .widget_lifestream ul li a { border:none; background:none!important; } .widget_lifestream ul .lifestream_meta { color: inherit; } /* CALENDAR */ #wp-calendar { text-shadow: 1px 1px 0 #fff; } #giraffe_calendar #wp-calendar caption, #calendar_wrap #wp-calendar caption { color: #999!important; text-shadow: 1px 1px 0 #fff!important; } #wp-calendar th { background: #dfdfdf; color: #777; border: 1px solid #ccc; } #wp-calendar tbody { color: #f38630; border-left: 1px solid #ccc;} #wp-calendar td { background:transparent; border: 1px solid #ccc; } #wp-calendar td#today { color: #fff; background-color: #fa6900; text-shadow: 1px 1px 0 #424242; } #wp-calendar a:link, #wp-calendar a:visited { color: #00a4c5; background-color: rgba(0,0,0,0.3); text-shadow: 1px 1px 0 #424242; } #wp-calendar a:hover { color: #fff; background-color: #00a4c5; } #wp-calendar tfoot td { border: none!important; } #wp-calendar tfoot #prev a { background: url(female_goldfish/paginate_prev.png) no-repeat left top; } #wp-calendar tfoot #next a { background: url(female_goldfish/paginate_next.png) no-repeat left top; } /* SUBSCRIBE */ #subscribe li a { background-image: url(female_goldfish/ico-rss.png); } /* SOCIAL */ #social a { color: #33322f; text-shadow: 1px 1px 0 #67655c; } #social a:hover { background-color: transparent!important; } #social li.twitter a { background-image: url(female_goldfish/social/twitter.png); } #social li.flickr a { background-image: url(female_goldfish/social/flickr.png); } #social li.facebook a { background-image: url(female_goldfish/social/facebook.png); } #social li.brightkite a { background-image: url(female_goldfish/social/brightkite.png); } #social li.delicious a { background-image: url(female_goldfish/social/delicious.png); } #social li.deviantart a { background-image: url(female_goldfish/social/deviantart.png); } #social li.digg a { background-image: url(female_goldfish/social/digg.png); } #social li.friendfeed a { background-image: url(female_goldfish/social/friendfeed.png); } #social li.linkedin a { background-image: url(female_goldfish/social/linkedin.png); } #social li.lastfm a { background-image: url(female_goldfish/social/lastfm.png); } #social li.posterous a { background-image: url(female_goldfish/social/posterous.png); } #social li.stumbleupon a { background-image: url(female_goldfish/social/stumbleupon.png); } #social li.tumblr a { background-image: url(female_goldfish/social/tumblr.png); } #social li.vimeo a { background-image: url(female_goldfish/social/vimeo.png); } #social li.youtube a { background-image: url(female_goldfish/social/youtube.png); } /* 200x200 Ad */ /*-------------------------------------------------------------------------------------------*/ /* 5. COMMENTS */ /*-------------------------------------------------------------------------------------------*/ /* 5.1 Comments */ #comments .comment.thread-even { background: url(female_goldfish/transparency.png) repeat left top; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #ccc; } #comments .comment-head .avatar img{border:3px solid #ccc;} #comments .comment-head .name { text-shadow: 1px 1px 0 #fff; } #comments .comment-head .name a { color: #fa6900; } #comments .comment-head .name a:hover { color: #00a4c5; } #comments ul.children .comment .comment-container { border-left: 1px solid #b7b7b7; } #comments .comment .reply a, #comments .cancel-comment-reply a { color: #424242; background-color: rgba(0,0,0,0.3); } /* 5.2 Comments Form */ #commentform { background: url(female_goldfish/transparency.png) repeat left top; border-top: 1px solid #b7b7b7; border-bottom: 1px solid #ccc; } #commentform input.txt, #commentform textarea { color: #424242; background: #e9e9e9; box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #fff; } #commentform #submit { color: #ffd9da; background: url(female_goldfish/submitbg.jpg) repeat-x left top; border: none; } /* 5.3 Gravity forms */ .gform_wrapper input, .gform_wrapper .top_label input.large, .gform_wrapper .top_label select.large, .gform_wrapper .top_label textarea.textarea { color: #424242 !important; background: #e9e9e9; box-shadow: 1px 1px 0 #fff; -moz-box-shadow: 1px 1px 0 #fff; -webkit-box-shadow: 1px 1px 0 #fff; border: 0px !important;} .gform_wrapper input.button { color: #ffd9da !important; background: url(female_goldfish/submitbg.jpg) repeat-x left top; margin-right: 20px;}