Difference between revisions of "Template:Paris Bettencourt/cssPages"
| Line 16: | Line 16: | ||
-o-background-size: cover; | -o-background-size: cover; | ||
background-size: cover; | background-size: cover; | ||
| − | + | border-bottom: 5px solid white; | |
} | } | ||
| Line 22: | Line 22: | ||
/* All banners for all pages */ | /* All banners for all pages */ | ||
.contentContainer#notebook { | .contentContainer#notebook { | ||
| − | + | background-image: url('../images/manips_bw.jpg'); | |
| − | background-image: url('https://static.igem.org/mediawiki/2015/2/2a/ParisBettencourt_notebookBanner.jpg'); | + | /*background-image: url('https://static.igem.org/mediawiki/2015/2/2a/ParisBettencourt_notebookBanner.jpg');*/ |
} | } | ||
| Line 53: | Line 53: | ||
#textWrapper { | #textWrapper { | ||
background-color: white; | background-color: white; | ||
| − | width: 100%; | + | width: 100%; |
} | } | ||
/* Text content */ | /* Text content */ | ||
#textContent { | #textContent { | ||
| − | width: 100%; | + | width: 98%; |
| + | width: calc(100%-20px); | ||
max-width: 1800px; | max-width: 1800px; | ||
| + | font-size: 16px; | ||
margin: auto; | margin: auto; | ||
| − | |||
| − | |||
| − | |||
padding: 10px; | padding: 10px; | ||
/* -webkit-column-count: 2; | /* -webkit-column-count: 2; | ||
| Line 71: | Line 70: | ||
} | } | ||
| + | |||
| + | |||
| + | /* Overview box */ | ||
| + | #overview { | ||
| + | background: black; | ||
| + | color: white; | ||
| + | font-size: 15px; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Title styling */ | ||
#textContent h1 { | #textContent h1 { | ||
font-size: 30px; | font-size: 30px; | ||
font-weight: bold; | font-weight: bold; | ||
margin: 20px; | margin: 20px; | ||
| + | font-family: 'Libertinagec', serif; | ||
} | } | ||
#textContent h2 { | #textContent h2 { | ||
| Line 80: | Line 92: | ||
font-weight: bold; | font-weight: bold; | ||
margin: 15px; | margin: 15px; | ||
| + | font-family: 'Libertinagec', serif; | ||
} | } | ||
#textContent h3 { | #textContent h3 { | ||
| Line 85: | Line 98: | ||
font-weight: bold; | font-weight: bold; | ||
margin: 10px; | margin: 10px; | ||
| + | font-family: 'Libertinagec', serif; | ||
} | } | ||
#textContent h4 { | #textContent h4 { | ||
| Line 98: | Line 112: | ||
margin-top: 8px; | margin-top: 8px; | ||
} | } | ||
| − | + | ||
| − | + | ||
| − | + | /* Lists styling */ | |
| − | + | ||
| − | + | ||
#textContent ul, ol { | #textContent ul, ol { | ||
display: block; | display: block; | ||
| Line 118: | Line 130: | ||
list-style-type: circle; | list-style-type: circle; | ||
} | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Paragraphs and columns */ | ||
| + | #textContent p { | ||
| + | margin-top: 5px; | ||
| + | margin-bottom: 10px; | ||
| + | text-align: justify; | ||
| + | line-height: 25px; | ||
| + | } | ||
| + | |||
| + | #textContent p.column-left { | ||
| + | float: left; | ||
| + | width: 48%; | ||
| + | } | ||
| + | #textContent p.column-right { | ||
| + | width: 48%; | ||
| + | float: right; | ||
| + | } | ||
| + | #textContent #clear { | ||
| + | clear: both; | ||
| + | height: 10px; | ||
| + | } | ||
| + | #textContent hr { | ||
| + | border: 0; | ||
| + | height: 10px; | ||
| + | border-bottom: 1px solid grey; | ||
| + | margin-left: 100px; | ||
| + | margin-right: 100px; | ||
| + | margin-bottom: 50px; | ||
| + | } | ||
| + | |||
| + | |||
| + | /* Tables */ | ||
| + | #textContent table { | ||
| + | border-top: 2px solid black; | ||
| + | border-bottom: 2px solid black; | ||
| + | margin-top: 10px; | ||
| + | margin-bottom: 10px; | ||
| + | border-collapse: separate; | ||
| + | margin: auto; | ||
| + | width: 100%; | ||
| + | } | ||
| + | #textContent tr { | ||
| + | border-bottom: 1px solid black; | ||
| + | margin: 5px; | ||
| + | } | ||
| + | #textContent th { | ||
| + | font-weight: bold; | ||
| + | text-align: center; | ||
| + | vertical-align: middle; | ||
| + | border-bottom: 2px solid black; | ||
| + | background-color: #FFF101; | ||
| + | padding: 3px; | ||
| + | margin: 3px; | ||
| + | } | ||
| + | #textContent td { | ||
| + | padding: 2px; | ||
| + | vertical-align: middle; | ||
| + | } | ||
| + | |||
| + | |||
| + | |||
| + | /* Inline styling */ | ||
| + | #textContent b, #textContent strong { | ||
| + | font-weight: bold; | ||
| + | } | ||
| + | #textContent i, #textContent em { | ||
| + | font-style: italic; | ||
| + | } | ||
| + | |||
</style> | </style> | ||
</html> | </html> | ||
Revision as of 16:12, 12 August 2015