Team:Cooper Union/CSS/notebookStyles
From 2014.igem.org
(Created page with " .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:...") |
|||
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; } | ||
.notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } | .notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } | ||
Line 13: | Line 12: | ||
- | .month-links { | + | .month-links {font-size:1.7em; margin:20px 0; } |
- | .month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:# | + | .month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#ccc; } |
.month-links a:hover { color:#000; } | .month-links a:hover { color:#000; } | ||
Revision as of 01:38, 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; } .notebook-navigation a { background-color:#333; font-weight:bold; color:#fff; } .notebook-navigation a:hover { background-color:#fff; font-weight:bold; color:#000; }
.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; color:#444; margin-bottom:30px; }
.notebook-nav-container p { margin:0; padding:0; position:relative; }
h3 { clear:right; }
.month-links {font-size:1.7em; margin:20px 0; }
.month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#ccc; }
.month-links a:hover { color:#000; }
.notebook-header { padding:20px 15px; border-top:3px solid #555; border-bottom:3px solid #555; 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; }