Disabling Basic CSS removes Mobile CSS...

Okay, so I have decided to disable the Basic CSS on Forumotion and host my CSS on a completely separate website (Google). Everything works fine and it's all great. 

There is one small problem:

The Mobile CSS has also been removed. I want to be able to host my own mobile CSS as well, but I can't find any method to be able to do it.

My question is, is there any way I can use my own mobile CSS hosted on a different website (Google)?

This is the CSS for the mobile version :

Code:

/* CSS Reset */html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, font, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td, hr {
  margin: 0;
  padding: 0;
  border: 0;
  outline: 0;
  font-size: 100%;
  vertical-align: baseline;
  background: transparent;
  text-decoration: none;
}

body {
  line-height: 1;
}

ol, ul {
  list-style: none;
}

blockquote, q {
  quotes: none;
}/* remember to define focus styles! */:focus {
  outline: 0;
}/* remember to highlight inserts somehow! */ins {
  text-decoration: none;
}

del {
  text-decoration: line-through;
}/* tables still need ‘cellspacing=”0?‘ in the markup */table {
  border-collapse: collapse;
  border-spacing: 0;
}/*Fin CSS Reset */html,body {
  height: 100%;
}

body {
  font-size: 16px;
  font-family: Helvetica, sans-serif;
}

#mpage-body {
  position: relative;
  min-height: 100%;
  background: none #c4c4c6;
}

.mobile_title {
  font-size: 0.9em;
  height: 29px;
  position: relative;
  padding: 2px 0;
  line-height: 12px;
  background: none #BECCDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#BECCDD), to(#587397), color-stop(0.48, #8B9DB5), color-stop(0.5, #8195AF));
  background: -moz-linear-gradient(top, #BECCDD, #587397);
  background: -ms-linear-gradient(top, #BECCDD, #587397);
  background: linear-gradient(top, #BECCDD, #587397);
  border-top: 1px solid #D0D9E6;
  border-right: none;
  border-bottom: 1px solid #3F5C80;
  border-left: none;
}

.mobile_title.application_header {
  position: fixed;
  width: 100%;
  z-index: 100;
}

.application_header_spacer {
  height: 33px;
}

.mobile_title_content {
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  font-weight: bold;
  float: none;
  width: auto;
  position: absolute;
  left: 65px;
  right: 65px;
  text-align: center;
  line-height: 34px;
  color: #fff;
  top: 0px;
}

.mobile_set {
  height: 1em;
  padding: 0.5em;
  color: #fff;
  font-size: 0.9em;
  background: none #347DEE;
  background: -webkit-gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));
  background: -moz-linear-gradient(top, #347DEE, #24445C);
  background: -ms-linear-gradient(top, #347DEE, #24445C);
/*background: -o-gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));background: gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));*/;
}

.mobile_set_content {
  float: left;
  width: 80%;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.4);
  font-weight: bold;
  line-height: 1.2em;
}

.mobile_item {
  margin: 0;
  border: 1px solid #EEEEEF;
  border-bottom-color: #9C9EA5;
  border-right: 0;
  border-left: 0;
  padding: 0.5em 0;
  font-size: 0.8em;
  background: none #DBDBDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));
  background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8);
  background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8);
/*background: -o-gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));background: gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));*/;
}

