Team:Cooper Union/CSS/notebookStyles

From 2014.igem.org

(Difference between revisions)
 
(2 intermediate revisions not shown)
Line 13: Line 13:
h3 { clear:right; }
h3 { clear:right; }
-
 
+
.notebook-bottom-spacer  { height:700px; }
.month-links {font-size:1.7em; margin:0; }
.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; }
Line 19: Line 19:
.month-links a.selected { color:#000; }
.month-links a.selected { color:#000; }
-
.notebook-header  { padding:20px 15px; border-top:3px solid #555; border-bottom:3px solid #555;  font-family:Arial; }
+
.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; }

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; }