openstack-manuals/www/static/common/css/deprecated-badge.css
Sebastian Marcet b603d1be80 Added deprecation badge
added a new fixed badge indicating the deprecation status of each
release

* obsolete - "No longer supported by the community. For the current release,
  CLICK HERE.", #ff0000
* EOL - "No longer supported by the community. For the current release,
  CLICK HERE.", #ff0000
* maintained - This has two states. The current release and recent releases.
** Current Release - "This is the current release.", #30739C
** Recent Release - "This is maintained, but NOT the current release. For
   the current release, CLICK HERE.", #eaeaea
* Current Release - "This is the current release.", #30739C
* Recent Release - "This is maintained, but NOT the current release. For
  the current release, CLICK HERE.", #eaeaea
* development - "This release is currently under development For the
  current release, CLICK HERE.", #eaeaea

Change-Id: I67a759440c2e99b33aa925c5e17c11a1b885ac82
2018-03-07 10:12:22 -03:00

100 lines
1.8 KiB
CSS

/* deprecated badge css */
.deprecated-badge {
background: #2A4E68;
padding: 15px;
text-transform: uppercase;
font-size: 1em;
box-shadow: 0px 2px 2px 0px rgba(0, 0, 0, 0.46);
-webkit-font-smoothing: subpixel-antialiased;
color: #edf2f7 !important;
}
.deprecated-badge a, .deprecated-badge p {
text-decoration: none;
position: relative;
color: #edf2f7;
}
.deprecated-badge a:hover {
color: white;
text-decoration: none;
}
.deprecated-badge.fixed {
position: fixed;
top: 0;
left: 0;
right: 0;
z-index: 1000;
}
p.deprecated-badge-left {
float: left;
}
a.deprecated-badge-right {
float: right;
display: none;
font-size: 0.9em;
}
.deprecated-badge.fixed a.deprecated-badge-right {
display: inline-block;
}
.navbar-default{
margin-top: 50px !important;
}
.deprecated-badge-obsolete {
background: #ff0000 !important;
}
.deprecated-badge-eol {
background: #ff0000 !important;
}
.deprecated-badge-current {
background: #30739C !important;
}
.deprecated-badge-maintained {
background: #eaeaea !important;
}
.deprecated-badge-development {
background: #eaeaea !important;
}
.deprecated-badge-development a, .deprecated-badge-development p {
color: #000000 !important;
}
.deprecated-badge-maintained a, .deprecated-badge-maintained p {
color: #000000 !important;
}
.deprecated-badge .container
{
}
.deprecated-badge .deprecated-badge-close-button{
position:absolute;
top:1%;
left:99%;
cursor: pointer;
}
.deprecated-badge-maintained .deprecated-badge-close-button{
color: #000000 !important;
}
.deprecated-badge-development .deprecated-badge-close-button{
color: #000000 !important;
}
.deprecated-badge-current .deprecated-badge-close-button{
color: white !important;
}