.mobile_item:hover {
  background: none #DBDBDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDD), to(#FFFFFF), color-stop(0.5, white));
  background: -moz-linear-gradient(top, #DBDBDD, #FFFFFF);
  background: -ms-linear-gradient(top, #DBDBDD, #FFFFFF);
/*background: -o-gradient(linear, left top, left bottom, from(#DBDBDD), to(#FFFFFF), color-stop(0.5, white));background: gradient(linear, left top, left bottom, from(#DBDBDD), to(#FFFFFF), color-stop(0.5, white));*/;
}

.mobile_item_link_content {
  padding: 0 1em 0 45px;
  background: url(http://2img.net/i/fa/mobile/arrow_right.png) no-repeat scroll 100% 50%;
}

.forum_no_new {
  background: url(http://2img.net/i/fa/subsilver/folder_big.gif) no-repeat scroll 0 50%;
}

.forum_new {
  background: url(http://2img.net/i/fa/subsilver/folder_new_big.gif) no-repeat scroll 0 50%;
}

.forum_locked {
  background: url(http://2img.net/i/fa/subsilver/folder_locked_big.gif) no-repeat scroll 0 50%;
}

.cat_no_new {
  background: url(http://2img.net/i/fa/subsilver/category.gif) no-repeat scroll 0 50%;
}

.cat_new {
  background: url(http://2img.net/i/fa/subsilver/category_new.gif) no-repeat scroll 0 50%;
}

.cat_locked {
  background: url(http://2img.net/i/fa/subsilver/category_locked.gif) no-repeat scroll 0 50%;
}

.folder_birthday {
  background: url() no-repeat scroll 10px 50%;
}

.folder_no_new {
  background: url(http://2img.net/i/fa/prosilver/topic_read.gif) no-repeat scroll 10px 50%;
}

.folder_new {
  background: url(http://2img.net/i/fa/prosilver/topic_unread.gif) no-repeat scroll 10px 50%;
}

.folder_global {
  background: url(http://2img.net/i/fa/prosilver/announce_read.gif) no-repeat scroll 10px 50%;
}

.folder_global_new {
  background: url(http://2img.net/i/fa/prosilver/announce_unread.gif) no-repeat scroll 10px 50%;
}

.folder_announce {
  background: url(http://2img.net/i/fa/prosilver/announce_read.gif) no-repeat scroll 10px 50%;
}

.folder_announce_new {
  background: url(http://2img.net/i/fa/prosilver/announce_unread.gif) no-repeat scroll 10px 50%;
}

.folder_sticky {
  background: url(http://2img.net/i/fa/prosilver/sticky_read.gif) no-repeat scroll 10px 50%;
}

.folder_sticky_new {
  background: url(http://2img.net/i/fa/prosilver/sticky_unread.gif) no-repeat scroll 10px 50%;
}

.folder_locked {
  background: url(http://2img.net/i/fa/prosilver/topic_read_locked.gif) no-repeat scroll 10px 50%;
}

.folder_locked_new {
  background: url(http://2img.net/i/fa/prosilver/topic_unread_locked.gif) no-repeat scroll 10px 50%;
}

.folder_hot {
  background: url(http://2img.net/i/fa/prosilver/topic_read_hot.gif) no-repeat scroll 10px 50%;
}

.folder_hot_new {
  background: url(http://2img.net/i/fa/prosilver/topic_unread_hot.gif) no-repeat scroll 10px 50%;
}

.mobile_subtitle {
  color: #000;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
  font-weight: bold;
  line-height: 1.3em;
}

.mobile_comment {
  font-size: 0.8em;
  color: #666;
  text-overflow: ellipsis;
  overflow: hidden;
  white-space: nowrap;
  text-shadow: 0 -1px 0 rgba(255, 255, 255, 0.4);
  line-height: 1.3em;
}

.block {
  display: block;
}

.mobile_prev_button, .mobile_next_button {
  display: inline-block;
  position: absolute;
  height: 26px;
  -webkit-box-shadow: 0 1px 0 rgba(255,255,255, 0.25), inset 0 1px 1px rgba(0,0,0, 0.2);
  margin: 0;
  padding: 0 5px;
  border: 1px solid rgba(0,0,0, 0.4);
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  background: none #9fb3cc;
  background: -webkit-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));
  background: -moz-linear-gradient(top, #9fb3cc, #5b80ab);
  background: -ms-linear-gradient(top, #9fb3cc, #5b80ab);
/*background: -o-gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));background: gradient(linear, left top, left bottom, from(#9fb3cc), to(#5b80ab), color-stop(0.5, #6b8bb2), color-stop(0.51, #597eaa));*/;
}

.mobile_prev_button p, .mobile_next_button p {
  color: #fff;
  font-size: 10px;
  font-weight: bold;
  line-height: 26px;
  margin: 0;
  text-align: center;
  text-shadow: 0 -1px 0 rgba(0,0,0, 0.4);
  z-index: 2;
}

.mobile_prev_button {
  left: 12px;
}

.mobile_next_button {
  right: 12px;
}

.mobile_prev_button p {
  padding: 0 0px 0 15px;
  background: url("http://2img.net/i/fa/mobile/inner-left-arrow.png") no-repeat scroll left center transparent;
}

.mobile_next_button p {
  padding: 0 15px 0 0px;
  background: url("http://2img.net/i/fa/mobile/inner-right-arrow.png") no-repeat scroll right center transparent;
}

.clear {
  clear: both;
  width: 1px;
  font-size: 1px;
  line-height: 1px;
}

blockquote {
  display: inline-block;
  background: none #e5e5e5;
  padding: 0.5em;
  position: relative;
  max-width: 96%;
  margin: 1em auto;
  border: 1px solid #000;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

blockquote .quote_content {
  display: block;
  padding: 0 1em 1em;
}

blockquote cite {
  background: none white;
  float: left;
  padding: 0.5em;
  margin-bottom: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

blockquote .open_quote {
  display: block;
  font-weight: bold;
  font-size: 2em;
  height: 0.5em;
  width: 0.5em;
}

blockquote .close_quote {
  display: block;
  height: 0;
  font-weight: bold;
  font-size: 2em;
  padding-bottom: 0.5em;
  position: absolute;
  right: 0.2em;
  bottom: 0;
}

.spoiler .spoiler_content {
  display: none;
}

.spoiler .spoiler_content.hidden {
  display: block;
}

.spoiler {
  display: block;
  background: none #e5e5e5;
  padding: 0.5em;
  position: relative;
  width: 96%;
  margin: 1em auto;
  border: 1px solid #000;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

.spoiler_content {
  background: none white;
  margin-top: 0.5em;
  display: inline-block;
  padding: 0 1em;
  line-height: 1.3em;
  overflow: auto;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.spoiler_title {
  cursor: pointer;
  background: none white;
  padding: 0.5em;
  -webkit-border-radius: 0.5em;
  -moz-border-radius: 0.5em;
  border-radius: 0.5em;
}

.codebox {
  background-color: #e5e5e5;
  padding: 0.5em;
  border: 1px solid #000;
}

.codebox code {
  display: block;
  color: green;
  background-color: white;
  overflow: auto;
}/* TEMP */.post {
  padding: 0 0 1em;
  line-height: 1.3em;
  margin: 0;
  font-size: 0.8em;
  background: none #DBDBDD;
  background: -webkit-gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));
  background: -moz-linear-gradient(top, #DBDBDD, #B4B4B8);
  background: -ms-linear-gradient(top, #DBDBDD, #B4B4B8);
/*background: -o-gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));background: gradient(linear, left top, left bottom, from(#DBDBDD), to(#B4B4B8), color-stop(1, white));*/;
}

.postbody {
  position: relative;
}

.postbody:after {
  width: 50%;
  height: 1px;
  background-color: #fff;
  content: '\00a0';
  position: absolute;
  bottom: -0.5em;
  left: 25%;
  right: 25%;
}

.postbody .post_header {
  margin: 0;
  padding: 0.5em;
  color: #fff;
  font-size: 0.9em;
  background: none #347DEE;
  background: -webkit-gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));
  background: -moz-linear-gradient(top, #347DEE, #24445C);
  background: -ms-linear-gradient(top, #347DEE, #24445C);
/*background: -o-gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));background: gradient(linear, left top, left bottom, from(#347DEE), to(#24445C), color-stop(0.48, #489CDB), color-stop(0.5, #388CCB));*/;
}

.postbody .post_header a {
  color: #fff;
  vertical-align: text-top;
}

.postbody .post_header hr {
  margin: 0.5em 1em;
  height: 1px;
}

.postbody .content {
  position: relative;
  padding: 1em;
  -ms-word-break: break-all;
  word-break: break-all;
  word-break: break-word;
  -webkit-hyphens: auto;
  -moz-hyphens: auto;
  hyphens: auto;
}

.img_link {
  display: inline-block;
  padding: 0 0.5em;
  white-space: nowrap;
  height: 2.3em;
  font-weight: normal;
}

.img_link:before {
  content: '[';
  font-size: 2em;
  vertical-align: sub;
  line-height: 1em;
}

.img_link:after {
  content: ']';
  font-size: 2em;
  vertical-align: sub;
  line-height: 1em;
}

.application_footer_spacer {
  height: 3em;
}

#page-footer {
  color: #fff;
  padding: 0.5em;
  margin-top: -3em;
  position: relative;
  text-align: center;
  height: 2em;
  background: none #000;
  background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(black), color-stop(0.05, white), color-stop(0.3, #333), to(black));
  background: -moz-linear-gradient(top, #666, #000);
  background: -ms-linear-gradient(top, #666, #000);
/*background: -o-gradient(linear, 0% 0%, 0% 100%, from(black), color-stop(0.05, white), color-stop(0.3, #333), to(black));background: gradient(linear, 0% 0%, 0% 100%, from(black), color-stop(0.05, white), color-stop(0.3, #333), to(black));*/;
}

#page-footer a {
  color: #fff;
  display: block;
  line-height: 1.3em;
}

.small {
  font-size: 0.9em;
}

.poll {
  padding: 0.5em;
}

.poll .fieldset {
  border: 1px solid #000;
  padding: 0.5em;
}

.poll .legend {
  padding: 0 0 0.5em 0;
}

.poll dl {
  display: table;
  padding: 0 0 1em;
}

.poll dt, .poll dd {
  display: table-cell;
  padding: 0 1em;
}

.poll .table-row {
  display: table-row;
}

.poll .bold {
  font-weight: bold;
}

.attachbox {
  display: inline-block;
  border: 1px solid #000;
  margin-top: 2em;
  -webkit-border-radius: 1em;
  -moz-border-radius: 1em;
  border-radius: 1em;
}

.attachbox .title {
  background-color: #fff;
  display: inline-block;
  padding: 0.2em 0.5em;
  -webkit-border-bottom-right-radius: 1em;
  -webkit-border-top-left-radius: 1em;
  -moz-border-radius: 1em;
  border-bottom-right-radius: 1em;
  border-top-left-radius: 1em;
}

dl.attachments {
  padding: 0 0.5em 0.5em;
}

dl.attachments dt {
  padding-top: 0.5em;
}

.hiddenMsgTitle {
  font-size: 0.9em;
}

.hiddenMsgBody {
  display: none;
  padding-top: 2em;
}/* NAVIGATION BAR */div#mToggleContainer {
  float: right;
  margin: 0;
  padding: 0;
  height: 33px;
  margin-top: -2px;
  width: 30px;
  background-color: #333333;
  background-image: none;
  background-repeat: no-repeat;
  background-position: center center;
}

a#mToggleArrow {
  background-color: rgb(51, 51, 51);
  display: block;
  width: 30px;
  height: 33px;
  margin: 0;
  padding: 0;
  text-decoration: none;
  border: none;
}

a#mToggleArrow.hiddenBar {
  background-image: url('http://2img.net/i/fa/i/mobileNavbar/sprite.png');
  background-position: -160px 0;
}

a#mToggleArrow.shownBar {
  background-image: url('http://2img.net/i/fa/i/mobileNavbar/sprite.png');
  background-position: -192px 0;
}

ul#mNavbar {
  display: none;
  background-color: rgb(51, 51, 51);
  height: 50px;
  position: absolute;
  left: 0;
  width: 100%;
  text-align: center;
}

ul#mNavbar li {
  display: inline-block;
  padding: 0 10px;
  height: 100%;
  min-width: 50px;
  text-align: center;
}

a.navElement {
  text-decoration: none;
  border: none;
  display: block;
}

a.navElement span.navBtnIcon {
  display: inline-block;
  width: 32px;
  height: 32px;
  background: transparent url('http://2img.net/i/fa/i/mobileNavbar/sprite.png') no-repeat -224px 0;
}

a.navElement span.navBtnLabel {
  display: inline-block;
  color: #FFFFFF;
  font-weight: bold;
  white-space: nowrap;
}/* ACTION BAR */#mobileActionBar {
  text-align: center;
  height: 30px;
  line-height: 30px;
  padding: 0;
  margin: 0;
  background-color: #333333;
  width: 100%;
  position: fixed;
  bottom: 0;
}

#mobileActionBar a.navbar {
  text-decoration: none;
  display: inline-block;
  height: 30px;
  line-height: 30px;
  margin: 0px;
  padding: 0px;
  color: #FFFFFF;
  white-space: nowrap;
}

#mobileActionBar .mobileActionLabel {
  background: transparent url('http://2img.net/i/fa/i/mobileNavbar/ico_page001.png') no-repeat scroll left center;
  display: inline-block;
  line-height: 30px;
  padding-left: 25px;
  font-size: 0.9em;
}/* MISC */.inputTxtContainer {
  margin: 20px 0 0 0;
  padding: 5px;
  border: 1px solid #616161;
  background-color: #FFFFFF;
}

.inputTxtContainer .inputTxt {
  color: #606060;
  border: none;
  display: block;
  min-width: 90%;
}

.defaultBtn {
  display: inline-block;
  background: #6586ae url('http://2img.net/i/fa/i/mobileNavbar/bg_btn001.png') repeat-x top left;
  color: #fff;
  border: 1px solid #374d67;
  border-radius: 3px;
  padding: 0 6px;
  height: 26px;
}

.message_die {
  width: 90%;
  padding-top: 20px;
  margin: 0 auto;
  font-size: 0.8em;
}

.message_title {
  font-weight: bold;
  text-align: center;
}

.message_text {
  padding: 16px 0;
  line-height: 1.3em;
  text-align: justify;
}

.message_text a {
  text-decoration: underline;
  font-weight: bold;
  color: #275271;
}

.post-content {
  font-weight: bold !important;
}

h1.post-content {
  font-size: 2em;
  line-height: 2.4em;
}

h2.post-content {
  font-size: 1.5em;
  line-height: 1.8em;
}

h3.post-content {
  font-size: 1.2em;
  line-height: 1.3em;
}

h4.post-content {
  font-size: 1em;
  line-height: 1.3em;
}

h5.post-content {
  font-size: 0.8em;
  line-height: 0.7em;
}

h6.post-content {
  font-size: 0.7em;
  line-height: 0.6em;
}/* sce fa */
.sceditor-container textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif, FontAwesome !important;
} /* Add fontawesome to textarea so icons are visible */
.sceditor-button-fontawesome div {
  background: url(http://i19.servimg.com/u/f19/19/06/98/92/fa-f10.png) !important;
} /* button image */

/* drop down */
.sceditor-fontawesome {
  width: 220px;
  height: 250px;
  overflow-y: auto;
}

/* icons */
.sceditor-fontawesome i {
  color: #333;
  font-size: 20px;
  text-align: center;
  cursor: pointer;
  padding: 3px 0;
  width: 25%;
}

.sceditor-fontawesome i:hover {
  color: #666;
}

#i_whosonline {
  display: none;
}

.forabg ul.forums dl.icon {
  background-position: 45% 96% !important;
}

.catgicon {
  float: left;
  margin-left: -40px;
  margin-top: -11px;
}
/* Avatar restrictions */
.postprofile dt img {
  max-width: 150px;
  max-height: 200px;
}

/* --- START FMD CHAT --- */
#fmd_chatbox {
  color: #666;
  font-size: 12px;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 3px 6px;
  margin: 6px auto;
  width: 95%;
}

/* header */
#fmd_chat_header {
  padding: 6px 3px;
  margin: -3px -6px 6px -6px;
  border-bottom: 1px solid #CCC;
  box-shadow: 0 10px 8px rgba(255,255,255,0.3) inset, 0 -10px 8px rgba(0,0,0,0.05) inset;
}

#fmd_chat_header .fmd_chat_title {
  color: #999;
  font-size: 18px;
}

.fmd_chat_options {
  float: right;
  position: relative;
}

.fmd_chat_options input {
  margin-right: 6px;
}

/* messages */
#fmd_chat_messagebox {
  background: #F5F5F5;
  border: 1px solid #DDD;
  border-radius: 3px;
  height: 200px;
  overflow: auto;
  overflow-x: hidden;
  padding: 3px;
  margin: 3px 0;
}

.fmd_chat_row {
  margin: 6px 0;
  min-height: 30px;
}

.fmd_chat_avatar {
  float: left;
  background: #FFF;
  border: 2px solid #8BD;
  margin-right: 6px;
  overflow: hidden;
}

.fmd_chat_avatar, .fmd_chat_avatar img {
  width: 26px;
  height: 26px;
  -webkit-border-radius: 100px;
  -moz-border-radius: 100px;
  border-radius: 100px;
}

.fmd_chat_clock {
  vertical-align: top;
}

.fmd_chat_time {
  opacity: 0;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

.fmd_chat_name:hover .fmd_chat_time, .fmd_chat_time:hover {
  opacity: 1;
}

.fmd_chat_message, .fmd_chat_name {
  margin-left: 35px;
}

.fmd_chat_message {
  overflow: hidden;
  word-wrap: break-word;
}

.fmd_chat_message img {
  max-width: 100px;
  max-height: 100px;
} /* limit message image size */

/* footer, errors, message, and send */
#fmd_chat_footer {
  margin: 6px 0;
  position: relative;
}

.fmd_chat_error {
  color: #C66;
  font-weight: bold;
  text-align: center;
  text-shadow: 1px 1px 0 #FDD;
  background: #FCC;
  border: 1px solid #F99;
  border-radius: 3px;
  padding: 3px;
}

.fmd_chat_actions {
  background: #E5E5E5;
  border: 1px solid #CCC;
  border-radius: 3px;
  margin: 6px 0;
  padding: 3px;
  overflow: hidden;
}

#fmd_chat_message {
  color: #666;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 4px;
  padding: 8px 3px;
  padding-right: 60px;
  cursor: text;
  width: 100%;
  height: 32px;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

#fmd_chat_send {
  color: #666;
  font-weight: bold;
  font-size: 10px;
  text-transform: uppercase;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 0 4px 4px 0;
  padding: 8px 11px;
  height: 32px;
  position: absolute;
  right: 0;
}

#fmd_chat_send:hover {
  background: #E5E5E5;
}

.fmd_chat_sending #fmd_chat_message, .fmd_chat_sending #fmd_chat_send {
  background: #E5E5E5;
  opacity: 0.6;
}

/* buttons */
.fmd_chat_button {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: inline-block;
  padding: 3px;
  margin: 1px 3px;
  -webkit-touch-callout: none;
  -webkit-user-select: none;
  -khtml-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none;
}

.fmd_chat_button.fmd_small {
  text-align: center;
  width: 20px;
}

.fmd_chat_button:hover {
  color: #666;
  border-color: #666;
  cursor: pointer;
}

.fmd_chat_button.actif {
  color: #69B;
  border-color: #69B;
  background-color: #F5F5F5;
}

.fmd_color_selected {
  height: 10px;
  width: 10px;
  float: left;
  margin: 1px 3px 0 0;
  border: 1px solid #999;
}

/* dropdowns */
.fmd_chat_dropdown iframe {
  border: none;
}

.fmd_chat_dropdown {
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-shadow: 0px 6px 12px rgba(0, 0, 0, 0.176);
  position: absolute;
  top: -180px;
}

.fmd_chat_dropdown, .fmd_chat_dropdown iframe {
  height: 175px;
  width: 275px;
}

.fmd_chat_options .fmd_chat_dropdown {
  top: 30px;
  right: 0;
}

.fmd_chat_dropdown.fmd_notice {
  height: auto;
  width: 250px;
  padding: 3px;
  display: none;
}

.fmd_idle .fmd_chat_dropdown.fmd_notice {
  color: red;
  font-size: 10px;
  display: block;
}

/* help table */
.fmd_chat_help {
  border-spacing: 0;
  border: 1px solid #CCC;
  width: 99%;
  margin: 3px auto;
}

.fmd_chat_help td {
  background: #EEE;
  border: 1px solid #CCC;
  border-top: none;
  border-left: none;
  padding: 3px;
}

.fmd_chat_help tr.fmd_chat_header {
  color: #999;
  font-size: 13px;
  font-weight: bold;
}

.fmd_chat_help tr.fmd_chat_header td {
  box-shadow: 0 10px 8px rgba(255,255,255,0.3) inset, 0 -10px 8px rgba(0,0,0,0.05) inset;
  padding: 6px 3px;
}

/* maximize settings */
#fmd_chatbox.fmd_chat_max {
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: 0;
  width: auto;
  border-radius: 0;
  overflow-y: auto;
}

#fmd_chatbox.fmd_chat_max #fmd_chat_messagebox {
  height: 80%;
}

@media (max-height:700px) {
  #fmd_chatbox.fmd_chat_max #fmd_chat_messagebox {
    height: 70%;
  }
}
/* --- END FMD CHAT --- */


/* START DATABASE CP */
body.databaseBody {
  color: #666;
  font-size: 11px;
  font-family: Verdana,Arial,Helvetica,sans-serif;
  background: #DEF;
}

body.databaseBody a {
  text-decoration: none;
}

#db_wrap {
  background: #FFF;
  border: 1px solid #CCC;
  width: 80%;
  margin: 40px auto;
  padding: 3px;
}

#db_wrap h1 {
  color: #479 !important;
  font-size: 18px;
  border-bottom: 1px solid #479;
  padding-bottom: 3px;
  margin: 3px 0;
}

.database_table {
  background: #FFF;
  border: 1px solid #CCC;
  border-spacing: 0;
  width: 100%;
  overflow: auto;
}

.database_table a {
  background: none !important;
  display: inline-block;
  white-space: nowrap;
  overflow: hidden;
  max-width: 100px;
}

.database_table tr:nth-child(even) {
  background: #FFF;
}

.database_table tr:nth-child(odd) {
  background: #DDD;
}

.database_table tr:hover {
  background: #FFA;
}

.database_table td {
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
  padding: 3px;
}

.database_table tr.table_data {
  background: #EEE;
  box-shadow: 0 10px 6px rgba(255,255,255,0.3) inset, 0 -10px 6px rgba(0,0,0,0.05) inset;
}

#db_list {
  background: #EEE;
  border: 1px solid #CCC;
  float: left;
  width: 150px;
  min-height: 200px;
  padding: 3px;
  margin-right: 6px;
}

#db_list .database {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
  background: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  cursor: pointer;
  margin: 3px 0;
  padding: 3px;
}

#db_list .database:hover {
  color: #479;
  border-color: #479;
}

#db_list .database.dbactif {
  background: #DEF;
  color: #69B;
  border-color: #8BD;
}

