nsure
Version:
nsure is a JS class that allows deep testing/sanitation, modification chains and model generation of objects.
461 lines (394 loc) • 11.3 kB
CSS
@media screen and (min-width: 1600px) {
html {
height: 100%;
font-size: 15px;
}
}
@media screen and (min-width: 1200px) and (max-width: 1599px) {
html {
height: 100%;
font-size: 13px;
}
}
@media screen and (min-width: 1000px) and (max-width: 1199px) {
html {
height: 100%;
font-size: 12px;
}
}
@media screen and (min-width: 800px) and (max-width: 999px) {
html {
height: 100%;
font-size: 11px;
}
}
@media screen and (min-width: 600px) and (max-width: 799px) {
html {
height: 100%;
font-size: 10px;
}
}
@media screen and (max-width: 599px) {
html {
height: 100%;
font-size: 10px;
}
}
body {
color: #cccccc;
background: #222222 url repeat;
font-family:Verdana;
margin: 0;
padding: 0;
border: 0;
height: 100%;
}
ul {
list-style-type: none;
padding: 0px;
margin: 0px;
}
.descriptor {
color: #ff9900;
cursor: default;
}
li.selecty {
float: left;
margin: 5px;
cursor: pointer;
font-size: 1em;
color: #ffffff;
}
li.selecty:hover {
text-shadow: 0 0 0.2em;
}
.animation_opacity {
-webkit-transition: opacity 0.2s linear;
-moz-transition: opacity 0.2s linear;
-ms-transition: filter 0.2s linear;
-o-transition: opacity 0.2s linear;
transition: opacity 0.2s linear;
}
.animation_opacity_on {
opacity: 1;
filter: alpha(opacity=100);
}
.animation_opacity_off {
opacity: 0.7;
filter: alpha(opacity=70);
}
.animation_textshadow_breathing {
-webkit-transition: text-shadow 1s linear;
-moz-transition: text-shadow 1s linear;
-ms-transition: text-shadow 1s linear;
-o-transition: text-shadow 1s linear;
transition: text-shadow 1s linear;
}
.animation_textshadow_breathing_on {
text-shadow: 0 0 0.3em;
}
.animation_textshadow_breathing_off {
text-shadow: 0 0 0;
}
button {
cursor: pointer;
color: #99ff00;
font-family:nsureFont;
border-radius: 2px;
border: 0px;
font-size: 2em;
text-decoration: none;
padding: 8px;
opacity: 0.7;
filter: alpha(opacity=70);
background: rgb(39,51,67); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MzM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjM4NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(39,51,67,1) 0%, rgba(43,56,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,51,67,1)), color-stop(100%,rgba(43,56,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273343', endColorstr='#2b3849',GradientType=1 ); /* IE6-8 */
}
button:hover {
text-shadow: 0 0 0.2em;
opacity: 1;
filter: alpha(opacity=100);
}
.headerContainer {
position: fixed;
top: 1em;
left: 0px;
cursor: arrow;
color: #ffffff;
margin-left: 10px;
cursor: default;
background: #223344;
opacity: 0.8;
padding: 4px;
}
.leftcentered {
position: fixed;
left: 0px;
top: 45%;
text-align: left;
}
.rightcentered {
position: fixed;
right: 0px;
top: 45%;
text-align: right;
}
.rightfloat {
position: relative;
right: 0px;
margin-top: 20px;
text-align: right;
}
.leftbottom {
position: fixed;
left: 0px;
bottom: 9px;
text-align: left;
}
.rightbottom {
position: fixed;
right: 0px;
bottom: 9px;
text-align: right;
}
.simpleanchor, .simpleanchor:visited {
color: #0099ff;
font-size: 1em;
}
.simpleanchor:hover {
text-shadow: 0 0 0.2em;
}
.navigationanchor, .navigationanchor:visited {
cursor: pointer;
color: white;
font-family:nsureFont;
font-size: 2em;
text-decoration: none;
border: 0px;
padding: 8px;
zoom: 1;
opacity: 0.7;
filter: alpha(opacity=70);
background: rgb(39,51,67); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MzM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjM4NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(39,51,67,1) 0%, rgba(43,56,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,51,67,1)), color-stop(100%,rgba(43,56,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273343', endColorstr='#2b3849',GradientType=1 ); /* IE6-8 */
}
.leftanchor {
text-align: left;
border-radius: 0px 2px 2px 0px;
}
.rightanchor {
text-align: right;
border-radius: 2px 0px 0px 2px;
}
.navigationanchor:hover {
box-shadow: 0px 0px 2px 3px rgb(39,51,67);
text-shadow: 0 0 0.2em;
opacity: 0.9;
filter: alpha(opacity=90);
}
table {
position: relative;
top: 20%;
margin: auto;
color: white;
font-family:nsureFont;
font-size: 1em;
text-decoration: none;
border: 0px;
box-shadow: 0px 0px 2px 3px rgb(200,200,200);
padding: 8px;
zoom: 1;
opacity: 0.9;
filter: alpha(opacity=90);
background: rgb(39,51,67); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIxMDAlIiB5Mj0iMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzI3MzM0MyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyYjM4NDkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(left, rgba(39,51,67,1) 0%, rgba(43,56,73,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(39,51,67,1)), color-stop(100%,rgba(43,56,73,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(left, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* IE10+ */
background: linear-gradient(to right, rgba(39,51,67,1) 0%,rgba(43,56,73,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#273343', endColorstr='#2b3849',GradientType=1 ); /* IE6-8 */
}
.arrow-right {
position: relative;
margin-left: 5px;
top: 0.05em;
display: inline-block;
width: 0;
height: 0;
border-top: 0.4em solid transparent;
border-bottom: 0.4em solid transparent;
border-left: 0.6em solid white;
}
.arrow-left {
position: relative;
margin-right: 5px;
top: 0.05em;
display: inline-block;
width: 0;
height: 0;
border-top: 0.4em solid transparent;
border-bottom: 0.4em solid transparent;
border-right: 0.6em solid white;
}
.bgcontainer {
position: relative;
height: 100%;
width: 100%;
background-size: 100%;
}
.bgimage01 {
background: url(/assets/nsurebg_001.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage02 {
background: url(/assets/nsurebg_002.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage03 {
background: url(/assets/nsurebg_003.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage04 {
background: url(/assets/nsurebg_004.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage05 {
background: url(/assets/nsurebg_005.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage06 {
background: url(/assets/nsurebg_006.jpg) no-repeat rgba(0,0,0,1);
}
.bgimage07 {
background: url(/assets/nsurebg_007.jpg) no-repeat rgba(0,0,0,1);
}
.bodyWrapper {
width: 100%;
height: 100%;
}
.bodyLeftColumn {
position:relative;
float: left;
left: 0;
width: 10%;
height: 100%;
}
.bodyCenterColumn {
float: left;
height: 100%;
width: 80%;
}
.bodyRightColumn {
position: relative;
float: right;
right: 0;
width: 10%;
height: 100%;
}
.contentBlock {
position: relative;
top: 6em;
}
.centered {
width: 100%;
margin: auto;
display: block;
text-align: center;
}
.floaty {
position: relative;
float: left;
}
.breaker {
display: block;
clear: both;
height: 10px;
width: 100%;
}
.selectable {
list-style-type: none;
margin: 0;
padding: 0;
width: 100%;
}
.selectable li {
cursor: pointer;
margin: 3px;
padding: 1px;
float: left;
width: 140px;
height: 1.3em;
font-size: 1em;
text-align: center;
}
.selectable .ui-selecting {
background: #FECA40;
}
.selectable .ui-selected {
background: #1190C0;
color: white;
}
.floatBlock {
position: relative;
float: left;
margin: 10px;
}
.statusClass_error {
color: #ff4444;
}
.statusClass_success {
color: #00ff99;
}
.statusLine {
font-size: 1.5em;
background: #222222;
padding: 6px;
width: 100%;
}
.blink_me {
animation-name: blinker;
animation-duration: 400ms;
animation-timing-function: linear;
animation-iteration-count: 1;
-webkit-animation-name: blinker;
-webkit-animation-duration: 400ms;
-webkit-animation-timing-function: linear;
-webkit-animation-iteration-count: 1;
}
@-moz-keyframes blinker { /* Decimal not necessary, 0 and 1 is enough */
0% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@-webkit-keyframes blinker {
0% { opacity: 0.0; }
100% { opacity: 1.0; }
}
@keyframes blinker {
0% { opacity: 0.0; }
100% { opacity: 1.0; }
}
.blockCaption {
font-size: 1.5em;
background: #223344;
width: 100%;
padding: 2px;
}
.examplelink {
margin-top: 1.2em;
clear: both;
position: relative;
}