/** * * @note css file for layout elements * * @appdef Serendipity Theme: Ankaraner * @app-myapp-theme * @app-myapp-used True * @media screen * @valid true * * @author Alp Uçkan * @version 1.0 * @link http://alp-uckan.net/blog/2008/09/16/Realigned/ * @copyright Copyright(c) by Alp Uçkan * @license http://creativecommons.org/licenses/GPL/2.0/ * * @date 2008-09-16 * @lastmodified 2008-10-29 18:00 * * @colordef rgb(0,0,0); #000 Black; Text * @colordef rgb(255,255,255); #fff White; Background * @colordef rgb(0,1,40); #000128 Dark blue; Header background * @colordef rgb(5,21,73); #051549 Dark blue2; Header Background (gradient color) * @colordef rgb(24,41,43); #0D256F Blue; Hyperlinks, gradient color * @colordef rgb(119,119,119); #74748f Grey; Headers * @colordef rgb(238,238,238); #eee Light Grey; Text on dark backgrounds */ body { color: #000; background-color: #fff; } #Canvas { width: 100%; overflow: hidden; } .screen { float: left; width: 100%; display: block; position: relative; } .section { position: relative; float: left; left: 100%; } /** * @section The Header */ #Header { background: #000128 url(/blog/templates/Ankaraner/img/header-bg.png) repeat-x scroll left top; margin: 0 0 1em 0; border-bottom: 5px solid #74748f; } #SiteTitle { margin-left: -100%; width: 68%; padding: .2em 0 .2em 2%; } #SearchThisBlog { margin-left: -30%; width: 29%; text-align: right; padding: .3em; } /** * @section The 'Joker' Area */ #Joker { margin: 0 0 1em 0; } #S9yDesc { margin-left: -100%; width: 98%; text-align: right; } /** * @section The First Screen With Blog Content */ #TopContent { margin: 0 0 1em 0; } #TheCCedille { margin-left: -100%; width: 23%; text-align: center; padding-top: 1em; } #TheCCedille a:hover, #TheCCedille a:active, #TheCCedille a:focus { background: none; } #TheCCedille #Logo { text-align: center; margin-top: 5em; } #BlogContent { margin-left: -77%; width: 54%; z-index: 2; } #BlogContent .archiveArea { width: 100%; overflow: hidden; margin-bottom: 1em; } #BlogContent .archiveArea .lastEntries { width: 48%; float: left; font-size: .875em; } #BlogContent .archiveArea .olderEntries { width: 48%; float: right; } #BlogContent .entryFooter { margin-bottom: 1em; } #BlogContent .entryFooter div.b { width: 100%; overflow: hidden; } #BlogContent .entryFooter .entryDate { float: right; width: 60%; } #BlogContent .entryFooter .commentsLink { float: left; width: 37%; } #BlogContent .serendipity_freeTag { margin: 1em 0 3em; } #BlogContent .displayComments, #BlogContent ol.commentlist, #BlogContent ol.trackbacklist, #BlogContent .commentsEnDisable, #BlogContent .serendipity_commentDirection { margin: 0 0 1em; } .plugin_comment_wrap { margin: 0 0 1em; font-size: .75em; font-family: DroidSans, Arial, sans serif; line-height: 1.5; } .plugin_comment_wrap .plugin_comment_author { font-weight: bold; } .plugin_comment_wrap .plugin_comment_date { display: none; font-size: .875em; text-align: right; color: #74748F; } #BlogContent ol.commentlist .nocomments { margin: 3em 0; } #Navigation { margin-left: -23%; width: 23%; } #Navigation .rssFeed { margin: 1em 0 3em 0; text-align: center; } #Navigation ul { width: 150px; margin: 0 auto; } #Navigation ul li { font-size: .8em; margin-left: 3em; } #Navigation ul li.rssFeed { margin-left: 0; } .serendipity_recententries_entrydate.serendipitySideBarDate { display: none; } /** * @section The Second Screen With Teasers */ #Teasers { margin: 0 0 1em 0; } #MyProjects { margin-left: -98%; width: 45%; } #FreshPicks { margin-left: -49%; width: 45%; } #MMArea { margin-left: -32%; width: 31%; text-align: center; } #MMArea a img { /* border: 1px solid #e6e6ff; */ padding: .2em; } #MMArea a img:hover { border: 1px solid #7171D7; } /** * @section The Third Screen With Secondary Content */ #TheRest { margin: 0 0 1em; } #ContentInfos { margin-left: -93%; width: 50%; } #ContentInfos ul { margin: 0 0 3em 0; } #ContentInfos ul li { margin: 0 .4375em 1em 0; display: inline; } #ContentInfos ul#twitter_update_list { margin: 0 0 3em 0; } #ContentInfos ul#twitter_update_list li { margin: 0 .4375em 1em 0; display: block; } #ContentInfos .fieldText { width: 50%; } #About { margin-left: -38%; width: 30%; } #About ul, #About p.thanx { margin: 0 0 0 1em; } #About ul.icons li { margin: 0 .625em .625em 0; float: left; } .serendipityPlug { margin: 3em 0; } /** * @section The Footer */ #Footer { background-color:#000128; } #Contact { margin-left: -93%; width: 90%; } /** * @section Archive */ .entries_summary li:hover { background-color: #eee; } .entries_summary .archives_entry_title { width: 46%; float: left; } .entries_summary .archives_entry_date { width: 46%; float: right; text-align: right; } /** * @section Archive Tables */ caption { text-align: center; font-weight: bold; font-size: 1.2em; margin-bottom: 1em; } .table-style { width: 100%; margin: 1em 0; border: none; border-width: 1px 0 0 1px; border-collapse: collapse; } .table-style th, .table-style td { border: none; } .ankaraner-scheme .odd { background-color: #efefef; } .ankaraner-scheme th, .ankaraner-scheme thead td { font-weight: bold; } .ankaraner-scheme tbody tr:hover { background-color: #ddd; } .table-style .archives_graph { width: 20%; padding: .2em .4375em; } .table-style .archives_date, .table-style .archives_count { width: 20%; padding: .2em .4375em; } .table-style .archives_link { width: auto; padding: .2em .4375em; } #BlogContent #archives_listing { margin: 0 0 1em; } #BlogContent #archives_listing td { padding: .2em .4375em; } #BlogContent #archives_listing td.archives_graph, #BlogContent #archives_listing th.archives_graph { padding: .2em .4375em .2em 0; } p.serendipity_commentBody { margin: 0 0 .625em; } .serendipity_comment_source { margin: 0 0 1em; color: #777; font-family:'1942 report 1942 report'; } #ContentInfos ul.plainList { margin: 1em 0; }