/* ------------------------- */ /* SMARTNODES SYSTEM CLASSES */ /* ------------------------- */ .no_main_image {display: none;} /* ----------------------------- */ /* END SMARTNODES SYSTEM 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/104/111950xxe.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(255,0,127);} .bg_color_full {background-color: rgb(255,0,127);} .color_light {color: rgb(255,128,191);} .bg_color_light {background-color: rgb(255,128,191);} .color_faint {color: rgb(255,230,242);} .bg_color_faint {background-color: rgb(255,230,242);} /* accent color, three tints */ .color_accent_full {color: rgb(198,55,46);} .bg_color_accent_full {background-color: rgb(198,55,46);} .color_accent_light {color: rgb(227,155,151);} .bg_color_accent_light {background-color: rgb(227,155,151);} .color_accent_faint {color: rgb(249,235,234);} .bg_color_accent_faint {background-color: rgb(249,235,234);} /* 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);} /* 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 */ .type_bighead_color {color: rgb(255,0,127);} .type_head_color {color: rgb(255,0,127);} .type_subhead_color {color: rgb(255,0,127);} .type_intro_color {color: #7f7f7f;} .type_plain_color {color: #6a6a6b;} .type_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(255,0,127);} .color_black a:hover, .color_black a:active {color: rgb(255,0,127);} .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(255,0,127);} .color_full a:link, .color_full a:visited {color: rgb(255,0,127);} .color_full a:hover, .color_full a:active {color: rgb(255,0,127);} .color_light a:link, .color_light a:visited {color: rgb(255,0,127);} .color_light a:hover, .color_light a:active {color: rgb(255,0,127);} .color_accent_full a:link, .color_accent_full a:visited {color: rgb(198,55,46);} .color_accent_full a:hover, .color_accent_full a:active {color: rgb(198,55,46);} .color_accent_light a:link, .color_accent_light a:visited {color: rgb(227,155,151);} .color_accent_light a:hover, .color_accent_light a:active {color: rgb(227,155,151);} .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 */ .type_bighead_color a:link, .type_bighead_color a:visited {color: rgb(255,0,127);} .type_bighead_color a:hover, .type_bighead_color a:active {color: rgb(255,0,127);} .type_head_color a:link, .type_head_color a:visited {color: rgb(255,0,127);} .type_head_color a:hover, .type_head_color a:active {color: rgb(255,0,127);} .type_subhead_color a:link, .type_subhead_color a:visited {color: rgb(255,0,127);} .type_subhead_color a:hover, .type_subhead_color a:active {color: rgb(255,0,127);} .type_intro_color a:link, .type_intro_color a:visited {color: rgb(255,0,127); background-color: transparent;} .type_intro_color a:hover, .type_intro_color a:active {color: #ffffff; background-color: rgb(255,0,127);} .type_plain_color a:link, .type_plain_color a:visited {color: rgb(255,0,127); background-color: transparent;} .type_plain_color a:hover, .type_plain_color a:active {color: #ffffff; background-color: rgb(255,0,127);} .type_small_color a:link, .type_small_color a:visited {color: #000000; background-color: transparent;} .type_small_color a:hover, .type_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: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.eot");} @font-face {font-family: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.ttf");} @font-face {font-family: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.eot");} @font-face {font-family: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.ttf");} @font-face {font-family: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.eot");} @font-face {font-family: myriad_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_bold.ttf");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.eot");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.ttf");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.eot");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.ttf");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.eot");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.ttf");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.eot");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.ttf");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.eot");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.ttf");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.eot");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.ttf");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.eot");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.ttf");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.eot");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.ttf");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.eot");} @font-face {font-family: myriad_roman; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_roman.ttf");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.eot");} @font-face {font-family: myriad_semibold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibold.ttf");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.eot");} @font-face {font-family: myriad_italic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_italic.ttf");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.eot");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.ttf");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.eot");} @font-face {font-family: myriad_semibolditalic; src: url("projects/104/styles/themes/glassismore/imgmorph/font/myriad_semibolditalic.ttf");} /* additional fonts */ @font-face {font-family: futura_heavy; src: url("projects/104/styles/themes/glassismore/imgmorph/font/futura_heavy.eot");} @font-face {font-family: futura_heavy; src: url("projects/104/styles/themes/glassismore/imgmorph/font/futura_heavy.ttf");} @font-face {font-family: bradley_hand; src: url("projects/104/styles/themes/glassismore/imgmorph/font/bradley_hand.eot");} @font-face {font-family: bradley_hand; src: url("projects/104/styles/themes/glassismore/imgmorph/font/bradley_hand.ttf");} @font-face {font-family: bradley_hand_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/bradley_hand_bold.eot");} @font-face {font-family: bradley_hand_bold; src: url("projects/104/styles/themes/glassismore/imgmorph/font/bradley_hand_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 */ .type_bighead {font-size: 22px; line-height: 25px; font-family: myriad_bold; letter-spacing: ;} .type_head {font-size: 19px; line-height: 22px; font-family: myriad_bold; letter-spacing: ;} .type_subhead {font-size: 16px; line-height: 17px; font-family: myriad_bold; letter-spacing: ;} /* p */ .type_intro {font-size: 14px; line-height: 20px; font-family: myriad_roman; letter-spacing: ;} .type_plain {font-size: 14px; line-height: 16px; font-family: myriad_roman; letter-spacing: ;} .type_small {font-size: 11px; line-height: 14px; font-family: myriad_roman; letter-spacing: ;} /* additional text */ .type_special_1 {font-size: 80px; line-height: 21px; font-family: futura_heavy; letter-spacing: ;} .type_special_2 {font-size: 18px; line-height: 21px; font-family: bradley_hand; letter-spacing: ;} /* default variations */ .type_intro .bold, .type_intro b, .type_intro strong {font-family: myriad_semibold; font-weight: normal;} .type_intro .italic, .type_intro i, .type_intro em {font-family: myriad_italic; font-style: normal;} .type_intro .bold i, .type_intro .bold em, .type_intro .italic b, .type_intro .italic strong, .type_intro .bolditalic b, .type_intro .bolditalic strong, .type_intro .bolditalic i, .type_intro .bolditalic em, .type_intro .bolditalic, .type_intro i b, .type_intro b i, .type_intro em strong, .type_intro strong em, .type_intro i strong, .type_intro strong i, .type_intro em b, .type_intro b em {font-family: myriad_semibolditalic;} .type_plain .bold, .type_plain b, .type_plain strong {font-family: myriad_semibold; font-weight: normal;} .type_plain .italic, .type_plain i, .type_plain em {font-family: myriad_italic; font-style: normal;} .type_plain .bold i, .type_plain .bold em, .type_plain .italic b, .type_plain .italic strong, .type_plain .bolditalic b, .type_plain .bolditalic strong, .type_plain .bolditalic i, .type_plain .bolditalic em, .type_plain .bolditalic, .type_plain i b, .type_plain b i, .type_plain em strong, .type_plain strong em, .type_plain i strong, .type_plain strong i, .type_plain em b, .type_plain b em {font-family: myriad_semibolditalic;} .type_small .bold, .type_small b, .type_small strong {font-family: myriad_semibold; font-weight: normal;} .type_small .italic, .type_small i, .type_small em {font-family: myriad_italic; font-style: normal;} .type_small .bold i, .type_small .bold em, .type_small .italic b, .type_small .italic strong, .type_small .bolditalic b, .type_small .bolditalic strong, .type_small .bolditalic i, .type_small .bolditalic em, .type_small .bolditalic, .type_small i b, .type_small b i, .type_small em strong, .type_small strong em, .type_small i strong, .type_small strong i, .type_small em b, .type_small b em {font-family: myriad_semibolditalic;} /* additional variations */ .type_special_2 .bold, .type_special_2 b, .type_special_2 strong {font-family: bradley_hand_bold; font-weight: normal;} /* links */ .type_bighead a:link, .type_bighead a:visited {text-decoration: none;} .type_bighead a:hover, .type_bighead a:active {text-decoration: none;} .type_head a:link, .type_head a:visited {text-decoration: none;} .type_head a:hover, .type_head a:active {text-decoration: none;} .type_subhead a:link, .type_subhead a:visited {text-decoration: none;} .type_subhead a:hover, .type_subhead a:active {text-decoration: none;} .type_intro a:link, .type_intro a:visited {text-decoration: underline;} .type_intro a:hover, .type_intro a:active {text-decoration: underline;} .type_plain a:link, .type_plain a:visited {text-decoration: underline;} .type_plain a:hover, .type_plain a:active {text-decoration: underline;} .type_small a:link, .type_small a:visited {text-decoration: underline;} .type_small a:hover, .type_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="type_plain_color link_blue", this will override the default link color and/or style of "type_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;} .link_color_grey_full a:link, .link_color_grey_full a:visited {color: rgb(79,79,79); text-decoration: underline; background-color: transparent;} .link_color_grey_full a:hover, .link_color_grey_full a:active {color: #ffffff; text-decoration: none; background-color: rgb(79,79,79);} /* general color definition: the color for your text */ .type_menu_color {color: rgb(127,127,127);} /* link color definitions: the color for links in your text */ .type_menu_color a:link, .type_menu_color a:visited {color: rgb(127,127,127);} .type_menu_color a:hover, .type_menu_color a:active {color: rgb(255,0,127);} .type_menu_spacing {letter-spacing: 1px;} /* EXAMPLE */ /* adding a custom text style */ /* general color definition: the color for your text */ .type_special_color {color: #c1c1c1;} /* link color definitions: the color for links in your text */ .type_special_color a:link, .type_special_color a:visited {color: #c1c1c1;} .type_special_color a:hover, .type_special_color a:active {color: #ebebeb;} /* type style definitions: the font size and line height for your text */ .type_special {font-size: 13px; line-height: 11px;} /* link style definitions: the style for links in your text */ .type_special a:link, .type_special a:visited {text-decoration: none;} .type_special a:hover, .type_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, body {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_pointer.cur"), auto;} .cursor_select, a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_select.cur"), pointer;} .cursor_info, .cursor_info a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_info.cur"), help;} .cursor_home, .cursor_home a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_home.cur"), pointer;} .cursor_search, .cursor_search a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_search.cur"), text;} .cursor_shop, .cursor_shop a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_shop.cur"), pointer;} .cursor_download, .cursor_download a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_download.cur"), pointer;} .cursor_zoom_in, .cursor_zoom_in a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_zoomin.cur"), pointer;} .cursor_zoom_out, .cursor_zoom_out a {cursor: url("projects/104/styles/themes/glassismore/images/interface/cursor_zoomout.cur"), 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(255,128,191); border-radius: 2px; background-color: rgb(255,128,191); color: white; font-family: myriad_semibold;} .form_submitbutton:hover {background-color: white; color: rgb(255,0,127); border: 1px solid rgb(191,191,191);} /* OVERRIDES */ /* force no color on a tags */ .link_no_color a:link, .link_no_color a:visited, .link_no_color a:hover, .link_no_color a:active, a.link_no_color:link, a.link_no_color:visited, a.link_no_color:hover, a.link_no_color:active {color: inherit; background-color: transparent;} /* force no underline on a tags */ .link_no_underline a:link, .link_no_underline a:visited, .link_no_underline a:hover, .link_no_underline a:active, a.link_no_underline:link, a.link_no_underline:visited, a.link_no_underline:hover, a.link_no_underline:active {text-decoration: none;} /* force underline on a tags */ .link_underline a:link, .link_underline a:visited, .link_underline a:hover, .link_underline a:active, a.link_underline:link, a.link_underline:visited, a.link_underline:hover, a.link_underline:active {text-decoration: underline;} /* force hover-only underline on a tags */ .link_underline_hover a:link, .link_underline_hover a:visited, a.link_underline_hover:link, a.link_underline_hover:visited {text-decoration: none;} .link_underline_hover a:hover, .link_underline_hover a:active, a.link_underline_hover:hover, a.link_underline_hover:active {text-decoration: underline;} /* ACESSIBILITY */ /* prevent text selection */ .user_select_none { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; -o-user-select: none; user-select: none; } /* --------------------- */ /* END MRT CTL COMPANION */ /* --------------------- */ 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