Team:Cooper Union/CSS/notebookStyles
From 2014.igem.org
(9 intermediate revisions not shown) | |||
Line 1: | Line 1: | ||
- | .notebook-navigation a { display:block; float:left; width:50px; height:25px; border:2px solid #000; line-height:25px; padding:0; text-align:center; text-decoration:none; margin:3px; } | + | .notebook-navigation a { display:block; float:left; width:50px; height:25px; border:2px solid #000; line-height:25px; padding:0; text-align:center; text-decoration:none; margin:3px; font-size:1.1em; } |
.notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } | .notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } | ||
.notebook-navigation a:hover { background-color:#fff; font-weight:bold; color:#000; } | .notebook-navigation a:hover { background-color:#fff; font-weight:bold; color:#000; } | ||
- | .back-to-top-button { float:right; display:block; text-align:right; } | + | a.back-to-top-button { float:right; display:block; text-align:right; } |
- | .back-to-top-button { font-size:0.65em; font-weight:normal; text-decoration:none !important | + | a.back-to-top-button { font-size:0.65em; font-weight:normal; text-decoration:none !important; margin-bottom:30px; } |
+ | a.back-to-top-button { color:#999; } | ||
+ | a.back-to-top-button:hover { color:#000; } | ||
.notebook-nav-container p { margin:0; padding:0; position:relative; } | .notebook-nav-container p { margin:0; padding:0; position:relative; } | ||
Line 11: | Line 13: | ||
h3 { clear:right; } | h3 { clear:right; } | ||
- | + | .notebook-bottom-spacer { height:700px; } | |
- | .month-links {font-size:1.7em; margin: | + | .month-links {font-size:1.7em; margin:0; } |
.month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#ccc; } | .month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#ccc; } | ||
- | .month-links a:hover { color:# | + | .month-links a:hover { color:#333; } |
- | + | .month-links a.selected { color:#000; } | |
- | .notebook-header { padding:20px | + | .notebook-header { padding:20px 5px; border-top:3px solid #555; border-bottom:3px solid #555; margin-top:30px; font-family:Arial; } |
.notebook-header h1 { margin:0; } | .notebook-header h1 { margin:0; } | ||
.notebook-header .left-side { width:47%; float:left; margin:0; } | .notebook-header .left-side { width:47%; float:left; margin:0; } | ||
Line 33: | Line 35: | ||
- | .text h3 { font-family:arial; font-size:1.3em; margin | + | .text h3 { font-family:arial; font-size:1.3em; margin:40px 0 0 0; } |
Latest revision as of 02:03, 16 October 2014
.notebook-navigation a { display:block; float:left; width:50px; height:25px; border:2px solid #000; line-height:25px; padding:0; text-align:center; text-decoration:none; margin:3px; font-size:1.1em; } .notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } .notebook-navigation a:hover { background-color:#fff; font-weight:bold; color:#000; }
a.back-to-top-button { float:right; display:block; text-align:right; } a.back-to-top-button { font-size:0.65em; font-weight:normal; text-decoration:none !important; margin-bottom:30px; }
a.back-to-top-button { color:#999; } a.back-to-top-button:hover { color:#000; }
.notebook-nav-container p { margin:0; padding:0; position:relative; }
h3 { clear:right; }
.notebook-bottom-spacer { height:700px; } .month-links {font-size:1.7em; margin:0; } .month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#ccc; } .month-links a:hover { color:#333; } .month-links a.selected { color:#000; }
.notebook-header { padding:20px 5px; border-top:3px solid #555; border-bottom:3px solid #555; margin-top:30px; font-family:Arial; } .notebook-header h1 { margin:0; } .notebook-header .left-side { width:47%; float:left; margin:0; }
.notebook-nav-container {width:44%; float:right; position:relative; }
.notebook-nav-container h2 { margin-top:0; font-size:1.29em; } .notebook-nav-container h2 span { position:relative !important; width:200px; display:block !important; text-align:left; } .notebook-nav-container h2 span .month-links { display:none; }
.notebook-nav-container p { } .notebook-nav-container h2 span:hover .month-links { display:block; font-weight:bold; position:absolute; top:95%; left:0; background-color:#fff; border:3px solid #ddd; padding:5px 14px 10px 0;} .notebook-nav-container h2 span:hover .month-links a { padding:6px 0; }
.text h3 { font-family:arial; font-size:1.3em; margin:40px 0 0 0; }