Team:Cooper Union/CSS/notebookStyles

From 2014.igem.org

(Difference between revisions)
(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 { /*position:absolute; top:1px; right:0;*/  font-size:1.7em; margin:20px 0; }
+
.month-links {font-size:1.7em; margin:20px 0; }
-
.month-links a { padding-right:20px; text-decoration:none; font-weight:bold; color:#bbb; }
+
.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; }