The forum of the forums
Welcome to the Official Support Forum of Forumotion!

To take full advantage of everything offered by our forum, please log in if you are already a member, or join our community if you've not yet.



Create a free forum like this one.

Most of CSS isn't Showing

View previous topic View next topic Go down

Solved Most of CSS isn't Showing

Post by Amber Sweet on February 8th 2015, 10:15 pm

Technical Details

Forum version : phpBB3
Position : Founder
Concerned browser(s) : Google Chrome
Who the problem concerns : All members
When the problem appeared : When I refreshed after removing a code from the stylesheet.
Forum link : http://zydrateanatomy.forumotion.com/

Description of problem

Okay, I created a forum, and I was making the CSS for it, but atfer a few minutes on trying to customize the once sidebar, the only things from the CSS are the border and scrollbar from the CSS. Yes, I do have the CSS backed up. It worked just fine, but when I removed a code to attempt to add more space to the widgets and fiddling around with the widgets width, all of the coding went poof. Are there any solutions for this? I tried resynchronizing my forum and that didn't help. I also optimized my CSS when it already was only for it to work until I enabled the widgets again. I currently disabled it.


Last edited by Amber Sweet on February 10th 2015, 2:28 am; edited 1 time in total

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by _Twisted_Mods_ on February 8th 2015, 10:58 pm

you might have a error in your css witch will cause all css under the error to not work

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet on February 8th 2015, 10:59 pm

All of the CSS is correct, and it didn't mention anything about broken brackets whenever I save it.

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray on February 8th 2015, 11:30 pm

What line is your CSS stylesheet on?


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet on February 9th 2015, 12:03 am

It has 402 lines if that's what you mean.

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray on February 9th 2015, 2:12 am

Please use the code tags to post your CSS stylesheet.


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet on February 9th 2015, 10:32 pm

Here's the stylecheet.
Code:
/*wrap*/
#wrap {
 background-color: #fff;
 border: 20px solid #1F747A;
 width: 1285px;
margin-bottom: -25px;
 margin-top: -25px;
}

::-webkit-scrollbar {
 background: white;
 width: 9px;
 height: 9px;
}
::-webkit-scrollbar-thumb {
 background: #000B0C;
 width: 5px;
 border: 2px solid white;
}
::-webkit-scrollbar-corner {
 background: white;
}
::-webkit-scrollbar-track {
 width: 1px;
 background: #000B0C;
 border: 4px solid white;
}
 ::selection {
 background: #454B4C;
 color: white;
 text-shadow: none;
}

::-moz-selection {
 background: #454B4C;
 color: white;
 text-shadow: none;
}
#search-box {
display: none;
}
/*category*/
li.header {
 background-color: #085E5A;
 padding: 44px 0 44px;
 font-size: 25px;
 text-align: center;
 position: relative;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 border-left: 70px solid #7796A3;
 border-right: 70px solid #7796A3;
}
li.header:hover {
 background-color: #1F747A;
 padding: 44px 0 44px;
 font-size: 25px;
 text-align: center;
 position: relative;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 border-left: 70px solid #000B0C;
 border-right: 70px solid #000B0C;
}
.forabg li.header dd.posts {
display: none;
}

.forabg li.header dd.topics {
display: none;
}

