/* LAYOUT CONSTRUCTION */
html, body {width: 100%; height: 100%; font-size: 0px;} /* "font-size: 0px;" prevents "display: inline block;" from adding automatic spaces */
html, body, input, textarea, div, table, tr, td {-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
/* RESET DEFAULT STYLING */
/* normalizes the most common default styling that web-browsers automatically use for html elements */
html, body, p, h1, h2, h3, h4, h5, h6, form, input, textarea, ul, ol, hr {margin: 0;}
html, body, input, td {padding: 0;}
html, body, img, input, textarea, table, hr {border: 0;}
p, h1, h2, h3, h4, h5, h6, td, div {font-size: inherit;}
h1, h2, h3, h4, h5, h6 {font-weight: inherit;}
ul, ol {padding: 0 0 0 1.2em;}
table {border-collapse: collapse;}
/* ------------------------- */
/* SMARTNODES SYSTEM CLASSES */
/* ------------------------- */
.no_main_image {}
/* ----------------------------- */
/* END SMARTNODES SYSTEM CLASSES */
/* ----------------------------- */
/* ------------------------- */
/* CSS TAGS SPECIFIC CLASSES */
/* ------------------------- */
/*
.interface_wide_hidden {display: none;}
.interface_wide_visible {display: ;}
*/
/* ----------------------------- */
/* END CSS TAGS SPECIFIC CLASSES */
/* ----------------------------- */
/* -------------------------------------- */
/* MRT BLOCK SYSTEM */
/* COLORS, TEXT AND LINKS (CTL) COMPANION */
/* -------------------------------------- */
/* development version 1.6 */
/* base styling */
/* note: allround default styling, leaving any override possible past this point */
/* note: use as base styling for template boxes that will display variable layout and styling */
/*
.type_base {font-size: 13px; line-height: 17px; text-align: left; font-family: sans-serif; font-weight: normal; font-style: normal; font-variant: normal; color: #6a6a6b; background-color: transparent;}
.type_base a:link, .type_base a:visited {color: #6a6a6b; background-color: transparent; text-decoration: underline;}
*/
/*.type_base a:hover, .type_base a:active {color: #ffffff; background-color: #6a6a6b; text-decoration: none;}*/
/*
.type_base a:hover, .type_base a:active {color: #ffffff; background-color: rgb(191,191,191); background-image: url(cache/imgmorph/362/424uzs.png); text-decoration: none;}
*/
/* COLOR SET */
/* due to the way colors work in css styling every color needs two separate entries, one to be able to use it as a text color, and onother to use it as a background color */
/* the setup is a default palette, with black and white as fixed options, the rest can be edited, don't forget to update the colors in pairs (normal end background) when changing them */
/* theme */
/* site background color, canvas color, main color etc.*/
.color_base {color: rgb(213,228,233);}
.bg_color_base {background-color: rgb(213,228,233);}
/* main color, three tints */
.color_full {color: rgb(224,22,22);}
.bg_color_full {background-color: rgb(224,22,22);}
.color_light {color: rgb(240,139,139);}
.bg_color_light {background-color: rgb(240,139,139);}
.color_faint {color: rgb(252,232,232);}
.bg_color_faint {background-color: rgb(252,232,232);}
.color_dark {color: rgb(112,11,11);}
.bg_color_dark {background-color: rgb(112,11,11);}
.color_heavy {color: rgb(45,4,4);}
.bg_color_heavy {background-color: rgb(45,4,4);}
/* accent color, three tints */
.color_accent_full {color: rgb(86,175,232);}
.bg_color_accent_full {background-color: rgb(86,175,232);}
.color_accent_light {color: rgb(171,215,244);}
.bg_color_accent_light {background-color: rgb(171,215,244);}
.color_accent_faint {color: rgb(238,247,253);}
.bg_color_accent_faint {background-color: rgb(238,247,253);}
.color_accent_dark {color: rgb(43,88,116);}
.bg_color_accent_dark {background-color: rgb(43,88,116);}
.color_accent_heavy {color: rgb(17,35,46);}
.bg_color_accent_heavy {background-color: rgb(17,35,46);}
/* grey color, three tints */
.color_grey_full {color: rgb(127,127,127);}
.bg_color_grey_full {background-color: rgb(127,127,127);}
.color_grey_light {color: rgb(191,191,191);}
.bg_color_grey_light {background-color: rgb(191,191,191);}
.color_grey_faint {color: rgb(242,242,242);}
.bg_color_grey_faint {background-color: rgb(242,242,242);}
.color_grey_dark {color: rgb(63,63,63);}
.bg_color_grey_dark {background-color: rgb(63,63,63);}
.color_grey_heavy {color: rgb(31,31,31);}
.bg_color_grey_heavy {background-color: rgb(31,31,31);}
/* fixed colors */
.color_black {color: #000;}
.bg_color_black {background-color: #000;}
.color_white {color: #fff;}
.bg_color_white {background-color: #fff;}
/* text specific colors */
/* even if all your text has the same color, you might want to use different brightnesses, to make large and small type look like they have the same color on screen (for instance small black letters will look grey on screen, so when you make the larger text grey, they will look consistenly the same color */
/* the defaults are greyscales tailored to look like the same color at the intended default sizes */
.font_bighead_color {color: rgb(224,22,22);}
.font_head_color {color: rgb(224,22,22);}
.font_subhead_color {color: rgb(224,22,22);}
.font_intro_color {color: #7f7f7f;}
.font_plain_color {color: #444444;}
.font_small_color {color: #6a6a6b;}
/* color links */
/* make links in text spans have the same color as text */
/* fixed colors */
.color_black a:link, .color_black a:visited {color: rgb(224,22,22);}
.color_black a:hover, .color_black a:active {color: rgb(224,22,22);}
.color_white a:link, .color_white a:visited {color: #ffffff; background-color: transparent;}
.color_white a:hover, .color_white a:active {color: #ffffff; background-color: rgb(224,22,22);}
.color_full a:link, .color_full a:visited {color: rgb(224,22,22);}
.color_full a:hover, .color_full a:active {color: rgb(224,22,22);}
.color_light a:link, .color_light a:visited {color: rgb(224,22,22);}
.color_light a:hover, .color_light a:active {color: rgb(224,22,22);}
.color_accent_full a:link, .color_accent_full a:visited {color: rgb(86,175,232);}
.color_accent_full a:hover, .color_accent_full a:active {color: rgb(86,175,232);}
.color_accent_light a:link, .color_accent_light a:visited {color: rgb(171,215,244);}
.color_accent_light a:hover, .color_accent_light a:active {color: rgb(171,215,244);}
.color_grey_full a:link, .color_grey_full a:visited {color: #000000;}
.color_grey_full a:hover, .color_grey_full a:active {color: #000000;}
.color_grey_light a:link, .color_grey_light a:visited {color: rgb(127,127,127);}
.color_grey_light a:hover, .color_grey_light a:active {color: rgb(127,127,127);}
/* text colors */
.font_bighead_color a:link, .font_bighead_color a:visited {color: rgb(224,22,22);}
.font_bighead_color a:hover, .font_bighead_color a:active {color: rgb(224,22,22);}
.font_head_color a:link, .font_head_color a:visited {color: rgb(224,22,22);}
.font_head_color a:hover, .font_head_color a:active {color: rgb(224,22,22);}
.font_subhead_color a:link, .font_subhead_color a:visited {color: rgb(224,22,22);}
.font_subhead_color a:hover, .font_subhead_color a:active {color: rgb(224,22,22);}
.font_intro_color a:link, .font_intro_color a:visited {color: rgb(224,22,22); background-color: transparent;}
.font_intro_color a:hover, .font_intro_color a:active {color: #ffffff; background-color: rgb(224,22,22);}
.font_plain_color a:link, .font_plain_color a:visited {color: rgb(112,11,11); background-color: transparent;}
.font_plain_color a:hover, .font_plain_color a:active {color: #ffffff; background-color: rgb(112,11,11);}
.font_small_color a:link, .font_small_color a:visited {color: #000000; background-color: transparent;}
.font_small_color a:hover, .font_small_color a:active {color: #ffffff; background-color: #000000;}
/* TYPE SET */
/* no colors here, they are all handled in the color styles above */
/* font includes */
/* note: .eot file for IE, .ttf file for CSS3 browsers */
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.eot);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.ttf);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.eot);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.ttf);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.eot);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.ttf);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/eot.html);}
@font-face {font-family: ; src: url(projects/362/styles/themes/bsgww/imgmorph/font/ttf.html);}
/* additional fonts */
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.eot);}
@font-face {font-family: HelveticaNeueLT-Bold; src: url(projects/362/styles/themes/bsgww/imgmorph/font/HelveticaNeueLT-Bold.ttf);}
/* default text */
/* the shown standard html-tags are just here to give an idea of the intended importance of the type styles */
/* h1, h2, h3, h4, h5, h6 */
.font_bighead {font-size: 32px; line-height: 38px; font-family: HelveticaNeueLT-Bold; letter-spacing: 1px;}
.font_head {font-size: 25px; line-height: 30px; font-family: HelveticaNeueLT-Bold; letter-spacing: 0px;}
.font_subhead {font-size: 17px; line-height: 21px; font-family: HelveticaNeueLT-Bold; letter-spacing: 0px;}
/* p */
.font_intro {font-size: 16px; line-height: 20px; font-family: ; letter-spacing: ;}
.font_plain {font-size: 14px; line-height: 18px; font-family: ; letter-spacing: ;}
.font_small {font-size: 12px; line-height: 16px; font-family: ; letter-spacing: ;}
/* additional text */
.font_menu {font-size: 19px; line-height: 21px; font-family: HelveticaNeueLT-Bold; letter-spacing: 1px;}
/* variations */
.font_intro .bold, .font_intro b, .font_intro strong {font-family: ; font-weight: bold;}
.font_intro .italic, .font_intro i, .font_intro em {font-family: ; font-style: italic;}
.font_intro .bold i, .font_intro .bold em,
.font_intro .italic b, .font_intro .italic strong,
.font_intro .bolditalic b, .font_intro .bolditalic strong, .font_intro .bolditalic i, .font_intro .bolditalic em,
.font_intro .bolditalic, .font_intro i b, .font_intro b i, .font_intro em strong, .font_intro strong em, .font_intro i strong, .font_intro strong i, .font_intro em b, .font_intro b em {font-family: ;}
.font_plain .bold, .font_plain b, .font_plain strong {font-family: ; font-weight: bold;}
.font_plain .italic, .font_plain i, .font_plain em {font-family: ; font-style: italic;}
.font_plain .bold i, .font_plain .bold em,
.font_plain .italic b, .font_plain .italic strong,
.font_plain .bolditalic b, .font_plain .bolditalic strong, .font_plain .bolditalic i, .font_plain .bolditalic em,
.font_plain .bolditalic, .font_plain i b, .font_plain b i, .font_plain em strong, .font_plain strong em, .font_plain i strong, .font_plain strong i, .font_plain em b, .font_plain b em {font-family: ;}
.font_small .bold, .font_small b, .font_small strong {font-family: ; font-weight: bold;}
.font_small .italic, .font_small i, .font_small em {font-family: ; font-style: italic;}
.font_small .bold i, .font_small .bold em,
.font_small .italic b, .font_small .italic strong,
.font_small .bolditalic b, .font_small .bolditalic strong, .font_small .bolditalic i, .font_small .bolditalic em,
.font_small .bolditalic, .font_small i b, .font_small b i, .font_small em strong, .font_small strong em, .font_small i strong, .font_small strong i, .font_small em b, .font_small b em {font-family: ;}
/* links */
.font_bighead a:link, .font_bighead a:visited {text-decoration: none;}
.font_bighead a:hover, .font_bighead a:active {text-decoration: none;}
.font_head a:link, .font_head a:visited {text-decoration: none;}
.font_head a:hover, .font_head a:active {text-decoration: none;}
.font_subhead a:link, .font_subhead a:visited {text-decoration: none;}
.font_subhead a:hover, .font_subhead a:active {text-decoration: none;}
.font_intro a:link, .font_intro a:visited {text-decoration: underline;}
.font_intro a:hover, .font_intro a:active {text-decoration: underline;}
.font_plain a:link, .font_plain a:visited {text-decoration: underline;}
.font_plain a:hover, .font_plain a:active {text-decoration: underline;}
.font_small a:link, .font_small a:visited {text-decoration: underline;}
.font_small a:hover, .font_small a:active {text-decoration: underline;}
/* paragraph styling */
/* note: use in divs */
.left {text-align: left;}
.right {text-align: right;}
.center {text-align: center;}
.justify {text-align: justify;}
.justify_all {text-align: justify;}
.justify_all:after {display: inline-block; width: 100%; height: 0; visibility: hidden; content: " "; font-size: 0;}
/* character styling */
/* note: use in spans */
.normal {font-weight: normal; font-style: normal; font-variant: normal;}
.bold {font-weight: bold;}
.italic {font-style: italic;}
.bolditalic {font-weight: bold; font-style: italic;}
.smallcaps {font-variant: small-caps;}
.uppercase {text-transform: uppercase;}
.lowercase {text-transform: lowercase;}
.capitalize {text-transform: capitalize;}
.sans {font-family: sans-serif;}
.sans.bold, .sans b, .sans strong {font-family: sans-serif; font-weight: bold;}
.sans.italic, .sans i, .sans em {font-family: sans-serif; font-style: italic;}
.sans.bold i, .sans.bold em,
.sans.italic b, .sans.italic strong,
.sans.bolditalic, .sans.bolditalic b, .sans.bolditalic strong, .sans.bolditalic i, .sans.bolditalic em,
.sans i b, .sans b i, .sans em strong, .sans strong em, .sans i strong, .sans strong i, .sans em b, .sans b em {font-family: sans-serif;}
.serif {font-family: serif;}
.serif.bold, .serif b, .serif strong {font-family: serif; font-weight: bold;}
.serif.italic, .serif i, .serif em {font-family: serif; font-style: italic;}
.serif.bold i, .serif.bold em,
.serif.italic b, .serif.italic strong,
.serif.bolditalic, .serif.bolditalic b, .serif.bolditalic strong, .serif.bolditalic i, .serif.bolditalic em,
.serif i b, .serif b i, .serif em strong, .serif strong em, .serif i strong, .serif strong i, .serif em b, .serif b em {font-family: serif;}
.mono {font-family: monospace;}
.mono.bold, .mono b, .mono strong {font-family: monospace; font-weight: bold;}
.mono.italic, .mono i, .mono em {font-family: monospace; font-style: italic;}
.mono.bold i, .mono.bold em,
.mono.italic b, .mono.italic strong,
.mono.bolditalic, .mono.bolditalic b, .mono.bolditalic strong, .mono.bolditalic i, .mono.bolditalic em,
.mono i b, .mono b i, .mono em strong, .mono strong em, .mono i strong, .mono strong i, .mono em b, .mono b em {font-family: monospace;}
/* EXAMPLE */
/* separate link color styles */
/* these can be used as exceptions to override link color for the default text styles */
/* use like this: class="font_plain_color link_blue", this will override the default link color and/or style of "font_plain" for the spanned text */
.link_blue a:link, .link_blue a:visited {color: #aaacaf; text-decoration: none;}
.link_blue a:hover, .link_blue a:active {color: #5a7594; text-decoration: none;}
.networklinks a:link, .networklinks a:visited {font-size: 12px; color: #5a7594; text-decoration: underline; margin-right: 30px;}
.networklinks a:hover, .networklinks a:active {font-size: 12px; color: #aaacaf; text-decoration: underline; margin-right: 30px;}
/* general color definition: the color for your text */
.font_menu_color {color: rgb(127,127,127);}
/* link color definitions: the color for links in your text */
.font_menu_color a:link, .font_menu_color a:visited {color: rgb(127,127,127);}
.font_menu_color a:hover, .font_menu_color a:active {color: rgb(224,22,22);}
.font_menu_spacing {letter-spacing: 1px;}
/* CUSTOM STYLING */
/*
.font_plain b, .font_plain strong {color: rgb(224,22,22); font-size: 15px;}
*/
/* EXAMPLE */
/* adding a custom text style */
/* general color definition: the color for your text */
.font_special_color {color: #c1c1c1;}
/* link color definitions: the color for links in your text */
.font_special_color a:link, .font_special_color a:visited {color: #c1c1c1;}
.font_special_color a:hover, .font_special_color a:active {color: #ebebeb;}
/* type style definitions: the font size and line height for your text */
.font_special {font-size: 13px; line-height: 11px;}
/* link style definitions: the style for links in your text */
.font_special a:link, .font_special a:visited {text-decoration: none;}
.font_special a:hover, .font_special a:active {text-decoration: none;}
/* CURSOR SET */
/* "cursor_pointer" is the pointer arrow, "cursor_select" is the select hand (which in CSS is called "pointer", because someone messed up) */
.cursor_pointer, .cursor_pointer *, body, body * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_pointer.cur.html), auto;}
.cursor_select, .cursor_select *, a, a * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_select.cur.html), pointer;}
.cursor_info, .cursor_info * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_info.cur.html), help;}
.cursor_home, .cursor_home * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_home.cur.html), pointer;}
.cursor_search, .cursor_search * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_search.cur.html), text;}
.cursor_shop, .cursor_shop * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_shop.cur.html), pointer;}
.cursor_download, .cursor_download * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_download.cur.html), pointer;}
.cursor_zoom_in, .cursor_zoom_in * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_zoomin.cur.html), pointer;}
.cursor_zoom_out, .cursor_zoom_out * {cursor: url(projects/362/styles/themes/bsgww/images/interface/cursor_zoomout.cur.html), pointer;}
/* FORM SET */
/*
.form_textfield {
width: 100%;
border: 1px solid rgb(127,127,127);
padding: 3px;
border-radius: 2px;
}
.form_errorcolor {color: rgb(255,0,0);}
.form_submitbutton {padding: 5px 10px; font-size: 15px; border: 1px solid rgb(240,139,139); border-radius: 2px; background-color: rgb(240,139,139); color: white; font-family: ;}
.form_submitbutton:hover {background-color: white; color: rgb(224,22,22); border: 1px solid rgb(191,191,191);}
*/
/* OVERRIDES */
/* force no color on a tags */
.link_no_color a:link, .link_no_color a:visited {color: inherit;}
.link_no_color a:hover, .link_no_color a:active {color: inherit;}
a.link_no_color {color: inherit;}
/* force no color on a tags */
.link_no_background a:link, .link_no_background a:visited {background-color: transparent; background-image: ;}
.link_no_background a:hover, .link_no_background a:active {background-color: transparent; background-image: ;}
a.link_no_background {background-color: transparent; background-image: ;}
/* force no underline on a tags */
.link_no_underline a:link, .link_no_underline a:visited {text-decoration: none;}
.link_no_underline a:hover, .link_no_underline a:active {text-decoration: none;}
a.link_no_underline {text-decoration: none;}
/* force underline on a tags */
.link_underline a:link, .link_underline a:visited {text-decoration: underline;}
.link_underline a:hover, .link_underline a:active {text-decoration: underline;}
a.link_underline {text-decoration: underline;}
/* force hover-only underline on a tags */
.link_underline_hover a:link, .link_underline_hover a:visited {text-decoration: none;}
.link_underline_hover a:hover, .link_underline_hover a:active {text-decoration: underline;}
a.link_underline_hover {text-decoration: none;}
/* a-tag class to prevent browser meddling on a per-link basis */
/* move this into mrt system file???? */
a.cleanlink, a:link.cleanlink, a:visited.cleanlink, a:hover.cleanlink, a:active.cleanlink {background-color: transparent; text-decoration: none; color: inherit;}
/* --------------------- */
/* END MRT CTL COMPANION */
/* --------------------- */
/* TEMPLATE STYLING */
/* interface */
body {
background-color: #1d1d1d;
}
.interface_viewport {
width: 100%;
height: 100%;
margin-bottom: -1px; /* fix for safari 1 pixel bug */
background: url(projects/362/styles/themes/bsgww/images/interface/interface_setup.jpg) top center no-repeat, url() top center repeat-y;
}
.interface_content_wrap {
vertical-align: top;
}
.interface_header {
position: relative;
width: 980px; /* sets viewport width for mobile devices */
height: 525px;
/* background: rgba(0,255,0,0.2); */
}
@keyframes buttonlight {
0% {opacity: 0.1;}
15% {opacity: 0.5;}
100% {opacity: 0.1;}
}
@-webkit-keyframes buttonlight {
0% {opacity: 0.1;}
15% {opacity: 0.5;}
100% {opacity: 0.1;}
}
.interface_header .button_light {
position: absolute;
top: 21px;
left: 829px;
opacity: 0.1;
background: url(projects/362/styles/themes/bsgww/images/interface/red_light_glow.png.html) center no-repeat;
width: 120px;
height: 120px;
animation-name: buttonlight;
animation-duration: 2.5s;
animation-iteration-count: infinite;
-webkit-animation-name: buttonlight;
-webkit-animation-duration: 2.5s;
-webkit-animation-iteration-count: infinite;
}
.interface_header .left_button_link {
position: absolute;
top: 36px;
left: 0px;
opacity: ;
background: ;
width: 305px;
height: 90px;
}
.interface_header .right_button_link {
position: absolute;
top: 36px;
left: 674px;
opacity: ;
background: ;
width: 260px;
height: 90px;
}
.interface_page_wrap {
width: 860px;
margin-bottom: 0px;
background-image: url();
border-radius: 0px;
border-width: 0px;
border-style: solid;
border-color: rgba(255,255,255,0.3);
background-color: ;
display: inline-block;
}
.interface_page {
width: 860px;
padding: 0px 0px 0px 0px;
display: block;
background-color: ;
float: left;
}
.interface_sidebar {
width: 200px;
margin-left: 20px;
padding: 0px 0px 0px 0px;
display: block;
background-color: ;
float: left;
}
.interface_footer_developer_wrap {
height: 60px;
background-image: ;
background-position: bottom center;
background-repeat: no-repeat;
vertical-align: bottom;
}
.interface_footer_developer {
width: auto;
display: inline-block;
height: 30px;
background-color: rgba(224,22,22,0);
padding: 6px 0 0 0;
}
.interface_footer_developer_prefix {
width: auto;
/* display: inline-block; */
display: none;
height: 30px;
background-color: rgba(224,22,22,0);
padding: 6px 0 0 0;
}
.interface_footer_contact_wrap {
height: 80px;
background: linear-gradient(to bottom, rgba(45,4,4,1) 0%,rgba(45,4,4,0) 30%), rgba(112,11,11,1);
vertical-align: middle;
}
.interface_footer_contact {
letter-spacing: 1px;
line-height: 26px;
padding: 6px 0 0 0;
}
/* wrapper */
.wrapper_wrap {
width: 860px;
display: inline-block;
}
.wrapper_2_block_first {
width: 420px;
display: block;
float: left;
}
.wrapper_2_block {
width: 420px;
margin-left: 20px;
display: block;
float: left;
}
.wrapper_3_block_first {
width: 274px;
display: block;
float: left;
}
.wrapper_3_block {
width: 274px;
margin-left: 19px;
display: block;
float: left;
}
.wrapper_4_block_first {
width: 200px;
display: block;
float: left;
}
.wrapper_4_block {
width: 200px;
margin-left: 20px;
display: block;
float: left;
}
/* menu */
.menu_primary_wrap {
position: absolute;
display: table-cell;
top: 336px;
left: 0px;
width: 980px;
text-align: center;
}
.menu_primary_item {
display: inline-block;
vertical-align: top;
width: 127px;
height: 127px;
margin: 0 10px 10px 10px;
border-radius: 3px;
border-width: 2px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.7);
box-shadow: 0px 3px 8px rgba(63,63,63,0.4);
background: linear-gradient(to bottom, rgba(127,127,127,0.0) 0%,rgba(127,127,127,0.5) 100%), rgba(240,139,139,0);
-webkit-transition: background 1s;
transition: background 1s;
}
.menu_primary_item:hover {
background: linear-gradient(to bottom, rgba(127,127,127,0.0) 0%,rgba(127,127,127,0.5) 100%), rgba(240,139,139,1);
}
.menu_primary_item.active {
background: linear-gradient(to bottom, rgba(224,22,22,0.0) 0%,rgba(224,22,22,0.5) 100%), rgba(240,139,139,0);
}
.menu_primary_item.active:hover {
background: linear-gradient(to bottom, rgba(224,22,22,0.0) 0%,rgba(224,22,22,0.5) 100%), rgba(240,139,139,1);
}
.menu_primary_item a {
display: inline-block;
width: 100%;
height: 100%;
}
.menu_primary_item .text {
display: inline-block;
margin: 10px 5px 5px 5px;
}
.menu_primary_item .main_image {
display: inline-block;
width: 97px;
margin: 15px;
border-radius: 0;
}
/* social */
.social_facebook {
position: absolute;
top: 21px;
left: 861px;
}
.social_facebook_image {
border-radius: 3px;
border-width: 2px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,1);
box-shadow: 0px 3px 8px rgba(63,63,63,0.4);
opacity: 0.8;
}
/* article_item */
.article_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.4);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.6) 100%), rgba(255,255,255,0.4);
box-shadow: -3px 3px 4px rgba(63,63,63,0.3);
}
.article_item_wrap .item {
padding: 20px;
}
.article_item_wrap p.text {
margin-top: 20px;
}
.article_item_wrap .text:empty {
display: none;
}
.article_item_wrap .no_main_image {
display: none;
}
.article_item_wrap .main_image {
display: block;
margin-left: 20px;
border-radius: 0 5px 5px 0;
float: right;
}
/* record_file_item */
.record_file_item_wrap {
display: inline-block;
width: 400px;
margin-bottom: 20px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.4);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.6) 100%), rgba(255,255,255,0.4);
box-shadow: -3px 3px 4px rgba(63,63,63,0.3);
}
.record_file_item_wrap .item {
padding: 10px;
text-align: left;
}
.record_file_item_wrap p.text {
margin-top: 10px;
}
.record_file_item_wrap .text:empty {
display: none;
}
.record_file_item_wrap .no_main_image {
display: none;
}
.record_file_item_wrap .main_image {
display: block;
margin-right: 10px;
border-radius: 0 0 0 0;
float: left;
}
/* editorial_list_item */
.editorial_list_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: rgba(240,139,139,0.5);
border-radius: 2px;
background: rgba(255,255,255,1);
box-shadow: 0px 2px 6px rgba(43,88,116,0.5);
}
.editorial_list_item_wrap .item {
padding: 20px;
}
.editorial_list_item_wrap p.text {
margin-top: 20px;
}
.editorial_list_item_wrap .text:empty {
display: none;
}
.editorial_list_item_wrap .no_main_image {
display: none;
}
.editorial_list_item_wrap .main_image {
display: block;
margin-left: 20px;
border-radius: 0;
margin: 20px;
float: right;
}
/* reference list_item */
.reference_list_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: rgba(240,139,139,0.5);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(255,255,255,0.6);
box-shadow: -3px 3px 4px rgba(63,63,63,0.4);
transition: background 0.7s;
-webkit-transition: background 0.7s;
}
.reference_list_item_wrap:hover {
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(240,139,139,0.6);
}
.reference_list_item_wrap a {
display: inline-block;
width: 100%;
height: 100%;
}
.reference_list_item_wrap .main_image {
display: block;
margin: 0px;
border-radius: 3px 3px 3px 3px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.2);
float: ;
}
.reference_list_item_wrap .item {
background: ;
padding: 5px;
}
.reference_list_item_wrap p.text {
margin-top: 5px;
}
.reference_list_item_wrap .text:empty {
display: none;
}
/* album item */
.album_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.4);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.6) 100%), rgba(255,255,255,0.4);
box-shadow: -3px 3px 4px rgba(63,63,63,0.3);
}
.album_item_wrap .item {
padding: 20px;
}
.album_item_wrap p.text {
margin-top: 20px;
}
.album_item_wrap .text:empty {
display: none;
}
.album_item_wrap .no_main_image {
display: none;
}
.album_item_wrap .main_image {
display: block;
margin-left: 20px;
border-radius: 0 5px 5px 0;
float: right;
}
/* album list_item */
.album_list_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: rgba(240,139,139,0.5);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(255,255,255,0.6);
box-shadow: -3px 3px 4px rgba(63,63,63,0.4);
transition: background 0.7s;
-webkit-transition: background 0.7s;
}
.album_list_item_wrap:hover {
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(240,139,139,0.6);
}
.album_list_item_wrap a {
display: inline-block;
width: 100%;
height: 100%;
}
.album_list_item_wrap .main_image {
display: block;
margin: 0px;
border-radius: 3px 3px 0 0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.2);
float: ;
}
.album_list_item_wrap .item {
background: ;
padding: 20px;
}
.album_list_item_wrap p.text {
margin-top: 10px;
}
.album_list_item_wrap .text:empty {
display: none;
}
/* album image_item */
.album_image_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 0px 0px 0px 0px;
border-style: solid;
border-color: rgba(240,139,139,0.5);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(255,255,255,0.6);
box-shadow: -3px 3px 4px rgba(63,63,63,0.4);
transition: background 0.7s;
-webkit-transition: background 0.7s;
}
.album_image_item_wrap:hover {
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(240,139,139,0.6);
}
.album_image_item_wrap.no_main_image:hover {
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.5) 100%), rgba(255,255,255,0.6);
cursor: default;
}
.album_image_item_wrap a {
display: inline-block;
width: 100%;
height: 100%;
}
.album_image_item_wrap .main_image {
display: block;
margin: 0px;
border-radius: 3px 3px 0 0;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.2);
float: ;
}
.album_image_item_wrap.no_main_image .main_image {
display: none;
}
.album_image_item_wrap .item {
background: ;
padding: 20px;
}
.album_image_item_wrap p.text {
margin-top: 10px;
}
.album_image_item_wrap .text:empty {
display: none;
}
/* sm_lightbox */
.sm_lightbox_anchor {
position: fixed;
z-index: -9999;
top: 0;
left: 0;
opacity: 0;
}
.sm_lightbox_wrap {
position: fixed;
display: table;
z-index: 9999;
top: -100%;
left: 0;
width: 100%;
height: 100%;
background: rgba(63,63,63,0.8);
opacity: 0;
/*-webkit-transition: opacity 1s;
transition: opacity 1s;*/
}
.sm_lightbox_wrap:target {
opacity: 1;
top: 0%;
}
.sm_lightbox_block.no_main_image {
display: none;
}
.sm_lightbox_wrap .sm_lightbox {
display: table-cell;
width: 100%;
height: 100%;
left: 0;
top: 0;
vertical-align: middle;
}
.sm_lightbox_wrap .box {
display: inline-block;
width: 840px;
padding: 20px;
background-color: #fff;
box-shadow: 0px 5px 16px rgba(0,0,0,0.8);
}
.sm_lightbox_wrap .content {
margin: 10px 0;
background: rgba(63,63,63,0.05);
}
.sm_lightbox_wrap .close {
float: right;
}
.sm_lightbox_wrap .navigator {
display: none;
}
.sm_lightbox_wrap .previous {
float: left;
}
.sm_lightbox_wrap .next {
float: right;
}
/* form */
.form_item_wrap {
display: inline-block;
width: 100%;
margin-bottom: 20px;
border-width: 1px 0px 0px 0px;
border-style: solid;
border-color: rgba(255,255,255,0.4);
border-radius: 3px;
background: linear-gradient(to bottom, rgba(255,255,255,0.0) 0%,rgba(255,255,255,0.6) 100%), rgba(255,255,255,0.4);
box-shadow: -3px 3px 4px rgba(63,63,63,0.3);
}
.form_item_wrap .item {
padding: 20px;
}
.form_item_wrap p.text {
margin-top: 20px;
}
.form_item_wrap .text:empty {
display: none;
}
.form_item_wrap .no_main_image {
display: none;
}
.form_item_wrap .main_image {
display: block;
margin: 20px;
border-radius: 0 0px 0px 0;
float: right;
}
.form_item_wrap .field_list {
margin-top: 20px;
padding: 0 60px;
}
.form_item_wrap .field_wrap {
width: 100%;
margin-top: 10px;
display: inline-block;
}
.form_item_wrap .label {
margin-top: 6px;
padding-right: 10px;
width: 30%;
float: left;
display: inline-block;
}
.form_item_wrap .label .add_to_label_wrap:empty {
display: none;
}
.form_item_wrap .input {
width: 70%;
float: left;
display: inline-block;
padding: 5px;
background: rgba(255,255,255,0.5);
border-radius: 3px;
}
.form_item_wrap .input .required_wrap {
position: relative;
}
.form_item_wrap .input .required_wrap:empty {
display: none;
}
.form_item_wrap .input .required {
position: absolute;
display: block;
top: 5px;
right: 5px;
}
.form_item_wrap .input .add_to_field_wrap:empty {
display: none;
}
.form_item_wrap .input .tooltip_wrap:empty {
display: none;
}
.form_item_wrap .input .error {
margin-top: 5px;
color: rgb(255,0,0);
}
.form_item_wrap .input .error:empty {
display: none;
}
.form_item_wrap .input .description {
margin-top: 5px;
}
.form_item_wrap .input .description:empty {
display: none;
}
.form_item_wrap .input .textfield {
width: 100%;
border: 1px solid rgb(127,127,127);
padding: 3px;
border-radius: 2px;
height: 20px;
}
.form_item_wrap .input .textfield:hover {
background: rgb(252,232,232);
}
.form_item_wrap .input .textarea {
width: 100%;
border: 1px solid rgb(127,127,127);
padding: 3px;
border-radius: 2px;
height: 60px;
}
.form_item_wrap .input .textarea:hover {
background: rgb(252,232,232);
}
.form_item_wrap .option_list {
margin-top: 20px;
padding: 0 60px;
}
.form_item_wrap .submit {
padding: 5px 10px;
border-radius: 3px;
background: rgb(240,139,139);
transition: background 1s;
-webkit-transition: background 1s;
}
.form_item_wrap .submit:hover {
background: rgb(224,22,22);
}
/* FORM SET */
.form_errorcolor {color: rgb(255,0,0);}
/* RESPONSIVE STYLING */
.content_large_screen {display: inline;}
.content_small_screen {display: none;}
/*
@media (min-width: 460px) and (max-width: 955px)
{
.font_bighead {font-size: 28px; line-height: 32px; letter-spacing: 0;}
.font_plain {font-size: 18px; line-height: 22px;}
.content_large_screen {display: none;}
.content_small_screen {display: inline;}
.developer_link {display: none;}
}
@media screen and (max-width: 460px)
{
.font_bighead {font-size: 28px; line-height: 32px; letter-spacing: 0;}
.font_plain {font-size: 18px; line-height: 22px;}
.content_large_screen {display: none;}
.content_small_screen {display: inline;}
.developer_link {display: none;}
}
*/
IMGmorph replaced 1 softlinks out of 1 candidate softlinks (to 1 unique image files out of 0 total cached image files) in 0.003 seconds