.myRateoholic_Styles {font-family:arial,sans-serif; text-shadow: 0.1em 0.1em 0.5em #999;} .myRateoholic_darkspopup { color: #000; background-color: #ddd; text-align: center; border-width: thin; border-color: #99f } .myRateoholic_faded { color: #999; font-size: x-small} #myRateoholic_LoginLayer { background-color: #eef; visibility: hidden; position: absolute; } #myRateoholic_LoggedInLayer { background-color: #eef; visibility: visible; float: right; position: relative; top: 0%; width: auto; height: 25px; border: solid 1pt #ddd;} .myRateoholic_linklist { line-height: 1.5 } .myRateoholic_imagestyle { border-width: 0px; border-color: #99f; background-color: #ffffff; padding: 2px; filter: alpha(opacity=100); opacity: 1; } .myRateoholic_whitebacktrans { position: absolute; top: 0; left: 0; width: 100%; height: 100%; background-color: #eaeef6; filter: alpha(opacity=100); opacity: 1; z-index:-2; background-image: url(../textures/BlueMoon.jpg); } .myRateoholic_updates { visibility: visible; position: absolute; left: 25.5%; top: 1%; width: 51%; height: 98%; padding: 0px; overflow:auto; } #myRateoholic_MainFrame { visibility: visible; padding: 3px; position: absolute; top: 10px; left: 1%; width: 98%; height: 98%; z-index:0; } #myRateoholic_layer3 { visibility: visible; position: absolute; top: 55px; left: 25%; width: 51%; height: 90% } .myRateoholic_LeftLayer { visibility: visible; position: absolute; top: 1%; left: 1%; width: 23%; height:98%; overflow-y:auto; overflow-x:hidden;} .myRateoholic_profileBox { visibility: visible; position: absolute; width: 100%; height: 100%; padding: 0px; overflow-y:auto; overflow-x:hidden;} .myRateoholic_BadgeBox { visibility: visible; position: relative; left:3%; width: 90%; height:120px; left:3%; overflow:auto; padding: 3px; border:medium dotted #220088; } .myRateoholic_ReviewersList { visibility: visible; position: absolute; top: 1%; right: 1%; width: 21%; height: 50%; padding: 0px; } .myRateoholic_WatchedReviewers { visibility: visible; position: absolute;} .myRateoholic_TopMatchingReviewers { visibility: visible; position: absolute; bottom: 1%;} .myRateoholic_Backstyle { background-image: url(../textures/BlueMoon.jpg); background-repeat: repeat-xy; background-color: #fff; filter: alpha(opacity=50); opacity: 0.5; } .myRateoholic_darkertrans { z-index:-2; background-color: filter: alpha(opacity=); opacity: ; } .myRateoholic_titlecontainer { position:relative; height: auto; } .myRateoholic_titlebackground {position: absolute; top: 0; left: 0; background-color: #000055; width: 100%; height: 100%; filter: alpha(opacity=10); opacity: 0.1; } .myRateoholic_lightupdate{ background-color: #000022; filter: alpha(opacity=10); opacity: 0.1; } .myRateoholic_darkupdate {background-color: #000066; filter: alpha(opacity=10); opacity: 0.2; } WBR:after { content: "\00200B"; } .myRateoholicUsersBackground {background-image: url(../textures/BlueMoon.jpg); } .myRateoholicBackground { background-color: #112; } /* ------------ InsertPanelExample ------------ */ .demo-InsertPanelExample .demo-InsertPanelExample-widget , .demo-InsertPanelExample .demo-InsertPanelExample-heading , .demo-InsertPanelExample .demo-InsertPanelExample-spacer { padding: 0.1em; margin: 0.1em; width: 120px; } .demo-InsertPanelExample .demo-InsertPanelExample-widget , .demo-InsertPanelExample .demo-InsertPanelExample-heading { border: 1px solid blue; } .demo-InsertPanelExample .demo-InsertPanelExample-spacer { height: 50px; } .demo-InsertPanelExample .demo-InsertPanelExample-widget { background-color: #B3FF87; /* bright green */ } .demo-InsertPanelExample .demo-InsertPanelExample-heading { background-color: #87B3FF; /* bright blue */ } .demo-InsertPanelExample .demo-InsertPanelExample-column-composite { padding: 1px; } /* ------------ InsertPanelExample ------------ */ .myRateoholicInsertPanel .myRateoholicInsertPanel-widget , .myRateoholicInsertPanel .myRateoholicInsertPanel-heading , .myRateoholicInsertPanel .myRateoholicInsertPanel-spacer { padding: 0.1em; margin: 0.1em; width: 120px; } .myRateoholicInsertPanel .myRateoholicInsertPanel-widget , .myRateoholicInsertPanel .myRateoholicInsertPanel-heading { /* border: 1px solid blue; */ } .myRateoholicInsertPanel .myRateoholicInsertPanel-spacer { height: 50px; } .myRateoholicInsertPanel .myRateoholicInsertPanel-widget { background-color: #B3FF87; /* bright green */ } .myRateoholicInsertPanel .myRateoholicInsertPanel-heading { /* background-color: #6793DF; not so bright blue */ font-weight: bold; color: white; width: 100%; text-align: center; } .myRateoholicInsertPanel .myRateoholicInsertPanel-column-composite { padding: 1px; }