The forum of the forums
Would you like to react to this message? Create an account in a few clicks or log in to continue.

Most of CSS isn't Showing

4 posters

Go down

Solved Most of CSS isn't Showing

Post by Amber Sweet February 8th 2015, 9: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, 1:28 am; edited 1 time in total
Amber Sweet
Amber Sweet
New Member

Posts : 20
Reputation : 1
Language : English

http://www.ruth-rpg.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by _Twisted_Mods_ February 8th 2015, 9:58 pm

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

Male Posts : 2083
Reputation : 336
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 February 8th 2015, 9:59 pm

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

Posts : 20
Reputation : 1
Language : English

http://www.ruth-rpg.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray February 8th 2015, 10:30 pm

What line is your CSS stylesheet on?


Most of CSS isn't Showing Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet February 8th 2015, 11:03 pm

It has 402 lines if that's what you mean.
Amber Sweet
Amber Sweet
New Member

Posts : 20
Reputation : 1
Language : English

http://www.ruth-rpg.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray February 9th 2015, 1:12 am

Please use the code tags to post your CSS stylesheet.


Most of CSS isn't Showing Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Amber Sweet February 9th 2015, 9: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
Amber Sweet
New Member

Posts : 20
Reputation : 1
Language : English

http://www.ruth-rpg.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by Fierce Star February 9th 2015, 10: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
avatar
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_ February 9th 2015, 11:57 pm

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_
_Twisted_Mods_
Helper
Helper

Male Posts : 2083
Reputation : 336
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 February 10th 2015, 1: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
Amber Sweet
New Member

Posts : 20
Reputation : 1
Language : English

http://www.ruth-rpg.com/

Back to top Go down

Solved Re: Most of CSS isn't Showing

Post by SLGray February 10th 2015, 1:42 am

Topic solved and archived


Most of CSS isn't Showing Slgray10

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

Male Posts : 51555
Reputation : 3524
Language : English
Location : United States

https://forumsclub.com/gc/128-link-directory/

Back to top Go down

Back to top

- Similar topics

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