#db_tables {
  background: #EEE;
  border: 1px solid #CCC;
  overflow-x: hidden;
  padding: 3px;
}

#innertable {
  height: 400px;
  overflow: auto;
}

.db_nav {
  text-align: right;
  background: #EEE;
  border: 1px solid #CCC;
  padding: 5px 3px;
  margin: 6px 0;
}

.db_nav a, .db_button, tr.table_data a {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  text-transform: uppercase;
  background: none;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 6px;
  margin: 1px 3px;
  cursor: pointer;
}

.db_nav a:hover, .db_button:hover, tr.table_data a:hover {
  color: #479;
  border-color: #479;
}

.db_nav a:focus, .db_button:focus, tr.table_data a:focus {
  color: #8BD;
  border-color: #8BD;
}

.db_title {
  color: #479;
  font-size: 12px;
  font-weight: bold;
  border-bottom: 1px solid #479;
  padding-bottom: 3px;
  margin-bottom: 3px;
}

.db_info {
  color: #58A;
  text-shadow: 1px 1px 0 #FFF;
  text-align: center;
  background-color: #DEF;
  border: 1px solid #BCD;
  border-radius: 3px;
  padding: 5px 3px;
  margin: 6px 3px;
}

.db_erreur {
  color: #C66;
  font-size: 12px;
  text-shadow: 1px 1px 0 #FFF;
  font-weight: bold;
  height: 20px;
}

