body { background : white; color : black; margin : 0px; padding : 0px; font-family : sans-serif; } /* common styles */ table.main td.headerBox { background-image : url("images/vgrad_light_rev2.png"); background-position : top left; background-repeat : repeat-x; } table.main td.header { padding : 10px 10px 10px 30px; height : 80px; font-size : 24pt; font-weight : bold; } table.main td.mainToolbar { border-width : 0px 0px 0px 0px; border-style : solid; border-color : #c0c0c0; padding : 3px 25px 3px 10px; } table.main td.prefsToolbar { padding : 0px 5px 5px 0px; } table.main td.feeds { width : 300px; height : 100%; border-width : 1px 0px 0px 0px; border-style : solid; border-color : #c0c0c0; padding : 0px; } table.main td.headlinesToolbarBox { padding : 10px; border-width : 0px 0px 1px 1px; border-style : solid; border-color : #c0c0c0; background-image : url("images/vgrad_light.png"); background-position : bottom left; background-repeat : repeat-x; } table.main td.footer { border-width : 1px 0px 0px 0px; border-style : solid; border-color : #c0c0c0; padding : 10px; text-align : center; font-size : x-small; background-image : url("images/vgrad_light_rev2.png"); background-position : top left; background-repeat : repeat-x; color : gray; } table.main td.footer a { color : gray; } table.main td.footer a:hover { color : #5050aa; } table.main td.headlines { height : 25%; border-width : 0px 0px 1px 1px; border-style : solid; border-color : #c0c0c0; } table.main td.content { height : 100%; background-image : url("images/vgrad_light_rev.png"); background-position : top left; background-repeat : repeat-x; border-width : 0px 0px 0px 1px; border-style : solid; border-color : #c0c0c0; } table.main td.prefContent { height : 100%; background-image : url("images/vgrad_light_rev.png"); background-position : top left; background-repeat : repeat-x; border-width : 1px 0px 0px 0px; border-style : solid; border-color : #c0c0c0; padding : 20px; } div.postReply { background-image : url("images/vgrad_light_rev.png"); background-position : top left; background-repeat : repeat-x; height : 100%; padding : 10px; } div.postReply a { color : #5050aa; } div.postReply a:hover { color : black; } div.postReply div.postHeader { background : white; border : 1px solid #c0c0c0; padding : 5px; } div.postReply div.postContent { padding : 10px; } div.postReply div.postIcon { float : right; border : 0px; margin : 10px 0px 10px 10px; } ul.feedList { list-style-type : none; margin : 5px; padding : 0px 0px 0px 10px; } ul.feedList li.feedCat { margin : 0px; padding : 3px 0px 3px 0px; /* border-width : 0px 0px 1px 0px; border-color : #f0f0f0; border-style : solid; */ color : #707070; } ul.feedCatList { list-style-type : none; margin : 0px; padding : 0px 0px 0px 10px; } ul.feedCatList li { margin : 0px; padding : 0px 0px 0px 0px; } ul.feedList li { margin : 0px; } li.oddSelected, li.evenSelected { background-color : white; } li.oddUnreadSelected, li.evenUnreadSelected, li.evenSelectedUnread, li.oddSelectedUnread { background-color : white; font-weight : bold; } li.oddSelected a, li.evenSelected a, li.oddUnreadSelected a, li.evenUnreadSelected a { color : #5050aa; } ul.feedlist li.virtSelected, li.virtUnreadSelected, li.virtSelectedUnread, li.feedSelected, li.labelSelected, li.feedUnreadSelected, li.labelUnreadSelected, li.feedSelectedUnread, li.labelSelectedUnread { background-color : white; } ul.feedlist li.feedSelected a, li.labelSelected a, li.feedUnreadSelected a, li.labelUnreadSelected a, li.virtSelected a, li.virtUnreadSelected a, li.virtSelectedUnread a { color : #5050aa; } ul.feedList li.feed { display : block; } ul.feedList img, img.tinyFeedIcon { margin : 0px 3px 0px 0px; width : 16px; height : 16px; } h1 { font-size : 16pt; } h2 { font-size : 14pt; font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #e0e0e0; } h3 { font-size : 12pt; font-weight : bold; border-width : 0px 0px 1px 0px; border-style : solid; border-color : #e0e0e0; } hr { border-width : 0px 0px 1px 0px; border-style : dashed; border-color : #e0e0e0; } a { color : black; text-decoration : none; } a:hover { color : #5050aa; } #piggie { width : 400; height : 400; left : 50; background-color : white; display : none; z-index : 3; background-image : url("http://madoka.spb.ru/stuff/fox/piggie.png"); background-position : center center; background-repeat : no-repeat; position : absolute; border : 1px solid pink; margin-left : auto; margin-right : auto; -moz-border-radius : 10px; opacity : 0.8; } #iedit_title, #iedit_link, #iedit_regexp, #iedit_descr, #iedit_expr, #iedit_updintl, #iedit_purgintl, #iedit_ulogin, #iedit_ulevel, #iedit_match, #iedit_feed, #iedit_fcat { width : 100%; padding-left : 2px; } input.editbox { width : 200px; padding-left : 2px; } #notify { font-size : 10pt; text-align : right; color : black; font-weight : bold; border-style : solid; border-width : 0px 0px 1px 1px; border-color : #e0e0e0; background-color : white; padding : 3px; width : 350px; } #dispSwitch { text-align : right; padding : 5px 5px 5px 0px; font-size : x-small; } #dispSwitch a { color : gray; } #dispSwitch a:hover { color : #5050aa; } div.expPane { margin : 15px; } iframe { border : 0px solid white; } iframe.feedsFrame { width : 100%; height : 90%; margin : 0px; padding : 0px; } iframe.contentFrame, iframe.headlinesFrame { width : 100%; padding : 0px; margin : 0px; height : 100%; } .button { border : 1px solid #d0d0d0; background-image : url("images/button.png"); background-position : top; background-repeat : repeat-x; background-color : white; color : black; } .button:hover { background : white; text-decoration : none; color : black; } a.button { padding : 2px 5px 2px 5px; font-size : small; } .evenUnreadSelected, .evenSelectedUnread, { background-color : #e0e0ff; font-weight : bold; } .oddUnreadSelected, .oddSelectedUnread, .feedSelectedUnread, { background-color : #e0e0ff; font-weight : bold; } .evenSelected { background-color : #e0e0ff; } .oddSelected { background-color : #e0e0ff; } .feedUnreadSelected, .feedSelectedUnread, .virtUnreadSelected, .virtSelectedUnread, .labelUnreadSelected, .labelSelectedUnread { background-color : #e0e0ff; font-weight : bold; } .feedUnread, .labelUnread, .virtUnread { font-weight : bold; } .disabledButton { border : 1px solid #c0c0c0; background-color : white; color : gray; } .evenGrayed { background-color : #f0f0f0; color : #909090; } .oddGrayed { color : #909090; } .even { background-color : #f0f0f0; } .evenUnread { background-color : #f0f0f0; font-weight : bold; } .oddUnread { font-weight : bold; } .invisible { display : none; } input { border : 1px solid #a0a0a0; } /* preferences */ table.prefFeedList tr.title td, table.prefFilterList tr.title td, table.headlinesList tr.title td, table.prefLabelList tr.title td, table.prefPrefsList tr.title td, table.prefFeedCatList tr.title td, table.prefUserList tr.title td { font-weight : bold; border-width : 0px 0px 1px 0px; border-color : #f0f0f0; border-style : solid; } a.helpLink { color : #808080; } a.helpLink:hover { color : #5050aa; } div.helpResponse { margin : 10px; background-image : url("images/vgrad_light_rev2.png"); background-position : top left; background-repeat : repeat-x; padding : 10px 20px 10px 20px; border : 1px solid #f0f0f0; } #infoBox { border : 1px solid #c0c0c0; padding-bottom : 10px; font-size : small; position : relative; bottom : 2px; right : 2px; background-color : white; } #infoBoxShadow { background-image : url("images/shadow.png"); position : absolute; margin-left : 30%; width : 30%; z-index : 3; display : none; } div.infoBoxContents { background-image : url("images/vgrad_light_rev2.png"); background-position : top left; background-repeat : repeat-x; padding : 5px; margin-bottom : 5px; } div.infoBoxContents td { font-size : small; } div.helpResponse h1, div.infoBoxContents h1 { border-width : 0px 0px 1px 0px; border-style : solid; border-color : #c0c0c0; font-size : 16pt; } div.helpResponse h2, div.infoBoxContents h2 { border-width : 0px 0px 0px 0px; font-size : 12pt; } pre { border : 1px solid #c0c0c0; padding : 5px; background : #f0f0f0; } #userDlg { left : 400px; top : 18px; background : #fffff0; z-index : 3; position : absolute; border : 1px solid #c0c0c0; padding : 10px; display : none; } #qafInput { width : 300px; } input.extSearch { width : 200px; } table.main td.prefsTabs { padding-left : 15px; } input.prefsTab { border-width : 1px 1px 0px 1px; border-color : #c0c0c0; padding : 2px 7px 2px 7px; margin : 0px 1px 0px 0px; width : 150px; background-image : url("images/vgrad_light_rev2.png"); background-position : top left; background-repeat : repeat-x; -moz-border-radius : 7px 7px 0px 0px; } input.prefsTabSelected { border-width : 1px 1px 0px 1px; border-color : #c0c0c0; padding : 2px 7px 2px 7px; margin : 0px 1px 0px 0px; width : 150px; background : white; font-weight : bold; background-position : top left; background-repeat : repeat-x; -moz-border-radius : 7px 7px 0px 0px; } input.prefsTab:hover { background : white; } div.warning { background : #fffff0; border : 1px solid #c0c0c0; padding : 5px; margin : 5px; font-size : x-small; } div.notice { background : #ffffff; border : 1px solid #c0c0c0; padding : 5px; margin : 5px; font-size : x-small; } ul.nomarks { list-style-type : none; margin : 0px; padding : 10px; } div.bigErrorMsg { border : 1px solid #c0c0c0; background : #fff0f0; padding : 30px; margin : 20px; } #splash { z-index : 3; width : 100%; height : 100%; position : absolute; text-align : center; background-image : url("images/vgrad_light_rev.png"); background-color : white; background-position : top left; background-repeat : repeat-x; } td.innerSplash { margin : 35px; } div.prefHelp, td.prefHelp { font-size : x-small; color : gray; padding : 5px; } td.welcomePrompt { font-size : small; color : gray; text-align : right; padding-right : 10px; } td.httpWelcomePrompt { font-size : small; color : gray; text-align : right; } table.loginForm { background-image : url("images/vgrad_light_rev.png"); background-color : white; background-position : top left; background-repeat : repeat-x; } table.innerLoginForm { border : 1px solid #f0f0f0; padding : 50px; background-color : white; } table.innerLoginForm td { padding : 3px 3px 5px 3px; } div.small, p.small { font-size : x-small; } span.insensitive { color : gray; } div.prefGenericAddBox { margin : 5px; } body.logoutBody { background-color : #f0f0f0; color : black; } span.logoutWarning { color : red; font-weight : bold; } div.logoutContent { width : 600px; border : 1px solid #c0c0c0; background-color : white; margin-left : auto; margin-right : auto; margin-top : 20px; padding : 10px; }