/* **************************************************************** Upgrade June 2015 Kepp working on this! It has been stale for some time Last-updated: 2015-06-13 initial meant for git repo, dev resumed Next: v1: current copy to text editor -> edit/replace -> copy to css pad -> refresh v1.5: ... v2: first rewrite stabled color schemes definition less v3: future 1-click auto-generated **************************************************************** **** **** THEMING: **** For basic customization of this theme, **** just find+replace the values on the right. **** **** --------------------------------------------------- **** **** Colors: **** **** Main color = #AD65EA **** Page background = black (black) **** P:COLOR & B:BG = cyan (cyan) **** U:BG + A:COLOR = cyan (blue) **** I:BG = cyan (cyan) **** A/VISITED:COLOR = cyan (cyan) **** B:TEXT = black ... contrast to cyan (can be black) **** *************************************************************** */ /*/////////////////////////////////////////////// /// // // // TEXT BLOCKS // */ body { font: normal 12pt/14pt 'Ubuntu Mono', serif; #font-family: 'Ubuntu Mono'; background: #ddd; /*color: cyan;*/ color: black; color: white; background: #030; background: beige; background: black; } h1 { padding: 8px 25 8 25; display: inline; color: black; background: cyan; text-shadow: 2px 2px 1px cyan; } /* Sync padding ratio with h1 !!! RATIO = 1:3:1:3 MARGIN = 3:1:3:1 */ h4 { display: inline; padding: 3px 9 3 9; margin: 30px 10 30 10; color: black; background: cyan; border: 1px solid black; text-shadow: 2px 2px 1px cyan; } /* * **************************************************** * ETHERPAD STUFF * */ .main_container { margin: 50px 10 50 10; text-align: center; } .etherpad_container { display: inline-block; font-size: 120%; word-wrap: break-word; line-height: 140%; text-align: left !important; margin: 80px 30 30 30; padding: 10px; max-width: 70%; background: beige; background: black; } .etherpad_toc > li { font-size: 70%; line-height: 70%; } u { font-size: 150%; color: #FF2C89 !important; color: black !important; color: turquoise !important; background: cyan; background: none; text-shadow: 0px 0px 0px black; text-shadow: 1px -1px 1px black; text-shadow: none; border-bottom: 6px solid cyan; padding-bottom: 1px; text-decoration: none; } strong { background: cyan; background: none; color: turquoise; border-bottom: 3px solid turquoise; padding-bottom: 0px; display: inline; font-style: normal; font-weight: bold; padding: 3px; margin: 3px; } em { color: black; color: turquoise !important; background: cyan; background: none; background: #DDD; background: #444; display: inline; font-style: normal; font-style: italic; /* padding: 3px 9 3 9; margin: 13px 9 13 9; */ } a:link { color: gray; border-bottom: 1px solid cyan; padding-bottom: 1px; padding-bottom: 0px; text-decoration: none; } a:visited { color: gray; font-style: italic; } a:hover { font-weight: bold; } .btn { background: cyan; color: black; text-shadow: none; }