.db_overlay {
  background: rgba(0,0,0,0.3);
  position: fixed;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  z-index: 999;
}

.dbo_content {
  background: #EEE;
  border: 1px solid #CCC;
  width: 65%;
  height: 50%;
  overflow: auto;
  padding: 3px;
  position: absolute;
  top: 20%;
  left: 15%;
}

.dbo_content.process {
  color: #996;
  text-shadow: 1px 1px 0 #FFF;
  text-align: center;
  font-size: 16px;
  font-weight: bold;
  width: 30%;
  height: auto;
  padding: 6px 24px;
  left: 30%;
  top: 40%;
}

.db_textarea {
  color: #333;
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  width: 90% !important;
  height: 50% !important;
  resize: none;
  display: block;
  padding: 3px;
  margin: 3px auto;
}

.db_textarea:hover {
  border-color: #479;
}

.db_textarea:focus {
  border-color: #8BD;
}
/* END DATABASE CP */


/* START fa_like */
.fa_like_row {
  margin-top: 6px;
}

.fa_like_list {
  font-style: italic;
  min-height: 25px;
}

a.fa_like_button, .fa_like_button, .fa_liked {
  color: #FFF;
  font-size: 10px;
  background: #6A6;
  border: 1px solid #686;
  border-radius: 3px;
  display: inline-block;
  padding: 3px 6px;
  cursor: default;
}

