File Editor

Directories:

.. (Back)

Files:

Create New File

Edit File: styles.css

.sumome-plugin-main .mobile{
  display:none;
}
.sumome-plugin-main .no-mobile{
  display:block;
}
.sumome-plugin-main .hidden {
  display:none;
}

.sumome-plugin-container{
  background:#f0f3f5;
}
.sumome-plugin-container {
  clear:both;
  margin-left:-20px;
  overflow:auto;
}
.sumome-plugin-linkalike {
  display:inline-block;
  width:auto;
  cursor:pointer;
  color:#6c65c2;

}
.sumome-plugin-main {
  width: 100%;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;

color:#65717b;
}
.sumome-plugin-main .sumome-plugin-dashboard-widget-inner {
    margin: 0px;
}

.sumome-plugin-main .row {
  width: 100%;
  margin-left: auto;
  margin-right: auto;
  margin-top: 0;
  margin-bottom: 0;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
  display:block;
}

.sumome-plugin-main .row .row {
  width: auto;
  margin-left: -0.9375rem;
  margin-right: -0.9375rem;
  margin-top: 0;
  margin-bottom: 0;
  max-width: none;
}

.sumome-plugin-main .columns {
  position: relative;
  padding-left: 0.9375rem;
  padding-right: 0.9375rem;
  float: left;
  box-sizing: border-box;
  -moz-box-sizing: border-box;
  -webkit-box-sizing: border-box;
}

.sumome-plugin-main .large-4 {
  width: 33.33333%;
}

.sumome-plugin-main .large-6 {
  width: 50%;
}

.sumome-plugin-main .large-8 {
  width: 66.66667%;
}

.sumome-plugin-main .large-12 {
  width: 100%;
}

.sumome-plugin-main .th {
  line-height: 0;
  display: inline-block;
  border: solid 4px #fff;
  max-width: 100%;
  -webkit-box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
  box-shadow: 0 0 0 1px rgba(0,0,0,0.2);
  -webkit-transition: all 200ms ease-out;
  -moz-transition: all 200ms ease-out;
  transition: all 200ms ease-out;
}

.sumome-plugin-main img {
  display: inline-block;
  vertical-align: middle;
  max-width: 100%;
  height: auto;
}

.sumome-plugin-main h4 {
  font-size: 1.4375rem;
  line-height: 1.4;
  margin: .5em 0;
}

.sumome-plugin-main .sumome-instructions {
  text-align:center;
  width:50%;
  margin:0px auto;
  padding-top:10px;
}
.sumome-plugin-main .site-ID .sumome-instructions {
  text-align:left;
}

.sumome-plugin-main .site-ID input[type=submit] {
    border-radius: 4px;
    height: 40px;
    padding: 0px 20px;
    background: #5bc739;
    color: #fff;
    margin: 0px auto;
    text-transform: uppercase;
    border-color: transparent;
    -webkit-box-shadow: none;
    box-shadow: none;
    text-shadow: none;

line-height: 40px;

}

.sumome-plugin-main .header-banner {
  text-align:center;
  background:#f0f3f5;
  margin-bottom:20px;
}
.sumome-plugin-main .header-banner img {
  display: inline-block;
  vertical-align: middle;
  /*width: 100%;*/
  max-width: 100%;
  height: auto;
  margin-bottom:0px;
}
.sumome-plugin-main .list-number {
  border-radius: 25px;
  background: #6c65c2;
  width: 35px;
  height: 35px;
  color:#fff;
  display:inline-block;
  text-align:center;
  line-height:35px;
  font-size:18px;
}
.sumome-plugin-main .list-number-title {
  color:#0f74b5;
  font-size:24px;
  font-weight:bold;
  display:inline-block;
  width:auto;
  margin-left:10px;
}
.sumome-plugin-main .site-ID .list-bullet {
  margin-top: 0px !important;
}
.sumome-plugin-main .row3 .list-bullet{
  margin-top:80px;
}

