+++ /dev/null
-/*
- * STANDARD_RIFT_IO_COPYRIGHT
- */
-@import "style/_colors.scss";
-.Config {
- -ms-flex: 1 1 100%;
- flex: 1 1 100%;
-
- .refreshStatus {
- margin-left: 0.5rem;
- padding: 1rem 0;
-
- .currentStatus {
- text-transform: uppercase;
- display:-ms-flexbox;
- display:flex;
- -ms-flex-line-pack:center;
- align-content:center;
- }
- span.oi {
- cursor: pointer;
- }
- }
- .delete, .cancel {
- cursor: pointer;
- }
- .associateSdnAccount {
- margin: 1rem;
- }
- .create > .flex-row > li {
- -ms-flex: 1 1 auto;
- flex: 1 1 auto;
- margin: 0 .25rem;
- }
- .create > .flex-row > li:first-child {
- margin-left: .5rem;
- }
- .create > .flex-row > li:last-child {
- margin-right: .5rem;
- }
- /* .flex-row > li h3 {*/
- /* background-color: #ffffff;*/
- /* padding: 12px 18px;*/
- /* text-transform: uppercase;*/
- /* }*/
- .create .options {
- -ms-flex-wrap: wrap;
- flex-wrap: wrap;
- text-align: center;
- margin: 24px auto;
- width: 90%;
- flex-wrap: wrap;
- margin: 24px auto;
- width: 90%;
- -ms-flex-pack: start;
- justify-content: flex-start;
- }
- .create .options a {
- background-color: #ffffff;
- -ms-flex: 0 1 32%;
- flex: 0 1 32%;
- margin: 0 4px 4px 0;
- padding: 4px;
- box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
- }
- .create .options a h5 {
- font-size: 10px;
- margin: 5px 0 0 5px;
- text-align: left;
- }
- .create .options a img {
- margin-top: 10px;
- width: 70%;
- }
- .list-pools {
- padding: 24px;
- }
- .list-pools li a {
- background-color: #ffffff;
- display: block;
- font-size: 12px;
- margin-bottom: 24px;
- padding: 12px;
- text-align: center;
- box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
- }
- .list-pools li h4 {
- text-align: left;
- }
- .list-pools li img {
- margin-top: 24px;
- width: 65%;
- }
- .form-actions {
- clear: both;
- margin-top: 36px;
- text-align: center;
- margin-bottom:1rem;
- }
- .form-actions a {
- color: #000000;
- display: inline-block;
- font-size: 12px;
- padding: 8px 64px;
- text-decoration: none;
- text-transform: uppercase;
- box-shadow: 2px 2px rgba(0, 0, 0, 0.15);
- }
- .form-actions a.save {
- background-color: #ffffff;
- border: 1px solid #cccccc;
- border-top: 0;
- cursor: pointer;
- margin-right: 48px;
- }
- .form-actions a.launch {
- background-color: #333333;
- border: 1px solid #000000;
- border-top: 0;
- color: #ffffff;
- }
- .form-actions a.launch:hover, .form-actions a.launch:active {
- background: #00acee;
- color: #ffffff;
- }
- .create .select-type {
- margin: 0.5rem;
- }
- /* .create-fleet-pool label {*/
- /* padding: 0.125rem;*/
- /* display: block;*/
- /* }*/
- /* .create-fleet-pool input {*/
- /* width: 350px;*/
- /* height: 35px;*/
- /* margin: 0px 20px 10px 15px;*/
- /* box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;*/
- /* font-size: 20px;*/
- /* }*/
- .create .optional {
- font-style: italic;
- }
- .name-input input {
- background:white !important;
- box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.39), 0 -1px 1px #ffffff, 0 1px 0 #ffffff;
- display: block;
- font-size: 120%;
- height: 35px;
- margin: 0;
- margin-top: 0.25rem;
- width: 350px;
- }
- .select-type {
- display:-ms-flexbox;
- display:flex;
- }
- .accountSelection {
- display:-ms-flexbox;
- display:flex;
- -ms-flex:0 1;
- flex:0 1;
- position:relative;
- -ms-flex-direction:column;
- flex-direction:column;
- margin-right:0.5rem;
- -ms-flex-align:center;
- align-items:center;
- border-top:$gray-light 1px solid;
- border-left:$gray-light 1px solid;
- border-right:$gray-dark 1px solid;
- border-bottom:$gray-dark 1px solid;
- box-shadow: $gray 2px 2px 3px;
- cursor:pointer;
- background:white;
- &:last-child {
- margin-right:0;
- }
-
- input[type="radio"] {
- opacity: 0.01;
- position:absolute;
- top:0;
- }
- &-imageWrapper {
- display:-ms-flexbox;
- display:flex;
- -ms-flex-direction:column;
- flex-direction:column;
- margin:0.5rem;
- padding:0.25rem;
- background:white;
- width:100px;
- height:50px;
- -ms-flex-align:center;
- align-items:center;
- -ms-flex-pack:center;
- justify-content:center;
- img{
- max-width:100px;
- max-height:50px;
- }
- }
- span {
- padding-bottom:0.5rem;
- }
- &-overlay {
- position:absolute;
- top:0;
- left:0;
- right:0;
- bottom:0;
- height:100%;
- width:100%;
- background: rgba(0, 0, 0, 0.25);
- opacity: 0.2;
- }
- &--isSelected{
- border-bottom:$gray-light 1px solid;
- border-right:$gray-light 1px solid;
- border-top:$gray-dark 1px solid;
- border-left:$gray-dark 1px solid;
- box-shadow: $gray 2px 2px 3px inset;
- }
- }
- .configForm {
- margin:0.5rem 0;
- width:100%;
- background: $gray-lighter;
- &-title {
- background-color: #ffffff;
- padding: 12px 0.5rem;
- text-transform: uppercase;
- &--edit {
- display:-ms-flexbox;
- display:flex;
- -ms-flex-pack:justify;
- justify-content:space-between;
- -ms-flex-align: center;
- align-items: center;
- >div {
- display:-ms-flexbox;
- display:flex;
- -ms-flex-align:center;
- align-items:center;
- }
- }
- }
- img {
- height:2rem;
- margin:0 0.5rem;
- }
- &-content {
- padding:0.5rem;
- }
- &-nestedParams {
- display:-ms-flexbox;
- display:flex;
- > label {
- margin-right:0.5rem;
- }
- > label:last-child {
- margin-right:0rem;
- }
-
- }
- }
- .row {
- display:-ms-flexbox;
- display:flex;
- }
-}