lmc/global.css

251 lines
3.6 KiB
CSS

/*
* This file is part of Linode Manager Classic.
*
* Linode Manager Classic is free software: you can redistribute it and/or modify
* it under the terms of the GNU General Public License as published by
* the Free Software Foundation, either version 3 of the License, or
* (at your option) any later version.
*
* Linode Manager Classic is distributed in the hope that it will be useful,
* but WITHOUT ANY WARRANTY; without even the implied warranty of
* MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the
* GNU General Public License for more details.
*
* You should have received a copy of the GNU General Public License
* along with Linode Manager Classic. If not, see <https://www.gnu.org/licenses/>.
*/
a {
color: #0000CC;
text-decoration: none;
}
#banner-buttons {
color: #0C0;
float: right;
font-size: 13px;
margin-top: 10px;
}
#banner-buttons a:hover {
color: #FFF;
}
#banner-buttons p {
display: inline;
margin: 0;
vertical-align: super;
}
#banner-title {
font-size: 44px;
font-weight: bold;
letter-spacing: -.06em;
line-height: 70px;
text-shadow: 1px 1px 1px #57D66B;
}
body {
background-color: #ECECEC;
font-family: Arial, Helvetica, sans-serif;
font-size: 15px;
margin: 0;
}
button {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
}
#domain-tag {
display: none;
}
header {
background-color: #32AE4D;
}
.info {
color: #777;
}
#linode-tag {
display: none;
}
#loading {
font-weight: bold;
}
.lmc-table {
background-color: #CECECE;
width: 100%;
}
.lmc-table tbody:not(.lmc-tbody-head) {
font-size: 13.3px;
}
.lmc-table tbody:not(.lmc-tbody-head) tr {
border-bottom: 1px solid #E8E8E8;
}
.lmc-table tbody:not(.lmc-tbody-head):last-of-type tr:last-of-type {
border: none;
}
.lmc-table tbody.lmc-tbody-head tr:first-of-type {
font-weight: bold;
}
.lmc-table tbody.lmc-tbody-head tr:nth-of-type(2) {
background-color: #EEE;
font-size: 14px;
}
.lmc-table td {
padding: 0.4em;
}
.lmc-table thead tr:first-of-type {
font-weight: bold;
}
.lmc-table thead tr:nth-of-type(2) {
background-color: #EEE;
font-size: 14px;
}
.lmc-tr1 {
background-color: #FFF;
}
.lmc-tr2 {
background-color: #F4F4FF;
}
.lmc-tr3 {
background-color: #FFF;
}
#logout-link {
color: #6F6;
}
#main-content {
background-color: #FFF;
box-shadow: 2px 2px 3px #BBB;
margin: 20px auto;
}
#main-nav {
background-color: #222;
background-image: linear-gradient(#505050, #111);
}
#nav-left {
display: inline-block;
}
#nav-right {
display: inline-block;
float: right;
}
.navlink {
color: #DDD;
display: inline-block;
line-height: 31px;
padding: 0px 15px;
}
.navlink:hover {
color: #FFF;
}
.navlink-active {
background-color: #ECECEC;
color: #000;
display: inline-block;
line-height: 31px;
padding: 0px 15px;
}
.noshow {
display: none;
}
.notification {
background: #FFDE4C;
margin: 0 0 20px;
padding: 5px;
text-align: center;
}
.notification h1 {
font-size: 25px;
}
#profile-link {
color: #DDD;
}
#profile-pic {
border: 1px solid #FFF;
display: none;
height: 18px;
width: 18px;
}
.sub-links {
font-size: 13.3px;
margin-bottom: 30px;
text-align: right;
}
#subnav {
position: relative;
top: 20px;
}
.subnav-link {
display: inline-block;
padding: 7px 10px;
}
.subnav-link-active {
background-color: #FFF;
box-shadow: 2px -1px 1px #DDD;
color: #000;
}
table {
border-collapse: collapse;
}
#top-links {
padding: 15px;
}
.top-links-title {
font-weight: bold;
}
#username {
color: #000;
font-weight: bold;
}
.warning {
background: #FFDE4C;
font-size: 16px;
margin-top: 0;
padding: 7px;
text-align: center;
}
.wrapper {
margin: 0 auto;
width: 990px;
}