.fa_liked {
  cursor: default;
  color: #E9EDE9;
  background: #C5DAC5;
  border: 1px solid #C5D0C5;
}

a.fa_like_button:hover {
  background: #3A3;
  border: 1px solid #383;
  cursor: pointer;
}

/* END fa_like */

.sceditor-font-picker {
  height: 250px;
  width: 150px;
  overflow-y: auto;
}

/* START INLINE CATEGORIES */
#wrap .forabg {
  width: 49%;
  display: inline-block;
  vertical-align: top;
  margin: 3px;
}

#wrap form .forabg {
  display: block;
  width: auto;
}

.header dl {
  font-size: 12px;
}

dd.posts, dd.topics, dd.views {
  line-height: 16px;
}

.forabg .dterm {
  width: 50% !important;
}

.forabg .topics {
  width: 8%;
}

.forabg .posts {
  width: 8%;
}

.forabg .lastpost {
  width: 30%;
}

.forabg.index .topics {
  width: 15%;
}

.forabg.index .lastpost {
  width: 32%;
}

/* /!\ Fix for sub-forums */
#wrap h1.page-title ~ .forabg {
  display: block;
  width: auto;
}

#wrap h1.page-title ~ .forabg .dterm {
  width: 60% !important;
}

#wrap h1.page-title ~ .forabg .topics {
  width: 10%;
}

#wrap h1.page-title ~ .forabg .posts {
  width: 6%;
}

#wrap h1.page-title ~ .forabg .views {
  width: 6%;
}

#wrap h1.page-title ~ .forabg .lastpost {
  width: 20%;
}

/* /!\ Fix for searchs */
#wrap .topiclist.topics.search, #memberlist.topiclist.topics {
  width: auto !important;
}

#wrap h1.page-title + .forabg ul.topics li.header dl.icon dt {
  padding-right: 50px;
  width: 60%;
}
/* END INLINE CATEGORIES */


/* Ranks */
#fa_ranktitle {
  line-height: 13px;
}

.post_rang {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  box-shadow: 0 6px 3px rgba(255,255,255,0.3) inset, 0 -6px 3px rgba(0,0,0,0.05) inset;
  display: inline-block;
  padding: 3px 6px;
  margin: 2px 0;
}

.post_rang.admin {
  color: #C66;
  text-shadow: 1px 1px 0 #FDD;
  background: #FCC;
  border-color: #DAA;
}

.fa_views {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  text-decoration: none;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: block;
  padding: 5px 3px;
  margin: 5px 0;
}




/* -- MAIN THEME START -- */

/* Selection color */
::selection {
  color: #FFF;
  background: #8BD;
  text-shadow: 1px 1px #888;
}

::-moz-selection {
  color: #FFF;
  background: #8BD;
  text-shadow: 1px 1px #888;
}

/* -- START FA_TOOLBAR -- */
#fa_toolbar, #fa_toolbar_hidden {
  background: #EEE !important;
}

#fa_icon, #fa_toolbar #fa_service, #fa_share_text, #fa_right a.rightHeaderLink, #fa_right span.rightHeaderLink, #fa_right #fa_notifications {
  color: #666 !important;
}

#fa_toolbar {
  border-bottom: 1px solid #CCC;
  box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}

#fa_search #fa_textarea {
  background: #FFF !important;
  border: 1px solid #CCC !important;
  border-radius: 3px !important;
  margin-top: 1px !important;
  padding: 0 3px !important;
}

#fa_welcome, #fa_right #fa_notifications, #fa_right a.rightHeaderLink {
  color: #999 !important;
  text-decoration: none !important;
  background-color: #EEE !important;
  border: 1px solid #CCC !important;
  border-radius: 3px !important;
  box-shadow: 0 10px 6px rgba(255,255,255, 0.5) inset, 0 -10px 6px rgba(0,0,0, 0.05) inset;
  line-height: 12px !important;
  padding: 5px !important;
  margin-top: 3px !important;
}