.sumome-plugin-main .row3, .row3 p.submit {
  text-align:center;
  margin:0px auto;
  padding-top:25px;
}
.sumome-plugin-main .row3 table {
  margin:0px auto;
}

.sumome-plugin-main input[type=text] {
  border-radius: 5px;
  border: 1px solid #dcd9ea;
  height:41px;
}
.sumome-plugin-main .site-ID-container button.button {
  height:40px;
  line-height:40px;
  vertical-align:middle;
  padding:0px 20px;
  border-radius: 0px 0px 0px 0px;
  background-color:#c8cbcd;
  color:#65717b;
  position:relative;
}
.sumome-plugin-popup-container .site-ID button.button {
  height:40px;
  line-height:40px;
  vertical-align:middle;
  padding:0px 20px;
  border-radius: 4px;
  background-color:#d6d3e5;
  color:#5a596d;
  position:relative;
  left:20px;
  font-weight:bold;
}

.sumome-plugin-main input[type=submit] {
  border-radius: 50px;
  height:40px;
  padding:0px 20px;
  background: #8067db;
  color:#fff;
  margin:0px auto;
  text-transform: uppercase;
  border-color: transparent;
  -webkit-box-shadow: none;
  box-shadow: none;
  text-shadow: none;
}
.sumome-plugin-main .footer {
  background: #f0f3f5;
  margin:0px auto;
  text-align:center;
  position:relative;
  bottom:0px;
  left:0px;
  padding-top:60px;
  line-height:25px;
  margin-top:50px;
}
.sumome-plugin-main .footer a {
  color: #8067db;
  cursor:pointer;
  text-decoration:underline;
}
.sumome-plugin-main .sumome-help {
  width:50%;
  margin:0px auto;
  background: #f0f3f5;
}

.sumome-plugin-main .sumome-help span {
  display:block;
}

.sumome-plugin-main .sumome-logged-in-container .header-banner {
  background-image:url('../images/sumome-banner.jpg');
  background-repeat:no-repeat;
  min-height:238px;
  background-position:center;
}

.sumome-plugin-main .sumome-logged-in-container-overlay.dim {
    opacity:.4;
    background-color:#000;
    position:absolute;
    top:0px;
    bottom:0px;
    left:0px;
    right:0px;
    margin-left: -20px;
}

.sumome-plugin-main .sumome-logged-in-container .items {
  width:80%;
  margin:0px auto;
}

.sumome-plugin-main .sumome-logged-in-container .items div:hover {
  box-shadow: 0 10px 18px rgba(0,0,0,0.2);
  opacity: 1;
  color:#0073b7;
}
.sumome-plugin-main .sumome-logged-in-container .items div:hover div,
.sumome-plugin-main .sumome-logged-in-container .items div div:hover {
  box-shadow: none;
  opacity: 1;
  color:#0073b7;
}

.sumome-plugin-main .sumome-logged-in-container .items .item-tile,
.sumome-plugin-main .sumome-logged-in-container .items .item-tile-background
 {
  width:22%;
  display:inline-block;
  background-color:#fff;
  color:#65717b;
  height:200px;
  margin:25px 1%;
  cursor:pointer;
  font-size:20px;
  text-align:center;
  border:1px solid #c8cbcd;
  border-radius:4px;
  vertical-align:top;
  font-weight:bold;
  transition: 0.2s all ease;
  opacity: .6;
}

/* top 2 tiles */
.sumome-plugin-main .sumome-logged-in-container .items>div:nth-child(1),
.sumome-plugin-main .sumome-logged-in-container .items>div:nth-child(2) {
  width:46%;
  /*float:right;*/
  font-size:30px;
  text-align:right;
}

.sumome-plugin-main .sumome-logged-in-container .items div.sumo-apps,
.sumome-plugin-main .sumome-logged-in-container .items div.sumo-store {
  white-space:nowrap;
}

.sumome-plugin-main .sumome-logged-in-container .items div .item-tile-title {
  position: relative;
  top: 50%;
  transform: translateY(-50%);
}

