Advertisement
Not a member of Pastebin yet?
Sign Up,
it unlocks many cool features!
- * {
- font-family: "Open Sans", sans-serif !important;
- margin: 0;
- font-weight: 100 !important;
- }
- .exception {
- color: red;
- font-weight: bold;
- }
- .sticky-footer {
- position: absolute;
- bottom: 0;
- width: 100%;
- }
- html, body {
- max-width: 95%;
- min-width: 95%;
- height: 100%;
- min-height: 100%;
- margin: 0 !important;
- background-color: rgb(0, 0, 0);
- }
- body {
- min-width: 100vw;
- width: 1920px;
- max-width: 100%;
- color: black;
- margin: 0 !important;
- height: 100%;
- background-image: url('http://cdn.pattersoncode.ca/images/background_lowres.jpg');
- background-position: center;
- background-size: cover;
- }
- @media only screen and (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi) {
- body {
- background-image: url('http://cdn.pattersoncode.ca/images/background.jpg') !important;
- }
- }
- /* SMART PHONE EXCLUSIVE */
- @media all and (max-width: 1280px) {
- * :not(#footer) {
- /* padding: 0 0 0 0; */
- }
- .mom {
- display: none !important;
- }
- h2 {
- /*padding-left: 1% !important;
- padding-right: 1% !important;*/
- text-align: center;
- }
- html, body {
- text-overflow: clip;
- }
- .list {
- overflow: scroll;
- }
- body {
- min-width: 100vw;
- width: 100%;
- max-width: 100%;
- color: black;
- margin: 0 !important;
- background-color: black !important;
- min-height: 90vh;
- }
- #container {
- max-height: 75vh;
- }
- .navitem, .navitem a {
- /* display: none !important;*/
- margin-top: 2.5%;
- text-align: center !important;
- background: none !important;
- }
- .notmom {
- vertical-align: middle !important;
- }
- #navbar {
- text-align: justify !important;
- overflow: hidden;
- /* display: none !important;*/
- }
- #content {
- margin: 0 0 0 0 !important;
- min-width: 100vw !important;
- /* min-height: 95vh !important; */
- height: 100%;
- overflow-wrap: normal !important;
- max-height: 100vh !important;
- position: relative;
- }
- .therest {
- max-height: 100vh;
- overflow-wrap: normal !important;
- }
- .title {
- min-width: 100%;
- background-size: 100%;
- padding-top: 5vh;
- }
- p {
- overflow-wrap: normal !important;
- }
- .push, #push {
- display: none !important;
- }
- #footer {
- background-color: rgba(255, 255, 255, 0.55) !important;
- }
- #header {
- text-align: center;
- padding-bottom: 3%;
- }
- }
- @media only screen and (max-width: 1142px){
- .middlealign {
- text-overflow: clip;
- font-variant: small-caps;
- font-stretch: semi-condensed;
- font-size: 11pt;
- text-align: center;
- padding-top: 0 !important;
- }
- footer, #footer {
- /*display: none;
- padding-top: 1%; */
- padding-bottom: 1%;
- vertical-align: middle;
- }
- }
- @media only screen and (max-width: 1280px) {
- #content {
- position: absolute;
- top: 20vh;
- }
- .navitem, .navitem a {
- }
- h2 {
- font-size: medium;
- }
- #header {
- background-color: rgba(0, 0, 0, 0.85);
- height: 3vh;
- }
- }
- /* DESKTOP ONLY */
- @media only screen and (min-device-width: 1024px) {
- #header {
- position: fixed;
- /*margin-top: -10% !important;*/
- }
- .navitem {
- display: inline-block;
- padding-left: 1vw;
- padding-right: 1vw;
- padding-top: 1%;
- }
- .navitem a {
- padding-left: 1.5vw;
- padding-top: 1% !important;
- }
- #content {
- /* margin-top: 10% !important; */
- }
- .middlealign {
- padding-top: 15px !important;
- }
- #content, #content2 {
- background-color: rgba(255, 255, 255, 0.55);
- }
- }
- @media only screen and (min-width: 1024px){
- .therest {
- /* min-height: 80vh !important; */
- }
- }
- /* NO LONGER SMART PHONE EXCLUSIVE */
- .whitelink {
- color: rgb(28, 198, 255) !important;
- }
- #logo {
- float: left;
- color: white;
- padding-left: 2%;
- }
- #header {
- min-width: 100%;
- width: 100vw;
- max-width: 100%;
- }
- #header h2 {
- margin-top: 1.5%;
- }
- a:hover {
- text-decoration: none;
- z-index: -1;
- }
- #navbar {
- min-width: 100%;
- width: 100vw;
- max-width: 100%;
- background-color: rgba(0, 0, 0, 0.55);
- text-align: right;
- padding-bottom:2vh;
- }
- .navitem {
- /* background-color: rgba(0, 0, 0, 0.67); */
- }
- h1 {
- font-size: 18pt;
- }
- .navitem, .navitem a {
- color: white !important;
- height: 70% !important;
- text-align: right;
- max-width: 125px;
- width: auto;
- }
- .errcontent {
- padding-bottom: -5% !important;
- }
- .navitem:hover, .navitem a:hover {
- background-color: rgba(0, 0, 0, 0.70);
- color: rgb(28, 198, 255) !important;
- }
- .navitem a {
- padding-top: 10px;
- padding-bottom: -25px !important;
- max-height: 40px !important;
- height: auto;
- }
- #content {
- max-width: 75%;
- height: 95%;
- min-height: 100%;
- max-height: 100%;
- padding-bottom: 1%;
- margin: 0 15% -50px;
- }
- #content:not(.list p){
- text-align: center;
- }
- #content2 {
- text-align: center;
- max-width: 75%;
- max-height: 100%;
- padding-bottom: 1%;
- margin: 0% 15% -50px;
- }
- p {
- color: black;
- font-size: 13pt;
- }
- a:visited, a, a:hover, a:active {
- color: black;
- }
- a, a:visited {
- text-decoration: none;
- }
- a:hover {
- text-decoration: none;
- }
- #footer, footer {
- min-width: 100%;
- width: 100vw;
- max-width: 100%;
- background-color: rgba(0, 0, 0, 0.50) !important;
- font-size: 9pt;
- float: right;
- text-align: right;
- color: white !important;
- height: 50px;
- margin-top: 3%;
- bottom: 0 !important;
- position: fixed;
- }
- #footer a, footer a {
- color: white;
- text-decoration: underline;
- }
- .push {
- padding: 3%;
- }
- .title {
- background-color: rgba(0, 0, 0, 0.55);
- color: rgb(28, 198, 255);
- margin-bottom: 2%;
- height: auto;
- text-align: center !important;
- padding: 15px;
- }
- .title h2 {
- padding-top: 13px;
- padding-bottom: 10px;
- vertical-align: middle;
- padding-top: 3.87%;
- padding-right: 10px;
- pedding-left: 30px !important;
- }
- .therest {
- margin-top: -2.10%;
- background-color: rgba(0, 0, 0, 0.75);
- color: white;
- border-top: 1px solid black;
- padding: 20px;
- }
- .middlealign {
- color: white;
- padding-right: 20px;
- }
- #logo h1 {
- /* padding-left: 25px; */
- }
- label {
- color: white;
- padding-left: 20px;
- padding-right: 10px;
- min-width: 120px !important;
- display: inline-block;
- }
- .contactform {
- text-align: left;
- background-color: rgba(0, 0, 0, 0.75);
- padding-top: 5%;
- padding-bottom: 5%;
- padding-left: 10%;
- margin-top: -1.95%;
- }
- #sendthatshit {
- text-align: center;
- }
- .errormsg, ul, li {
- font-size: 11pt;
- text-align: left !important;
- padding-left: 25px;
- }
- .orange > span {
- background-color: #f1a165;
- background-image: -moz-linear-gradient(top, #f1a165, #f36d0a);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f1a165), color-stop(1, #f36d0a));
- background-image: -webkit-linear-gradient(#f1a165, #f36d0a);
- }
- .red > span {
- background-color: #f0a3a3;
- background-image: -moz-linear-gradient(top, #f0a3a3, #f42323);
- background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0, #f0a3a3), color-stop(1, #f42323));
- background-image: -webkit-linear-gradient(#f0a3a3, #f42323);
- }
- input {
- -webkit-appearance: none;
- border: none;
- }
- input:focus:valid, textarea:focus:valid {
- -webkit-box-shadow: 1px 1px 10px 1px rgba(0, 255, 0, 1);
- box-shadow: 1px 1px 10px 1px rgba(0, 255, 0, 1);
- }
- input:focus:invalid, textarea:focus:invalid {
- -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 0, 0, 1);
- box-shadow: 1px 1px 10px 1px rgba(255, 0, 0, 1);
- }
- input:indeterminate, textarea:indeterminate {
- -webkit-box-shadow: 1px 1px 10px 1px rgba(255, 0, 0, 1);
- box-shadow: 1px 1px 10px 1px rgba(255, 0, 0, 1);
- }
- .btn-style {
- padding: 10px;
- }
- h3 {
- color: white !important;
- padding: 1.1%;
- }
- .list, .list p {
- text-align: left !important;
- margin-top: 0;
- }
- @media only screen and (max-width:1142px) {
- #mobnav {
- width: 100%;
- top: 60px;
- }
- #mobnav::before {
- content: '\2630';
- display: block;
- position: absolute;
- right: 3%;
- top: -50px;
- line-height: 40px;
- cursor: pointer;
- }
- li {
- float: none;
- }
- #mobnav ul {
- transition: 350ms;
- -moz-transition: 350ms;
- -webkit-transition: 350ms;
- transform: perspective(600) rotate3d(0, 0, 0, 0);
- -moz-transform: perspective(600) rotate3d(0, 0, 0, 0);
- -webkit-transform: perspective(600) rotate3d(1, 0, 0, -90deg);
- transform-origin: 50% 0;
- -moz-transform-origin: 50% 0;
- -webkit-transform-origin: 50% 0;
- }
- #mobnav.open ul {
- transform: translateY(0px);
- -moz-transform: translateY(0px);
- -webkit-transform: perspective(600) rotate3d(0, 0, 0, 0);
- }
- }
- @media only screen and (max-width: 427px){
- #header {
- /* display: none !important;*/
- }
- }
- @media only screen and (max-width: 320px){
- body {
- background: none !important;
- }
- #container {
- overflow-x: hidden;
- overflow-y: hidden;
- }
- footer,.sticky-footer,#footer {
- display: none !important;
- }
- #content, #content2 {
- background: none !important;
- overflow-x: hidden;
- overflow-y: hidden;
- }
- #navbar {
- position: fixed;
- top: 13vh;
- }
- #header, #logo {
- position: relative;
- }
- #content,#content2,.therest, #container {
- margin-bottom: 0% !important;
- padding-bottom: 0% !important;
- }
- }
- @media only screen and (min-width: 375px) and (max-width: 414px){
- .therest,#content,#content2,body,#container{
- overflow-x: hidden !important;
- overflow-y: hidden !important;
- }
- #content {
- }
- #footer,.sticky-footer,footer {
- display: none;
- }
- }
Advertisement
Add Comment
Please, Sign In to add comment
Advertisement