#fa_welcome:hover, #fa_right #fa_notifications:hover, #fa_right a.rightHeaderLink:hover, #fa_right.welcome #fa_menu #fa_welcome, #fa_toolbar > #fa_right.notification > #fa_notifications {
  color: #666 !important;
  background-color: #E5E5E5 !important;
  border: 1px solid #999 !important;
}

a#fa_hide.rightHeaderLink, a#fa_hide.rightHeaderLink:hover {
  background-color: transparent !important;
  border: none !important;
  border-radius: 0 !important;
  padding: 0 !important;
  margin: 0 !important;
  box-shadow: none !important;
  margin-left: 10px !important;
}

#fa_menulist, #fa_toolbar #fa_right #notif_list {
  margin-top: 20px !important;
  background: #EEE !important;
  border: 1px solid #CCC !important;
  border-radius: 3px !important;
  box-shadow: 0 6px 12px rgba(0,0,0,0.176);
}

#fa_menulist:after, #fa_toolbar #fa_right #notif_list:after {
  content: url(http://i38.servimg.com/u/f38/18/21/41/30/arr10.png);
  position: absolute;
  right: 25px;
  top: -8px;
}

#fa_search #fa_textarea:hover {
  border-color: #479 !important;
}

#fa_search #fa_textarea:focus {
  border-color: #8BD !important;
}

#fa_toolbar #fa_right #notif_list li.see_all {
  background-color: #69B !important;
}

#fa_toolbar #fa_right #notif_list li hr {
  border-style: dashed !important;
}

#fa_toolbar #fa_right .fa_separator {
  background: none !important;
  border-bottom: 1px dashed #CCC;
}
/* -- END FA_TOOLBAR -- */

.obligatory {
  color: #F33 !important;
}

fieldset dl:hover .obligatory {
  color: #F33 !important;
}

.jqmWindow {
  background: #F5F5F5;
  border: 1px solid #CCC;
}


/* -- START shared props -- */
/* rounded corners */.forabg, .forumbg, .module, .panel, .post, .path, div.pathname-box, p.author {
  border-radius: 4px;
}
/* inset gloss */a.icon-home, a.button1, a.button2, button.button2, input.button1, input.button2, .module .h3, .friends-foes-list, .module.mod_news .row3 a {
  box-shadow: 0 10px 6px rgba(255,255,255, 0.5) inset, 0 -10px 6px rgba(0,0,0, 0.05) inset;
}
/* -- END shared props -- */


/* -- START page header -- */
#page-header {
  background: #69B;
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
}

#page-header .headerbar {
  background: none;
  margin: 0;
  padding: 30px 10px;
}

#logo {
  padding: 0 5px;
}

#logo img {
  max-height: 50px;
} /* banner limit to prevent errors */

/* navbar */
#page-header .navbar {
  background-color: #EEE;
  border: 1px solid #CCC;
  border-left: none;
  border-right: none;
}

#page-header .navbar a.mainmenu {
  color: #999;
  text-shadow: 1px 1px 0 #FFF;
  background: url(http://i38.servimg.com/u/f38/18/45/41/65/r10.gif) repeat-x 0px 36px;
  display: inline-block;
  margin: 0 -4px;
  padding: 5px 6px;
  -webkit-transition: 250ms;
  -moz-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}

#page-header .navbar a.mainmenu.menuactif, #page-header .navbar a.mainmenu:hover {
  color: #666;
  text-shadow: none;
  background-position: 0px 30px;
}

#page-header .navbar .corners-top, #page-header .navbar .corners-bottom {
  display: none;
}

#page-header .navbar ul.navlinks {
  border: none;
}
/* -- END page header -- */


/* -- START search box -- */
#search-box #keywords, #forum-search #search_keywords {
  background: #FFF;
  font-size: 12px;
  border: 1px solid #CCC;
  border-right: 0;
  border-radius: 3px 0 0 3px;
  padding: 8px;
  height: 14px;
  -webkit-transition: 500ms;
  -moz-transition: 500ms;
  -o-transition: 500ms;
  transition: 500ms;
}

#search-box .button2, #forum-search .button2 {
  margin: 0;
  font-size: 0;
  background: url(http://i38.servimg.com/u/f38/18/21/41/30/seomap12.gif) no-repeat center 0px #EEE;
  border: 1px solid #CCC;
  border-radius: 0 3px 3px 0;
  padding: 15px;
  height: 32px;
  width: 36px !important;
}

/* header search */
#search-box {
  margin: 0;
  position: absolute;
  top: 60px;
  right: 10px;
}

#search-box #keywords:focus {
  width: 200px;
}

#search-box .button2:hover {
  background-position: center -30px;
}

#search-box .button2:active {
  background-position: center -60px;
}

/* forum search */
#forum-search #search_keywords {
  padding: 4px;
  height: 15px;
}

#forum-search .button2 {
  background-position: center -4px;
  margin-left: -5px;
  padding: 10px;
  height: 25px;
  width: 26px !important;
}

#forum-search .button2:hover {
  background-position: center -34px;
}

#forum-search .button2:active {
  background-position: center -64px;
}
/* -- END search box -- */


/* -- START body content -- */
a:link {
  text-decoration: none;
}

hr {
  border-bottom: 1px dashed #999;
}

#wrap {
  background-color: #F7F7F7;
  border: 1px solid #CCC;
  border-top: 0;
  padding-top: 100px;
  margin-top: 80px;
  margin-bottom: 30px;
}

/* input boxes and dropdowns */
.inputbox, .inputbx, input.tiny, input.post, select {
  background: #FFF;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 3px;
}

.inputbox:hover, .inputbx:hover, input.tiny:hover, input.post:hover, select:hover {
  border-color: #479;
}

.inputbox:focus, .inputbx:focus, input.tiny:focus, input.post:focus, select:focus {
  border-color: #8BD;
}

/* buttons */
a.button1, a.button2, button.button2, input.button1, input.button2, a.icon-home, .module.mod_news .row3 a {
  color: #999 !important;
  text-shadow: 1px 1px 0 #FFF;
  font-weight: bold;
  background: #EEE;
  border: 1px solid #BBB;
  border-radius: 3px;
  padding: 3px 6px;
  margin: 3px;
}

a.button1:hover, a.button2:hover, button.button2:hover, input.button1:hover, input.button2:hover, a.icon-home:hover, .module.mod_news .row3 a:hover {
  color: #666 !important;
  text-shadow: none;
  background-color: #E5E5E5;
  border: 1px solid #999;
}