.sumome-plugin-main .sumome-logged-in-container .items div.sumo-apps .item-tile-title,
.sumome-plugin-main .sumome-logged-in-container .items div.sumo-store .item-tile-title {
  padding-right:100px;
  display:inline-block;
}

.sumome-plugin-main .sumome-logged-in-container .items div.sumo-apps .item-tile-background {
  /*background-image:url(../images/apps-bg.png);
  background-position: -120px -90px;*/
  background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1)), url(../images/apps-bg.png)  -120px -90px no-repeat;
}
.sumome-plugin-main .sumome-logged-in-container .items div.sumo-store .item-tile-background {
  /*background-image:url(../images/store-bg.png);
  background-position: -80px -75px;*/
  background: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1)), url(../images/store-bg.png)  -80px -75px no-repeat;
}
.sumome-plugin-main .sumome-logged-in-container .items .item-tile .item-tile-background {
  background-repeat: no-repeat;
  display:inline-block;
  width:50%;
  margin: 0px;
  border:0px;
  float: left;
}

.sumome-plugin-main .sumome-logged-in-container .items div:nth-child(even) {
  /*float:right;*/
}

.sumome-plugin-main .sumome-logged-in-container .items .notification-count,
.sumome-plugin-main .sumome-logged-in-container .items .notification-count:hover,
.sumome-plugin-main .sumome-logged-in-container .items:hover .notification-count
 {

text-align: center;
    font-family: 'Open Sans', sans-serif;
    font-weight: 700;
    font-size: 15px;
    color: #fff;
    -webkit-border-radius: 4em;
    -moz-border-radius: 4em;
    border-radius: 50%;
    background: #f03e18;
    border: none;
    text-indent: 0;
    cursor: pointer;
    white-space: nowrap;
    height: 30px;
    width: 30px;
    line-height: 30px;
    margin-left: 10px;
    margin-bottom: 5px;
    display: inline-block;
    vertical-align: middle;
    float:unset;
}

.sumome-plugin-main .form-container {
  min-height:450px;
  /*height:450px;*/
}

.sumome-plugin-main .loading {
  text-align:center;
  padding-top: 0px;
  height: calc( 100vh - 32px);
  line-height: calc( 100vh - 32px);
  vertical-align: middle;
  background-color: #fff;
}

.sumome-plugin-main .back-logged-in {
  cursor:pointer;
  display:none;
}

.sumome-plugin-main .tabbed-content-container {
  text-align:center;
  width:80%;
  margin:0px auto;
}

.sumome-plugin-main .pointer {
  cursor:pointer;
}

.sumome-plugin-container .status-logged-in,
.sumome-plugin-main.logged-in.status-logged-in {
  display:block;
}
.sumome-plugin-container .sumome-wp-dash-logged-out.status-logged-in,
.sumome-plugin-main.logged-in.status-logged-out {
  display:none;
}

.sumome-plugin-main.logged-out.status-logged-out {
  display:block;
}

.sumome-plugin-main.logged-out.status-logged-in {
  display:none;
}

.sumome-plugin-dashboard-widget-row.status-logged-in {
  display:none;
}
.sumome-plugin-main.status-logged-out .site-ID table {
    margin: 0px auto;
    width: 100%;
}
.sumome-plugin-main.status-logged-out .sumome-site-id {
    width: 100%;
    height: 80px;
}

/*site id popup*/
.sumome-plugin-main .site-ID {
  width: 80%;
  margin: 0px auto;
  text-align:center;
}
.sumome-plugin-main .site-id-form .site-ID {
  width: 100%;
}

.sumome-plugin-main .site-ID .list-number-title {
  font-size: 25px;
}
.sumome-plugin-main .site-ID table {
  margin: 0px auto;
}
.sumome-plugin-main .sumome-site-id {
  width: 570px;
  height: 40px;
  padding-top: 8px;
  font-size: 15px;
  vertical-align: bottom;
}
.sumome-plugin-main .site-ID .button-primary {
  padding-top: 14px;
  padding-right: 28px;
  padding-bottom: 15px;
  padding-left: 28px;
  font-size: 13px;
  height: auto !important;
  width: auto;
}