.forabg li.header dd.lastpost{
 display: none;
}
.table-title, .table-title h2 {
font-family: 'Six Caps', sans-serif;
 color: #fff;
 font-size: 55px;
 text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
 letter-spacing: 1px;
}
.forabg.row {
display: inline-block;
width: 60%;
}
/*forum title*/
a.forumtitle {
 font-family: 'Astloch', cusive;
 text-transform: lowercase;
 text-decoration: none;
 color: #fff;
 text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
 letter-spacing: 1px;
 font-size: 35px;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 text-align: center;
 padding: 10px 0px 10px;
 margin-left: 25px;
 width: 250px;
 background-color: #085E5A;
 display: block
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
a.forumtitle:hover {
 font-family: 'Astloch', cusive;
 text-transform: lowercase;
 text-decoration: none;
 color: #085E5A;
 text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
 letter-spacing: 1px;
 font-size: 35px;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 text-align: center;
 padding: 10px 0px 10px;
 margin-left: 25px;
 width: 250px;
 background-color: #085E5A;
 display: block;
background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
/*topic and post*/
.forabg li.row dd.posts {
background-color: #000B0C;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
height: 88px;
 position: relative;
 text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
 margin-left: -330px;
 margin-top: 104px;
 width: 88px;
 border-top: 5px solid #7796A3;
}
.forabg li.row dd.topics {
background-color: #454B4C;
color: #fff;
font-family: 'Oswald', sans-serif;
font-size: 30px;
height: 88px;
 position: relative;
 text-shadow: 2px 2px #000B0C, 4px 4px #1F747A;
 margin-left: -330px;
 margin-top: 4px;
 width: 88px;
 border-bottom: 5px solid #7796A3;
}
.last-post-icon{ display:none; }
.lastpost br { display:none;}
.sprite-icon_topic_latest{display:none}
/*last post*/
ul.topiclist.forums dd.lastpost {
 display: block;
 height: 91px;
 width: 338px;
 background-color: #085E5A;
 margin-left: -580px;
 margin-bottom: 4px;
 margin-top: 205px;
 text-align: center;
}
ul.topiclist.forums dd.lastpost span a[href^="/t"] {
 width: 230px;
 display: block;
 font-family: 'Ruge Boogie';
 text-transform: lowercase;
 font-size: 30px;
 text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
 letter-spacing: 1px;
 text-align: center;
 text-decoration: none;
 color: #fff;
}
dd.lastpost span, dd.moderation span, dd.redirect span, ul.topiclist dd.info span, ul.topiclist dd.searchby span, ul.topiclist dd.time span {
color: #fff;
font-family: calibri;
font-size: 12px;
text-align: center;
text-transform: uppercase;
width: 230px;
}
/*desc*/
#desc {
 width: 250px;
 background-color: #085E5A;
 height: 120px;
 display: block;
 margin-left: 25px;
 margin-top: -15px;
 padding: 10px 0px 10px;
 background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}
#desc3 {
 width: 240px;
 height: 110px;
 overflow: auto;
 background-color: #fff;
 color: #000;
 font-size: 12px;
 font-family: calibri;
 margin-left: 5px;
}
#desc3:first-letter {
color: #fff;
float: left;
font-family: Oswald, sans-serif;
font-size: 35px;
font-style: normal;
font-weight: 300;
line-height: 100%;
margin: 2px 8px 5px 0;
text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
text-transform: uppercase;
}
/*postprofile*/
.postprofile {
width: 225px;
padding: 10px;
background-color: #454B4C;
float: right;
border: 5px solid #454B4C;
 box-shadow: 1px 1px #000, 2px 2px #000, 3px 3px #000;
 background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
}

.nombre-post {
width: 145px;
text-align: center;
padding: 40px;
 background-image: url(https://31.media.tumblr.com/d94712b65b9ced022352e15abbc447d8/tumblr_inline_nhhffpzcDe1rucghh.png);
background: #000B0C;
 outline: 1px solid #fff;
outline-offset: -3px;
}


#efecto-post:hover #author-avatar{
 transform: scale(0); transition: 0.5s;
 display:inline;
}

#author-avatar {
position: absolute; transform: scale(1); width: 225px; height: 325px; transition:0.5s;
}
#efecto-post{
width: 225px; height: 325px; overflow: hidden;
}
.nombre-post a {
display: block;
background: #1F747A;
 outline: 1px solid #fff;
outline-offset: -3px;
padding: 3px;
text-transform: uppercase;
font-family: 'Oswald';
 -moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
 transition: all 1.2s ease-in-out;
 font-size: 25px;
text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
}
.nombre-post a:hover {
display: block;
background: #085E5A;
 outline: 1px solid #fff;
outline-offset: -3px;
padding: 3px;
text-transform: uppercase;
 text-decoration: none;
font-weight: lighter;
font-family: 'Oswald';
 -moz-transition: all 1.2s ease-in-out;
-ms-transition: all 1.2s ease-in-out;
-o-transition: all 1.2s ease-in-out;
-webkit-transition: all 1.2s ease-in-out;
 transition: all 1.2s ease-in-out;
 font-size: 25px;
 text-shadow: 1px 1px #B6CB4C, 2px 2px #562A4B, 3px 3px #B6CB4C;
}
#rango-post {
position: relative;
margin-top: -17px;
}
#title-post {
width: 200px;
display: block;
text-align: center;
background: #EA8E4B;
padding: 5px;
text-transform: lowercase;
 display: none;
}
#info-datos {
outline: 1px solid #000B0C;
border: 3px solid #1F747A;
background: url('http://i.imgur.com/xYrXSWq.png');
display: block;
width: 210px;
padding: 5px;
height: 290px;
 overflow: auto
}
#dato-post {
width: 200px;
display: block;
text-align: justify;
background: #fff;
}
#caja-botones {
text-align: center;
margin-top: 3px;
 background: #085E5A;
}
#total-post {
background: transparent;
position: relative;
display: block;
width: 210px;
margin-top: -305px;
margin-left: -220px;
height: 255px;
}
/*sidebartitle*/
.sidebar {
width: 180px;
border-left: 10px solid #7796A3;
 border-right: 10px solid #7796A3;
 height: 50px;
 background-color: #085E5A;
 font-family: 'Six Caps', sans-serif;
 color: #fff;
 text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
 letter-spacing: 1px;
 font-size: 35px;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 text-align: center
}
.sidebar:hover {
width: 180px;
border-left: 10px solid #000B0C;
 border-right: 10px solid #000B0C;
 height: 50px;
 background-color: #1F747A;
 font-family: 'Six Caps', sans-serif;
 color: #fff;
 text-shadow: 2px 2px #000B0C, 4px 4px #7796A3;
 letter-spacing: 1px;
 font-size: 35px;
 -webkit-transition: all .5s linear;
 -moz-transition: all .5s linear;
-ms-transition: all .5s linear;
-o-transition: all .5s linear;
 text-align: center;
}