/* portal */
.module.mod_news .row3 {
  background: none;
}

.module.mod_news .row3 a {
  display: inline-block;
}

/* home button */
a.icon-home {
  background: url(http://i38.servimg.com/u/f38/18/21/41/30/homema10.png) no-repeat 3px 1px #EEE;
  padding-left: 24px;
}

a.icon-home:hover {
  background-position: 3px -25px;
}

/* modules and panels */
.module, .panel, .post {
  background-color: #EEE;
  border: 1px solid #CCC;
}

.panel {
  margin-top: 10px;
}

.panel.row3 {
  margin-top: 0;
}

/* profiles */
#cp-main .separator:last-child {
  display: none;
}

#cp-main .panel {
  background: #F5F5F5;
  border: 1px dashed #CCC;
}

#cp-main .panel.sig {
  background: none;
  border: none;
}

#cp-main h1 {
  color: #257;
}

fieldset dl dt, fieldset dl dt label, fieldset dl dt span {
  color: #888 !important;
  font-weight: bold;
  text-shadow: 1px 1px 0px #FFF;
}

fieldset dl:hover dt, fieldset dl:hover dt label, fieldset dl:hover dt span {
  color: #333 !important;
  text-shadow: none;
}

/* friends / foes */
.friends-foes-list {
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  padding: 4px 3px;
  margin: 2px;
  width: auto;
  height: auto;
}

/* Add / block menu */
#profile-advanced-add a.mainmenu {
  color: #666;
  font-size: 12px;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 3px;
  display: inline-block;
  padding: 4px 3px;
  margin: 2px 0;
}

/* add friend */
#profile-advanced-add a.mainmenu[href^="/profile?friend"] {
  color: #686;
  background: url(http://i38.servimg.com/u/f38/18/45/41/65/add10.png) no-repeat 3px center #CFC;
  border-color: #ACA;
  padding-left: 21px;
}

/* add foe / remove friend */
/* add foe / remove friend */
#profile-advanced-add a.mainmenu[href^="/profile?foe"], #profile-advanced-add a.mainmenu[href*="page_profil=friendsfoes&remove"] {
  color: #966;
  background: url(http://i38.servimg.com/u/f38/18/45/41/65/block11.png) no-repeat 3px center #FCC;
  border-color: #CAA;
  padding-left: 21px;
}

#profile-advanced-add a.mainmenu:hover {
  box-shadow: 0 0 100px rgba(0,0,0,0.1) inset;
}

/* avatar border color */td.avatar-mini img, .avatar {
  border-color: #CCC;
}

/* titles */
.content h1, .panel h1, .h3, h3, .content h2, .panel h2 {
  color: #257;
  text-transform: none;
  border-bottom: 1px solid #257;
}

/* widgets */
.module {
  padding: 0 3px;
  margin: 3px;
}

.module .h3 {
  color: #999;
  text-align: center;
  text-shadow: 1px 1px 0 #FFF;
  border-bottom-color: #CCC;
  padding: 6px;
  margin: -5px -3px 6px -3px;
}

/* tabs */
#tabs a span {
  color: #999;
  text-shadow: 1px 1px 0 #EEE;
  padding: 6px 10px;
}

#tabs a {
  background: #E0E0E0;
  border: 1px solid #CCC;
  border-bottom: none;
  border-radius: 3px 3px 0 0;
  box-shadow: 0 10px 6px rgba(255,255,255, 0.5) inset;
  margin: 0 2px;
  padding: 0;
}

#tabs a:hover {
  top: 1px;
  background: #EEE;
}

#tabs a span:hover, #tabs .activetab a span {
  color: #666;
  text-shadow: none;
}

#tabs .activetab a {
  background: #EEE;
  border-bottom: none;
  margin-bottom: 0;
}

#profile-tab-field-profil div.separator {
  border-bottom: 1px dashed #CCC;
}

#new-message-link a {
  border: none;
}

/* pagination */
.pagination span a, p.pagination span strong {
  padding: 2px 4px !important;
}

.pagination span a {
  font-weight: bold !important;
  color: #999 !important;
  text-shadow: 1px 1px 0 #FFF;
  background: #EEE;
  border: 1px solid #CCC;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(255,255,255,0.5) inset, 0px -3px 6px rgba(0,0,0,0.15) inset;
}

.pagination span a:hover {
  color: #479 !important;
  text-shadow: 1px 1px 0 #9CE;
  background: #8BD !important;
  border: 1px solid #69B !important;
}

.pagination span strong {
  color: #479;
  text-shadow: 1px 1px 0 #9CE;
  background: #8BD;
  border: 1px solid #69B;
  border-radius: 4px;
  box-shadow: 0px 3px 6px rgba(255,255,255,0.5) inset, 0px -3px 6px rgba(0,0,0,0.15) inset;
}

.pagination span a.pag-img {
  background: none !important;
  border: none !important;
  box-shadow: none;
}

/* Pathname boxes */
div.pathname-box, .path {
  padding: 6px;
}

.path {
  float: left;
  clear: none !important;
}

.path, .path a, div.pathname-box, div.pathname-box a {
  color: #888;
  text-shadow: 1px 1px 0 #FFF;
}

.path a:hover, div.pathname-box a:hover {
  color: #666;
  text-shadow: none;
}

.path, div.pathname-box {
  background: #EEE;
  border: 1px solid #CCC;
  box-shadow: 0px 10px 6px #F5F5F5 inset, 0px -10px 6px #E5E5E5 inset;
}

/* calendar */#calendar ul, #mini-calendar ul {
  background: none !important;
}

/* forums category */
.forabg, .forumbg {
  background: #69B;
  border: 1px solid #479;
  overflow: hidden;
  padding: 0;
}

.forabg .corners-bottom, .forumbg .corners-bottom {
  display: none;
}

.forumbg .header .dterm, .forumbg .header dt, .forabg .header dt {
  margin-left: 5px;
}

li.header dd, li.header dt, .table-title, .table-title h2 {
  font-size: 12px;
  font-weight: bold;
  text-transform: none;
}

/* rows */
li.row {
  background: url(http://i38.servimg.com/u/f38/18/45/41/65/r11.gif) repeat-y -6px top #EEE !important;
  border: none;
  border-bottom: 1px solid #CCC;
  -webkit-transition: 250ms;
  -moz-transition: 250ms;
  -o-transition: 250ms;
  transition: 250ms;
}

.pmlist li.row {
  background-position: -9px top !important;
}

li.row:hover {
  background-position: 0 top !important;
}

.pmlist li.row:hover {
  background-position: -3px top !important;
}

ul.topiclist dd, ul.forums dd {
  border: none !important;
}

/* tables */
#calendar th {
  color: #666;
}

