diff options
author | jose.lausuch <jose.lausuch@ericsson.com> | 2016-09-01 10:44:01 +0200 |
---|---|---|
committer | jose.lausuch <jose.lausuch@ericsson.com> | 2016-09-01 10:44:01 +0200 |
commit | 2481f29a0f558f2d1b0140b9ab34615d96a4f222 (patch) | |
tree | e46ef3f2b7b03370672c091bec86aab913142ee7 /infra-dashboard/css/theme.css | |
parent | 2a634c9262e7f51a7802b69b9ba51641711f2ad4 (diff) |
Remove first prototype of the Pharos Dashboard
The Dashboard implementation from Max is im progress and
more advanced than the initial one. It doesn't make sense
to maintain both of them.
Change-Id: Iabea63a7e5b6e8d64cb72b8de2264c5c4484eae8
Signed-off-by: jose.lausuch <jose.lausuch@ericsson.com>
Diffstat (limited to 'infra-dashboard/css/theme.css')
-rw-r--r-- | infra-dashboard/css/theme.css | 387 |
1 files changed, 0 insertions, 387 deletions
diff --git a/infra-dashboard/css/theme.css b/infra-dashboard/css/theme.css deleted file mode 100644 index 59ae59f..0000000 --- a/infra-dashboard/css/theme.css +++ /dev/null @@ -1,387 +0,0 @@ -.container { - width: 100% -} -#hs-component { - background-color: inherit; - padding: 0 -} -#hs-component .container { - padding: 0; - width: 100% -} -#comp-menu { - background-color: #FFFFFF; - z-index: 1; - padding: 0 -} -#comp-menu .cont, -.demo { - padding: 0 50px -} -#comp-menu h2, -#comp-menu h2 a { - color: #000000; - font-weight: lighter; - text-transform: inherit -} -#comp-menu h2 a:hover { - color: #8085e8 -} - -.blink_me { - animation: blinker 1.5s linear infinite; -} - -@keyframes blinker { - 20% { opacity: 0.4; } -} - - -a.btn.btn-theme { - color: #eeeaea; - background-color: #007E88; - border: 1px solid #007E88; - border-bottom: 0; - border-radius: 0; - font-weight: 400; - margin: 0 5px 0 0 -} -a.btn.btn-theme:hover { - color: #90ef7f -} - - -.btn-book { - color: #fff; - background-color: #337ab7; - border-color: #2e6da4; - display: inline-block; - white-space: nowrap; - vertical-align: middle; - border: 1px solid transparent; - touch-action: manipulation; - cursor: pointer; - padding: 2px 6px; - font-size: 10px; - font-weight: bold; - line-height: 1.1333333; - border-radius: 6px; - background-image: linear-gradient(to bottom,#337ab7 0,#265a88 100%); -} - -a.btn.btn-theme.noselected { - background-color: #FFF; - color: #313131; - opacity: 1 -} - -a.btn.btn-theme.disabled { - background-color: #FFF; - color: #313131; - opacity: 1 -} -.demo { - background-color: #f6f6f6 -} -.demo .demo-name { - color: #000000; - font-weight: lighter; - text-transform: none; - padding-left: 15px; - text-align: center; - display: inline; - margin: 0 10px -} -#chart-switcher { - text-align: center; - padding: 30px 0 -} -.demo #chart-switcher #next-example, -.demo #chart-switcher #previous-example { - font-size: 30px; - padding: 0 10px; - color: #888 -} -#demo-buttons { - text-align: center; - padding: 30px 0 -} -#demo-buttons a { - background-color: #ddd -} -#demo-buttons a:hover { - background-color: #40818b -} -.demo .chart-container { - position: relative; - background-color: #fff; - padding: 30px 0 -} -.demo .chart-container #previous-example { - position: absolute; - top: 50%; - left: -30px; - font-size: 70px; - color: #888 -} -.demo .chart-container #next-example { - position: absolute; - top: 50%; - right: -30px; - font-size: 70px; - color: #888 -} -.sidebar-eq-fill { - background-color: #f6f6f6 -} -@media screen and (max-width: 400px) { - #chart-switcher, - .demo .chart-container, - .sidebar-wrapper .sidebar-eq { - padding: 0 - } - #small-switcher { - text-align: center - } - .demo #chart-switcher #next-example, - .demo #chart-switcher #previous-example { - font-size: 20px - } - #sidebar-close { - position: absolute; - top: 0; - left: 0; - background-color: #FFFFFF; - color: #fff; - border-radius: 0; - z-index: 100; - cursor: pointer; - padding: 10px; - visibility: hidden - } - .toggled #sidebar-close { - visibility: visible - } -} -@media screen and (min-width: 400px) and (max-width: 768px) { - .demo { - padding: 15px - } - #sidebar-close { - position: absolute; - top: 0; - left: 0; - background-color: #FFFFFF; - color: #fff; - border-radius: 0; - z-index: 100; - cursor: pointer; - padding: 10px; - visibility: hidden - } - .toggled #sidebar-close { - visibility: visible - } -} -#hs-below { - background-color: #eeeaea; - font-size: 18px; - line-height: 26px -} -#hs-below h3 { - font-size: 30px; - line-height: 30px; - font-weight: bolder; - margin-top: 0; - margin-bottom: 15px -} -#hs-below p, -ul { - font-size: 1pc -} -#hs-below .box { - position: relative; - background-color: #fff; - padding: 14px 22px -} -#hs-below .box .box-content { - margin-bottom: 40px -} -#hs-below .box .button { - position: absolute; - bottom: 0; - margin-bottom: 10px -} -#hs-below .box.purple { - border-bottom: 8px solid #8085e8 -} -#hs-below .box.green { - border-bottom: 8px solid #90ef7f -} -#hs-below .box .book { - text-align: center -} -#hs-below .box .book img { - max-height: 200px -} -@media screen and (max-width: 768px) { - #hs-below h3 { - margin-top: 30px - } - #hs-below .box-1 h3 { - margin-top: 0 - } - #hs-below .box .book { - text-align: left - } -} -@media screen and (min-width: 768px) and (max-width: 992px) { - #hs-below h3 { - margin-top: 30px - } - #hs-below .box-1 h3, - #hs-below .box-2 h3 { - margin-top: 0 - } - #hs-below .box-1 .box, - #hs-below .box-2 .box { - min-height: 260px - } - #hs-below .box-3 .box, - #hs-below .box-4 .box { - min-height: 280px - } -} -@media screen and (min-width: 992px) and (max-width: 1200px) { - #hs-below h3 { - margin-top: 30px - } - #hs-below .box-1 h3, - #hs-below .box-2 h3 { - margin-top: 0 - } - #hs-below .box-1 .box, - #hs-below .box-2 .box { - min-height: 255px - } - #hs-below .box-3 .box, - #hs-below .box-4 .box { - min-height: 280px - } -} -@media screen and (min-width: 1200px) { - #hs-below .box { - min-height: 390px - } -} -#hs-bottom, -#hs-bottom a { - color: #eeeaea -} -#hs-bottom { - background-color: #FFFFFF; - font-size: 1pc; - line-height: 20px -} -#hs-bottom a:focus, -#hs-bottom a:hover { - color: #90ef7f -} -#hs-bottom a.button { - color: #313131 -} -#hs-bottom a.button:focus, -#hs-bottom a.button:hover { - color: #eeeaea -} -#hs-bottom h3 { - font-size: 24px; - line-height: 24px; - font-weight: lighter -} -#hs-bottom h4 { - font-size: 14px -} -#hs-bottom .grayed { - color: #d6d1d1; - margin: 0 -} -@media screen and (max-width: 768px) { - #hs-bottom [class*=col-] { - border-bottom: 1px dotted #eeeaea; - padding-bottom: 15px - } - #hs-bottom [class*=col-]:nth-child(1) h3 { - margin-top: 0 - } - #hs-bottom [class*=col-]:last-child { - border-bottom: 0; - padding-bottom: 0 - } -} -@media screen and (min-width: 768px) and (max-width: 992px) { - #hs-bottom [class*=col-] { - min-height: 350px; - border-right: 1px dotted #eeeaea - } - #hs-bottom [class*=col-]:last-child, - #hs-bottom [class*=col-]:nth-child(2) { - border-right: 0 - } -} -@media screen and (min-width: 992px) and (max-width: 1200px) { - #hs-bottom [class*=col-] { - min-height: 300px; - border-right: 1px dotted #eeeaea - } - #hs-bottom [class*=col-]:last-child, - #hs-bottom [class*=col-]:nth-child(2) { - border-right: 0 - } -} -@media screen and (min-width: 1200px) { - #hs-bottom [class*=col-] { - min-height: 25pc; - border-right: 1px dotted #eeeaea - } - #hs-bottom [class*=col-]:last-child { - border-right: 0 - } -} - - - -.button{ - border:1px solid #333; - background:#6479fd; -} -.button:hover{ - background:#a4a9fd; -} -.dialog{ - border:5px solid #666; - padding:10px; - background:#3A3A3A; - position:absolute; - display:none; -} -.dialog label{ - display:inline-block; - color:#cecece; -} -input[type=text]{ - border:1px solid #333; - display:inline-block; - margin:5px; -} -#btnOK{ - border:1px solid #000; - background:#ff9999; - margin:5px; -} - -#btnOK:hover{ - border:1px solid #000; - background:#ffacac; -} - |