Disabling Basic CSS removes Mobile CSS...
2 posters
Page 1 of 1
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)?
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)?
Re: Disabling Basic CSS removes Mobile CSS...
This is the CSS for the mobile version :
Simply add that into an external file. You can use the media attribute to have a sheet for specific media types.
- 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.
Re: Disabling Basic CSS removes Mobile CSS...
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?
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?
Re: Disabling Basic CSS removes Mobile CSS...
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 )
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 )
Re: Disabling Basic CSS removes Mobile CSS...
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!
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!
Re: Disabling Basic CSS removes Mobile CSS...
✰ 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.
Re: Disabling Basic CSS removes Mobile CSS...
Okay then, I'll probably be able to solve that on my own. Thanks for the help! You've solved the main problem!
Similar topics
» Disabling mobile version
» Help with disabling mobile version of forum
» how i can removes the moderators
» How I removes underline font
» punbb hitskin theme removes widgets
» Help with disabling mobile version of forum
» how i can removes the moderators
» How I removes underline font
» punbb hitskin theme removes widgets
Page 1 of 1
Permissions in this forum:
You cannot reply to topics in this forum