.forumbg.forumbg-table table, #cp-main table.table1 {
  border-spacing: 0;
  margin: 0;
}

.forumbg.forumbg-table table td, #cp-main table.table1 td {
  border: none;
  border-right: 1px solid #CCC;
  border-bottom: 1px solid #CCC;
}

/* legend */p em {
  font-style: normal;
}

/* faq */dl.faq dd p {
  border-color: #CCC;
}
/* -- END body content -- */


/* -- START post content -- */
.post h2.topic-title {
  display: block;
}

p.author {
  background: #F5F5F5;
  border: 1px solid #CCC;
  display: inline-block;
  padding: 3px;
  margin-top: 3px 0;
}

.postprofile {
  background: #F5F5F5;
  border: 1px dashed #69B;
  border-left: 5px solid #69B;
  border-radius: 0 3px 3px 0;
  padding: 3px;
}

/* codeboxes */
dl.codebox code, dl.codebox.hidecode dd, dl.codebox.spoiler .spoiler_content.hidden {
  background: #EEE;
  border: 1px dashed #CCC;
  margin: 3px;
  padding: 3px;
}

/* Quote */
blockquote cite {
  color: #257;
}

blockquote {
  background: #F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/cite10.png') no-repeat 5px 7px;
  border: 1px solid #69B;
  border-left: 5px solid #69B;
  margin: 3px 0;
}

blockquote blockquote {
  background-color: #EEE;
  border-color: #58A;
}

/* Code */
dl.codebox {
  background: #F5F5F5;
  border: 1px solid #69B;
  border-left-width: 5px;
}

dl.codebox code {
  color: #49B;
}

dl.codebox dt {
  background: url('http://i57.servimg.com/u/f57/18/21/41/30/code10.png') no-repeat;
  color: #257;
  border: none;
  padding-left: 20px;
}


/* Spoiler */
dl.codebox.spoiler dt {
  background: url('http://i57.servimg.com/u/f57/18/21/41/30/spoile10.png') no-repeat;
}

/* hidden */
dl.codebox.hidecode dt {
  background: #F5F5F5 url('http://i57.servimg.com/u/f57/18/21/41/30/hide10.png') no-repeat 3px 2px;
}

dl.codebox.hidecode dt:after {
  padding-left: 3px;
  content: "Hidden:";
}
/* -- END post content -- */


/* -- START footer -- */
#page-footer .navbar {
  background: none;
}

/* Administration link */
p.copyright strong a {
  color: #C66;
  background: url(http://i38.servimg.com/u/f38/18/21/41/30/couron11.png) no-repeat 3px center #FDD;
  border: 1px solid #FBB;
  border-radius: 3px;
  display: inline-block;
  padding: 4px 6px 4px 25px;
}

p.copyright strong a:hover {
  color: #B55;
  background-color: #ECC;
  border-color: #EAA;
}

/*
* Author branding
* Credits to the designer of the theme.
* You may remove the below if you wish, or be kind and allow me credit.
* Either is okay with me, I hope you enjoy the theme :)
* Ange Tuteur, http://fmdesign.forumotion.com/
*/
#page-footer {
  background: url(http://i38.servimg.com/u/f38/18/21/41/30/brand10.gif) no-repeat bottom right;
}

#page-footer:after {
  color: #999;
  background: #F7F7F7;
  content: "\0054\0068\0065\006D\0065\00A0\0064\0065\0073\0069\0067\006E\0065\0064\00A0\0062\0079\00A0\0041\006E\0067\0065\00A0\0054\0075\0074\0065\0075\0072";
  display: block;
  text-align: right;
  cursor: default;
}
/* -- END footer -- */
.fade {
  display: inline-block;
  background: -moz-linear-gradient(left, rgb(235,234,221) 0%, rgba(235,234,221,0) 100%);
  background-image: -webkit-gradient(linear, left top, right top, color-stop(0.00, rgb(235,234,221)), color-stop(1.00, rgba(235,234,221,0)));
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1);
  -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#ebeadd, endColorstr=#00ebeadd, GradientType=1)";
}

.blur {
  display: inline-block;
  color: #ddd;
  text-shadow: 0 0 2px #aaaaaa;
  text-shadow: 0 0 4px #aaaaaa;
  text-shadow: 0 0 6px #aaaaaa;
  -ms-filter: "progid:DXImageTransform.Microsoft.Blur(pixelradius=2)";
  filter: progid:DXImageTransform.Microsoft.MotionBlur(strength=1,direction=310)
                progid:DXImageTransform.Microsoft.Blur(pixelradius=2);
}

.flipH {
  display: inline-block;
  -moz-transform: scale(-1,1);
  -o-transform: scale(-1,1);
  -webkit-transform: scale(-1,1);
  transform: scale(-1,1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=-1, M12=0, M21=0, M22=1, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=-1,
                M12=0,
                M21=0,
                M22=1,
                SizingMethod="auto expand");
}

.flipV {
  display: inline-block;
  -moz-transform: scale(1,-1);
  -o-transform: scale(1,-1);
  -webkit-transform: scale(1,-1);
  transform: scale(1,-1);
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1, M12=0, M21=0, M22=-1, SizingMethod='auto expand')";
  filter: progid:DXImageTransform.Microsoft.Matrix(
                M11=1,
                M12=0,
                M21=0,
                M22=-1,
                SizingMethod="auto expand");
}

Simply add that into an external file. You can use the media attribute to have a sheet for specific media types.

Okay. I have a mobile.css file, in fact, I already did put the basic mobile CSS long before I wrote the topic. My question is is there anyway to put it in the <head> tag?

I've already put the hosted CSS file in the Site Description. However, it's nearing the 255 character limit, so I wouldn't be able to put another line of code in there.

Is there another way to put the code in?

Of course, simply edit the overall_header template in Display > Templates > General

There you'll be able to make modifications to your head section. If you don't see the templates, you'll need to log into the founder account. ( /u1 )

Awesome.

As for the chatbox, which is in a frame. The CSS is also disabled. Is there a way method to add the CSS into the chatbox?

EDIT:
Okay, so it didn't work when I put it on the General Templates. However, I DID remember there was a mobile template. So I put it in that header and it worked! Yay!

✰ wrote:Awesome.

As for the chatbox, which is in a frame. The CSS is also disabled. Is there a way method to add the CSS into the chatbox?

EDIT:
Okay, so it didn't work when I put it on the General Templates. However, I DID remember there was a mobile template. So I put it in that header and it worked! Yay!

The chatbox uses the same global CSS as the forum. ( The sheet in the Admin Panel ) As far as I know, I don't believe there's any templates for that.

Okay then, I'll probably be able to solve that on my own. Thanks for the help! You've solved the main problem!