boost/website
2
0
Fork 0
mirror of https://github.com/boostorg/website.git synced 2026-01-19 04:42:17 +00:00
Code Issues Projects Releases Wiki Activity

Website: Place the out of date notice over the header.

Browse Source 
Placing it inline was messy on some pages (such as exception), so
position it above the header. A bit scrappy, and looks pretty bad when
the window is narrow, but I didn't want to mess around with the header,
so this seemed like the easiest solution.

[SVN r80662]
This commit is contained in:
Daniel James
2012-09-23 11:21:10 +00:00
parent fc003287e9
commit 224e57f315
1 changed files with 17 additions and 3 deletions
Download Patch File Download Diff File Expand all files Collapse all files

20
style-v2/css_0/header.css
View File

@@ -102,10 +102,24 @@
#heading .heading-search #search-text #q:hover {
border-bottom: 1px #FFFFFF solid;
}
.boost-common-header-notice {
font-family: sans-serif;
font-size: 13px;
position: absolute;
top: 10px;
left: 300px;
max-width: 400px;
max-height: 66px;
overflow: hidden;
border: 1px solid #aa5;
background: #ffc;
color: #000;
margin: 0 auto 1em auto;
padding: 0.5em 1em;
}
padding: 10px 13px;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.5);
}
.boost-common-header-notice a {
text-decoration: underline;
color: #005a9c;
}