/* =================================== * THIS SOFTWARE IS PROVIDED 'AS IS'. READ LICENSE IN 'flipbook.js' Version: 6.7 Version date: 20100115 PURPOSE: This CSS controls the look and feel of the flipbook web site. Some styles are 'helpers' to control the functionality. The Javascript will read the styles and set flags accordingly. =================================== */ /* ====== helper styles for general settings and behavior flags ====== */ /* these are not really styles which are used to format elements. The content is read by javascript and mainly is used to set/unset flags and values used by the Javascript programs. */ .book_body_position { z-index:0; } /* where to place the page in main window, default = 0. 0 = left, 1 = centered ( sets the classes 'fb_body' or 'fb_body_center' */ .pagenav_pages_per_row { z-index:20; } /* for page navigation table: z-index: number of pages per row */ .page_thumbs_position { z-index:1; } /* helper style for page load status line: 0 = none 1 = on left side 2 = on right side */ .page_load_status { z-index:2; } /* helper style for page load status line: z-index: type of status to show 0 = none 1 = show page table 2 = show rotating wheel (does not rotate in IE6) 3 = show rotating wheel without loaded page numbers */ .display_article_window { z-index:0; /* to display article beside the flipping pages (default) or in a new window: 0 = show beside the pages as floating window 1 = show in new window */ width:220px; /* the minimal width of the article display floater */ height:0px; /* the maximal height of the article display floater. set approx to height of page previews set to 0 to calculate automatically */ } .show_features_pop { z-index:1; } /* to display the features popup (arrow at top right corner): 0 = don't show 1 = show */ .enable_full_text_search { z-index:1; } /* to enable full text search system: z-index: 0 = disabled, otherwise enabled */ .full_text_search_button_position { z-index:0; } /* where to place the serach button: z-index: 0 = after page navigation, 1 = after logo */ .enable_shop { z-index:0; } /* to enable shop system: z-index: 0 = disabled, otherwise enabled */ /* ====== the main window, the flipbook body ====== */ /* .fb_body is the main body style sheet */ .fb_body { position:relative; top:0px; left:0px; height:100%; background-image:url(""); background-color:#fbfcfe; margin:0px; font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; } /* example: the main window centered in window with a given width */ .fb_body_center { width:1040px; margin:0 auto 0 auto; background-image:url(""); background-color:#fbfcfe; border-top:5px solid #e5e6e8; border-left:2px solid #e5e6e8; border-right:2px solid #e5e6e8; font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; } /* if compatibility with older exports is needed uncomment .body style */ /*.body { position:relative; top:0px; left:0px; height:100%; background-color:#fbfcfe; margin:0px; font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; }*/ /* an outer div surrounding ALL page content including status stuff below page thumbs and pages. containes page_container_div and status_container_div */ .site_container_div { border:0px solid red; } /* a div surrounding visible page content WITHOUT status stuff below page thumbs and pages */ .page_container_div { border:0px solid #598eca; } /* a div surrounding the status stuff below page thumbs and pages */ .status_container_div { border:0px solid #fbfcfe; } /* ====== other elements of the page ====== */ /* the top most title bar containing PDF-icon, page navigation and titles */ /*.top_div { background-image:url("top.gif"); background-repeat:repeat-x; padding-left:10px; font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; margin-top:0px; margin-bottom:0px; padding-top:3px; }*/ .top_div { background-image:url(""); background-color:#f0f0f1; border-bottom:2px solid #e5e6e8; padding-left:10px; font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; margin-top:0px; margin-bottom:0px; padding-top:3px; } .top_table { background-color:transparent; border:0px solid red; } #top_cont { padding-left:0px; background-color:transparent; border-top:solid 1px #eeeeee; } /* the div containing the flipping pages /* pages navigation thumbs container on left side. the unwanted side may be set to 'width:0' */ .left_nav_td { visibility:hidden; width:95px; vertical-align:top; background-color:transparent; margin:0px; padding-right:10px; } .left_nav_div { position:relative; left:0px; top:0px; height:540px; width:90px; text-align:left; overflow:auto; background-color:#f0f0f1; border-right:1px dotted #eeeeee; margin:0px; padding-top:5px; padding-left:5px; } /* adjust height approx to flip page height */ /* pages navigation thumbs container on left side. the unwanted side may be set to 'width:0' */ .right_nav_td { visibility:hidden; width:95px; vertical-align:top; background-color:transparent; margin:0px; padding-left:0px; } .right_nav_div { position:relative; left:0px; top:0px; height:540px; width:90px; text-align:left; overflow:auto; background-color:#f0f0f1; border-left:1px dotted #eeeeee; margin:0px; padding-top:5px; padding-left:5px; } /* adjust height approx to flip page height */ .page_thumb_div { position:relative; left:0px; top:0px; background-color:transparent; } .page_thumb_text { position:relative; left:2px; top:-16px; background-color:#a0b9c9; text-align:left; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:bold; font-style:normal; color:#ffffff; padding-left:4px; padding-right:4px; } /* to completely disable page thumbs comment this style */ .page_thumb_img { width:65px; border:1px solid #cccccc; } /* top page navigation */ .pagenav_container_td { vertical-align:top; padding-top:10px; padding-right:20px; background-color:transparent; width:66px; font-family:"Verdana","Arial",sans-serif; font-size:7pt; } .pagenav_container_div { height:100px; overflow:auto; padding:0px; border:solid 0px #f00; } /* for non popup page nav */ .pagenav_container_div_full { position:absolute; height:auto; padding-right:20px; overflow:auto; z-index:1000000; background-color:#f0f0f1; border:groove 2px #bbbbcc; } /* for popup page nav. positions are computed and set by javascript. set 'height' to make page nav scrollable. default = height:auto remove 'height' to show all pages without scrolling */ .pagenav_container_div_minimized { position:relative; top:0px; left:0px; height:31px; width:66px; overflow:hidden; z-index:0; background-image:url("page_nav.gif"); background-repeat:no-repeat; background-color:transparent; border:solid 0px #c1d7ed; } /* for popup page nav. this will make the page nav a popup. comment this style if page nav should not pop up */ .pagenav_table { position:relative; top:-5000px; background-color:#f0f0f1; border:solid 0px #c1d7ed; } .pagenav_td { border-left:solid 1px #c1d7ed; border-bottom:solid 1px #d1d7f1; text-align:center; width:10px; padding-left:2px; padding-right:2px; font-family:"Verdana","Arial",sans-serif; font-size:7pt; font-weight:normal; font-style:normal; } .pagenav_td_last { border-left:solid 1px #c1d7ed; border-right:solid 1px #c1d7ed; border-bottom:solid 1px #d1d7f1; text-align:center; width:10px; padding-left:2px; padding-right:2px; font-family:"Verdana","Arial",sans-serif; font-size:7pt; font-weight:normal; font-style:normal; } .pagenav_visited { color:#0000ff;background-color:#c9e2ee;border-left:solid 1px #c1d7ed; border-bottom:solid 1px #d1d7f1; text-align:center; width:10px; padding-left:2px; padding-right:2px; font-family:"Verdana","Arial",sans-serif; font-size:7pt; font-weight:normal; font-style:normal; } .pagenav_current { color:#ffffff;background-color:#a0b9c9;border-left:solid 1px #c1d7ed; border-bottom:solid 1px #d1d7f1; text-align:center; width:10px; padding-left:2px; padding-right:2px; font-family:"Verdana","Arial",sans-serif; font-size:7pt; font-weight:normal; font-style:normal; } .pagenav_spacer_td { width:5px;} /* spacer td between page navigation and logo */ /* controlling the page load status line when set to rotating wheel */ #page_sprocket_status_div { background-image:url("sprocket.gif"); background-repeat:no-repeat; width:32px; height:32px; padding-top:10px; padding-left:32px; color:#777777; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:normal; font-style:normal; } /* title directly above the flipping pages */ #page_table_title { } /* the whole table row like display:none; to suppress */ #page_table_title_cont { height:15px; text-align:center; font-size:10pt; font-family:sans-serif; color:#ff3333; } /* the title text in a div. set to red to display the DEMO text */ /* borders around the flipping pages */ .paper_border_visible { border-width:1px; border-style:solid; border-color:#dddddd; } .paper_border_invisible { border-width:1px; border-style:solid; border-color:transparent; } .paper_border_IE6 { border-width:1px; border-style:solid; border-color:#fbfcfe; } /* transparent borders is unknown to IE6. set to the background-color of page body */ .paper_edge { width:15px; height:15px; background-color:#eeeeee; border:solid 0px #eeeeee; } /* the custom company logo in title bar */ .logo_td { background-image:url("logo.gif"); background-repeat:no-repeat; } .logo_div { width:130px; height:50px; margin-left:10px; margin-right:10px; } .logoIcon_img { border:0; } /* the title, subtitle and link taken from the document info */ .title_td { background-color:transparent; vertical-align:top; text-align:center; white-space:nowrap; font-family:"Verdana","Arial",sans-serif; font-size:10pt; font-weight:normal; font-style:normal; color:#666677; } .subtitle_div { font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:normal; font-style:normal; color:#7780a0; } .subtitle_link { text-decoration:none; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:normal; font-style:normal; color:#7780a0; } /* the arrow shown intop/left corner of the article window to go the continuing part of an artcile */ .goto_article_nav_top { text-align:right; background-color:transparent; } .goto_article_nav_bot { text-align:right; background-color:transparent; } .goto_previous_article { display:inline-block; text-align:right; text-decoration:none; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:normal; font-style:normal; color:#7780a0; } .goto_continued_article { display:inline-block; padding-left:10px; text-align:right; text-decoration:none; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-weight:normal; font-style:normal; color:#7780a0; } /* the lupe loge in top left corner */ .pagenav_inspect_img_td{ width:50px; height:41px; vertical-align:top; } .pagenav_inspect_img{ border:0px solid #999999; } .pagenav_inspect_help{ cursor:help;position:absolute;margin-left:32px;border:1px solid #444444;background-color:#fdffce;color:black;text-align:center;font-size:9pt;font-weight:normal;width:10px;height:15px; } .pagenav_inspect_help_table{ position:absolute; top:100px; left:10px; z-index:99999999; background-color:#fafafa; padding:3px; border:1px solid #f7f7f7; } .pagenav_inspect_help_text{ border:5px groove #999999; background-color:#f8f8ff; } /* the document PDF icon in the top left corner */ .documentPDFicon_td{ width:50px; height:41px; vertical-align:top; } .documentPDFicon_img{ border:0px solid #999999; } /* the info message below the pages on how to use the book: ex: set display:none; to completely hide the message */ #message { font-family:"Verdana","Arial",sans-serif; font-size:9pt; font-weight:normal; font-style:normal; color:#666677; } /* the opening and closign toolbar below the pages: ex: set display:none; to completely hide the bar */ #toolbar_table { } /* article text preview floater */ .floatCont { width:200px; border:4px solid #eeefff; background-color:#eeefff; font-family:Verdana, Arial, sans-serif; font-size:8pt; font-weight:normal; } /* the title text in preview floater - comment this style to not to show a title */ .floatTit { background-color:#eeeeee; font-family:Verdana, Arial, sans-serif; font-size:8pt; font-weight:bold; } /* the dynamically added fulltext search field and button */ .ft_search_td { display:block; text-align:center; vertical-align:top; border:0px solid red; } .search_btn { margin-left:0px; margin-right:15px; } /* the dynamically added shop stuff */ .shop_td { vertical-align:top; border:0px solid blue; padding-left:0px; padding-right:15px; } .shop_btn_link { border:0px solid red; } .shop_btn_img{ width:100px; height:20px; border:0px solid green; } /* features popup in top right corner */ /* completely turned off: .features_container { visibility:hidden; position:absolute; top:-1000px; left:-1000px; width:0px; height:0px; overflow:hidden; border:1px solid red; background-color:#eeeeee; } */ .features_container { visibility:visible; position:absolute; top:0px; right:0px; width:20px; height:15px; z-index:99999999; overflow:hidden; border:0px solid red; background-image:url("a_l.gif"); background-repeat:no-repeat; background-color:transparent; font-family:"Verdana","Arial",sans-serif; font-size:8pt; font-style:normal; font-weight:normal; color:#006699; } .features_container:hover { width:auto; height:auto; padding:5px; overflow:hidden; border-left:4px groove #dddddd; border-bottom:4px groove #dddddd; background-color:#f5f5f5; } /* IE6 hack: set this like 'features_container' */ .features_container_IE6hover { position:absolute; top:0px; right:0px; z-index:99999999; width:auto; height:auto; padding:5px; overflow:auto; border-left:4px groove #dddddd; border-bottom:4px groove #dddddd; background-color:#f5f5f5; } .features_theme_table { background-color:#fbfcff; border:1px solid #cccccc; display:inline-table; width:200px; } .features_select { padding:2px; background-color:transparent; } .features_select_hover { padding:2px; width:100%; background-color:#bbb; cursor:pointer; } .features_title { font-size:9pt; font-weight:bold; background-color:transparent; } .features_link_r { margin-left:40px; font-size:8pt; text-align:right; background-color:transparent; } .features_item_text { background-color:transparent; } .features_item_text_sb { margin-top:2px; padding-top:4px; border-top:1px solid #cccccc; background-color:transparent; } .features_item { background-color:transparent; text-decoration:none; } .features_item:hover { cursor:pointer; background-color:#dddddd; text-decoration:none; } .features_input { width:50px; background-color:transparent; }