body.myplugins { input.text { @media (max-width: 500px) { width: 100%; } } /* Manage Plugins & Devices */ &.manage-plugins, &.manage-devices { #license-filter { @include clearfix(); h2 { float: left; } p { position: relative; top: 1em; float: right; } label { margin-bottom: 0; color: $black; } .control input[type="submit"] { display: none; } } .expired-trial .expired-trial { display: none; } #download-license-file form { display: inline-block; } .message { clear: both; } .inneraccordion { float: none; padding-bottom: .5em; input[type="submit"], .button { font-size: 1.375rem; } .block { &.activations { > div { margin-bottom: 1.5em; } .button { min-width: 5.3em; @media (min-width: 600px) { float: right; } } } .deactivate-machine { overflow-x: auto; } form.multiaction { float: left; margin-right: 1em; } .buy-button { position: relative; clear: left; overflow: hidden; @media (min-width: 600px) { float: left; } } .ajax-progress { padding: .35em .5em; font-size: 1.375rem; line-height: .875; z-index: 1; } fieldset { margin-bottom: 0; } legend { width: auto; margin: 0 1em 0 0; padding: .15em 0; background: transparent; @media (max-width: 600px) { width: 100%; } span { @include body-font(); display: block; font-size: 1rem; @media (max-width: 600px) { display: inline; white-space: nowrap; } } } label { min-width: 0; padding-top: .25em; } input[type="submit"], .button { display: block; margin: 0; } table { min-width: 600px; } th, td { border: 0 none; background: transparent; } td { padding: 10px; } td:last-child { padding-right: 0; } input[type="file"] { @media (max-width: 500px) { width: 100%; background: $bg-content; } } @media (min-width: 800px) { fieldset { margin: 0 1em; background: $bg-content; } legend { min-width: 6.5em; margin-bottom: 0; } table { float: right; width: auto; margin: 0; } } } } } /* Manage Plugins */ &.manage-plugins { #license-filter { margin-top: 2.5em; } .expired-trial .expired-trial + .accordion { display: none; } .toggler { padding-top: 1rem; border-top: 2px solid $border-primary; font-size: 1rem; overflow: hidden; transition: padding-bottom .5s ease-in; &:first-of-type { border-top: 0 none; } // Role attribute added by JavaScript &[role] { padding-bottom: 1rem; &::before { margin-top: .35em; } &:hover, &:focus { color: inherit; } &:focus strong { color: $accent-primary; } &.active { padding-bottom: 1rem; } } } .license-info { @include title-font(); float: left; font-size: 1.6rem; @media (max-width: 799px) { font-size: 1.1rem; } strong { display: inline-block; margin-right: .5em; font-weight: normal; transition: color .2s ease-in; } } .machine-status { float: left; margin-left: 32px; padding-top: .5em; font-size: 1rem; font-weight: normal; @media (max-width: 799px) { font-size: .9rem; } } @media (min-width: 800px) { .toggler[role] { padding-top: 1.25rem; } .machine-status { float: right; margin-left: 0; } } #main { .product-details, .activations { > *:last-child { margin-bottom: 0; } } } .inneraccordion { .block { @include clearfix(); margin-bottom: 2.5em; } .product-details { .button { display: inline-block; } img { display: block; margin-right: 2.5em; margin-bottom: 1em; border: 2px solid $border-primary; @media (min-width: 600px) { float: left; } } a:hover img { border-color: $accent-primary; } p { clear: left; } } .list-products { width: auto; > li { width: 100%; margin-bottom: 0; padding-top: 5px; padding-right: 1.5em; padding-bottom: 0; } .product-manufacturer { margin-top: 0; } @media (max-width: 650px) { + p { clear: left; } } } .pricing { float: left; clear: left; input[type="submit"], .price { padding: .375em .5em .425em; } .price { font-size: 1.375rem; line-height: .875; } } .license-fee { h4 { margin-top: 1em; margin-bottom: .5em; } .pricing { margin-right: 1em; margin-bottom: .5em; } .action input[type="submit"] { min-width: 9.7em; } .action input[type="submit"][value*="Crossgrade"] { min-width: 7.1em; } .price { min-width: 2.55em; text-align: center; } @media (max-width: 600px) { form + p { clear: left; } } } .downloads { @include clearfix(); } } } } body.mysupport { .mod_freshdesk_view { h2 { margin-top: 0; margin-bottom: .25em; } .tag { margin-left: .5em; } h3 { margin-top: 1em; margin-bottom: .5em; } } } .mod_registration { margin-top: 2em; }