/*fonts*/
@font-face {
 font-family: 'Oswald';
 font-style: normal;
 font-weight: 400;
 src: local('Oswald Regular'), local('Oswald-Regular'), url(http://fonts.gstatic.com/s/oswald/v10/yg0glPPxXUISnKUejCX4qfesZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
}
@font-face {
 font-family: 'Astloch';
 font-style: normal;
 font-weight: 700;
 src: local('Astloch Bold'), local('Astloch-Bold'), url(http://fonts.gstatic.com/l/font?kit=oltd7j17n8tVuP3FbmAigyhqGa-CSr3nQtF3lrv2wWeu7RP096c_0cFQ7arjjB7ybFaXKHeky_O7IdzbE_trRh2NL1ThVuLv506WDWjwTFK0tkCcv8VGcP6XCC56Ww8-) format('woff2');
}
@font-face {
 font-family: 'Wire One';
 font-style: normal;
 font-weight: 400;
 src: local('Wire One'), local('WireOne'), url(http://fonts.gstatic.com/s/wireone/v6/-MxIyq7MjF_jN3IpMqrkQA.woff2) format('woff2');
}
@font-face {
 font-family: 'Six Caps';
 font-style: normal;
 font-weight: 400;
 src: local('Six Caps'), local('SixCaps'), url(http://fonts.gstatic.com/s/sixcaps/v7/qNkXrw9LMOJxGyQhtQ3sAw.woff2) format('woff2');
}
@font-face {
 font-family: 'Ruge Boogie';
 font-style: normal;
 font-weight: 400;
 src: local('Ruge Boogie'), local('RugeBoogie-Regular'), url(http://fonts.gstatic.com/s/rugeboogie/v7/U-TTmltL8aENLVIqYbI5QVtXRa8TVwTICgirnJhmVJw.woff2) format('woff2');
}

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Fierce Star on February 9th 2015, 11:15 pm

The only error I can find in that CSS code is on line 109; you need to put a semicolon after
Code:
display: block

Fierce Star
Forumember

Male Posts : 110
Reputation : 17
Language : English
Location : United States

http://inactivesite.onlyhelpwithothersnow.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by _Twisted_Mods_ on February 10th 2015, 12:57 am

ok only things i found was like /\ said display:block u missed ; its in "a.forumtitle " on line 109 and

Unknown pseudo-element or pseudo-class ::selection [selection] on line 28

_Twisted_Mods_
Helper
Helper

Male Posts : 2020
Reputation : 299
Language : English
Location : Ms

http://liquidcode.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet on February 10th 2015, 2:27 am

I didn't notice that.

The unknown element/unknown pseudo-element is supposed to be that way.

It's solved. Thanks!

Amber Sweet
New Member

Posts : 11
Reputation : 1
Language : English

http://badwordforagoodthing.forumotion.com

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray on February 10th 2015, 2:42 am

Topic solved and archived


When your topic has been solved, ensure you mark the topic solved.
Never post your email in public.


SLGray
Administrator
Administrator

Male Posts : 35629
Reputation : 2372
Language : English
Location : United States

http://fmthemes.forumotion.com/

Back to top Go down

View previous topic View next topic Back to top


 
Permissions in this forum:
You cannot reply to topics in this forum