/*end site id popup*/

/*start popup*/
.sumome-plugin-popup-container {
  display:none;
  width:100vw;
  height:70vh;
  /*position:absolute;*/
  top:5%;
  left:0px;
  min-width:200px;
  position:fixed;
}
.sumome-plugin-popup-container .sumome-plugin-popup-container-outer {
  width:60%;
  /*height:70vh;
  max-height:70vh;*/
  margin:0px auto;
  overflow:hidden;
  overflow-x:hidden;
  border-bottom: 1px solid #000;
}

.sumome-plugin-popup-container .sumome-plugin-popup-container-inner.default-height {
  height:70vh !important;
}
.sumome-plugin-popup-container .sumome-plugin-popup-container-inner {
  width:100%;
  max-height:70vh;
  margin:0px auto;
  overflow:auto;
  overflow-x:hidden;
  background-color:white;
  border:1px solid black;
  padding-bottom: 0px;
}

.sumome-plugin-popup-container .sumome-plugin-popup-container-inner.disable-scroll {
  overflow:hidden;
}
.sumome-plugin-popup-container .popup-iframe {
  width:100%;
  height:100%;
  border-bottom: 1px solid black;
}

.sumome-plugin-popup-contents {
  height: 100%;
}

.sumome-plugin-main .popup-header-container {
  cursor: pointer;
  width: 60%;
  margin: 0px auto;
  text-align:right;

border-top-left-radius:: 5px;
  background-color: #0073b7;
  color: #f0f3f5;
  font-size: 16px;
  font-family: "Open Sans",sans-serif;
  font-weight: bold;
  line-height: 20px;
  text-shadow: none;
  position: relative;
  z-index: 1;
  height: 60px;
}

.sumome-plugin-popup-container .sumome-modal-header {
  margin: 0px auto;
  display: block;
  background-color: #0073b7;
  color: #f0f3f5;
  font-size: 16px;
  font-family: "Open Sans",sans-serif;
  font-weight: bold;
  line-height: 20px;
  text-shadow: none;
  position: relative;
  z-index: 1;
  height: 60px;
  cursor: auto !important;
  margin: 0px;
  padding: 0px;
  border-top-left-radius:5px;
  border-top-right-radius:5px;
}
.sumome-plugin-popup-container .sumome-modal-header .popup-title {
  width: auto;
  display: inline-block;
  vertical-align: middle;
  line-height: 60px;
  padding-left: 45px;
  background-image:url('../images/sumome_crown.png');
  background-repeat:no-repeat;
  background-position: left center;
  margin-left: 20px;
}

.sumome-plugin-main .popup-close,
.sumome-plugin-dashboard-widget-close-button {
  background: url('../images/modal-close.png') no-repeat;
  float: right;
  width: 15px;
  height: 16px;
  margin-top: 20px;
  margin-right: 15px;
  cursor:pointer;
}
/*end popup*/

.sumome-plugin-dashboard-widget-close-button {
    width: 40px;
    height: 40px;
    margin-top: 20px;
    margin-right: 15px;
    background-color: #7584c5;
    color: #fff;
    border:2px solid #a5cff5;
    border-radius: 99999px !important;
    background-position: center;
}

/*dashboard*/
.sumome-plugin-dashboard-widget {
  position: fixed;
  top: 32px;
  left: 160px;
  bottom: 0;
  z-index: 999;
  width: calc( 100% - 160px);
  overflow: auto;
  box-sizing: border-box;
  background-color: #f1f1f1;
}
.sumome-plugin-dashboard-widget-inner {
  margin: 20px;
  /*padding: 80px 16px;*/
  min-height: calc( 100vh - 72px);
  position: relative;
  background: #fff;
  border: 1px solid #ddd;
  color:#65717b;
  overflow-x: hidden;
}
.sumome-plugin-dashboard-widget.minimized {
  cursor: unset;
  height:300px;
  width:auto;
  position: static;
}
.sumome-plugin-dashboard-widget-learn-more {
  color:#fff;
  text-decoration:underline;
  font-size:.8em;
  font-weight:normal;
  padding-top:10px;
  padding-bottom:0px;
  cursor:pointer;
  display:none;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-learn-more {
  display:block;
}

.sumome-plugin-dashboard-widget div.forms {
  text-align:center;
}
.sumome-plugin-dashboard-widget div.sumome-plugin-dashboard-widget-close-button {
    margin-top: 10px;
    margin-right: 10px;
    right: 0px;
    top: 0px;
}
.sumome-plugin-dashboard-widget.minimized div.sumome-plugin-dashboard-widget-close-button {
  display:none;
}

.sumome-plugin-dashboard-widget-inner ul {
    list-style-image: url('../images/checkmark.png');
    text-align:left;
    margin:0px auto;
    font-size:16px;
    line-height:25px;
}
.sumome-plugin-dashboard-widget-inner .sumome-plugin-dashboard-widget-top-note ul {
    width:70%;
}
.sumome-plugin-dashboard-widget-inner .sumome-plugin-dashboard-widget-row ul {
    margin-left:25px;
}

.sumome-plugin-dashboard-widget-inner.dim {
    opacity:.2;
    pointer-events: none;
}

.sumome-plugin-dashboard-widget-header {
  background-image:url(../images/sumome-site-welcome-header.jpg);
  background-size:100%;
  background-repeat:no-repeat;
  color:#fff;
  -webkit-background-size: cover; /* For WebKit*/
  -moz-background-size: cover;    /* Mozilla*/
  -o-background-size: cover;      /* Opera*/
  background-size: cover;         /* Generic*/
  padding-bottom: 20px;
}
.sumome-plugin-dashboard-widget-header-title{
  font-size:50px;
  font-weight:bold;
  margin:0px auto;
  width:50%;
  padding-top:50px;
  padding-bottom:30px;
  text-align:center;
  line-height:50px;
}
.sumome-plugin-dashboard-widget-header-desc {
  margin:0px auto;
  text-align:center;
  line-height:30px;
}
.sumome-plugin-dashboard-widget-separator {
  min-height:180px;
}
.sumome-plugin-dashboard-widget-separator2 {
  min-height:180px;
  background-color:#f0f3f5;
}
.sumome-plugin-dashboard-widget-top-note-container{
  position:absolute;
  width:100% !important;
}
.sumome-plugin-dashboard-widget-top-note{

max-width:650px !important;
  border: 1px solid #c8cbcd;
  border-radius:4px;
  background-color:#fff;
  padding-bottom: 50px;
  margin-top:25px;
  background-image:url(../images/sumome-site-welcome-graph.png);
  background-repeat:no-repeat;
  background-position:center;
  margin: 25px auto;
}
.sumome-plugin-dashboard-widget-top-note-title {
  font-size:35px;
  font-weight:bold;
  margin:0px auto;
  padding-top:50px;
  padding-bottom:30px;
  text-align:center;
  line-height:40px;
  color:#0f74b5;
}
.sumome-plugin-dashboard-widget-top-note-desc {
  width:80%;
  margin:0px auto;
  text-align:center;
  font-size:18px;
  line-height:28px;
}
.sumome-plugin-dashboard-widget-row {
  max-width:1100px;
  white-space:nowrap;
  margin:0px auto;
  margin-top:50px;
  margin-bottom:30px;
}
.sumome-plugin-left,.sumome-plugin-right {
  display:inline-block;
  min-width:50%;
  text-align: center;
  vertical-align: middle;
  float:none !important;
}

.sumome-plugin-center {
  text-align: center;
}

.sumome-plugin-left div {
    padding-left:80px;
}

.sumome-plugin-left img,.sumome-plugin-right img {
  width:420px;
  float:left;
  margin-left:50px;
}

.sumome-plugin-dashboard-widget-row-title {
  color:#0f74b5;
  text-align:left;
  font-size:20px;
  margin:0px auto;
  width:80%;
  margin-bottom:20px;
}
.sumome-plugin-dashboard-widget-row-desc {
  text-align:left;
  font-size:15px;
  width:80%;
  white-space:normal;
  margin:0px auto;
  line-height:22px;
}

.sumome-plugin-dashboard-widget-middle-note-title {
  font-size:25px;
  margin:0px auto;
  padding-top:35px;
  padding-bottom:15px;
  text-align:center;
  line-height:40px;
  color:#0f74b5;
}
.sumome-plugin-dashboard-widget-middle-note-desc {
  width:530px;
  margin:0px auto;
  text-align:center;
  font-size:15px;
  line-height:22px;
}
.sumome-plugin-dashboard-widget-middle-note-clients {
  margin:0px auto;
  text-align:center;
  padding-top:20px;
  padding-bottom:45px;
  width: 900px;
  line-height: 80px;
}
.sumome-plugin-dashboard-widget-middle-note-clients img {
  padding:0px 30px;
  line-height:260px;
  vertical-align:middle;
}
.sumome-plugin-dashboard-widget-header-button {
  text-align:center;
  padding-top: 30px;
  padding-bottom: 70px;
}

.sumome-plugin-dashboard-widget-footer-button {
  text-align:center;
  padding-top: 50px;
  padding-bottom: 50px;
}

.sumome-plugin-dashboard-widget-inner button.green.connect-button,
.sumome-plugin-dashboard-widget-inner button.green.dashboard-button
 {
    background-image: linear-gradient(#87d955,#5bc739);
    background-color: #87d955;
    border-color: #87d955 !important;
    width: auto;
    height: auto;
    line-height: 4em;
    border-radius: 99999px !important;
    color:#fff;
    margin:0px auto;
    font-size:1.4em;
    padding: 0 3em;
    box-shadow: unset;
}

/*minimized*/
.sumome-plugin-dashboard-widget.minimized {
    height: auto;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-inner {
    margin: 0px;
    min-height:auto;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-header-button {
    padding-top: 0px;
    padding-bottom: 0px;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-header-title {
    padding-top: 20px;
    padding-bottom: 10px;
    line-height: 40px;
    font-size: 28px;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-header-desc {
    font-size: 13px;
}

.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-header-title,
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-header-desc {
    width: 100% !important;
}

.sumome-plugin-dashboard-widget .sumome-wp-dash-logged-in.status-logged-in,
.sumome-plugin-main .sumome-wp-dash-logged-in.status-logged-in
{
  display:block;
}
.sumome-plugin-dashboard-widget .sumome-wp-dash-logged-in.status-logged-out,
.sumome-plugin-main .sumome-wp-dash-logged-in.status-logged-out
{
  display:none;
}
.sumome-plugin-dashboard-widget .sumome-wp-dash-logged-out.status-logged-out,
.sumome-plugin-main .sumome-wp-dash-logged-out.status-logged-out
 {
  display:block;
  padding:0 10px;
}
.sumome-plugin-dashboard-widget .sumome-wp-dash-logged-out.status-logged-in,
.sumome-plugin-main .sumome-wp-dash-logged-out.status-logged-in
 {
  display:none;
}

.sumome-plugin-dashboard-widget.minimized button.green {
    width: auto;
    height: auto;
    line-height: 4em;
    margin-top: 10px;
    padding: 0 3em;
    font-size:1em;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-top-note {
    width: 90% !important;
}
.sumome-plugin-dashboard-widget.minimized .sumome-plugin-dashboard-widget-container {
    display:none;
}

/*end dashboard*/

File Editor

Directories:

Files:

Create New File

Edit File: styles.css

Rename File