sade | reading

case posting in

⌈ Secret Post #6847 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 47 secrets from Secret Submission Post #978.
Secrets Not Posted: [ 1 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

[ SECRET SUBMISSIONS POST #979 ]

The first secret from this batch will be posted on October 11th.

RULES:
1. One secret link per comment.
2. 750x750 px or smaller.
3. Link directly to the image.

More details on how to send a secret in!

Optional: If you would like your secret's fandom to be noted in the main post along with the secret itself, please put it in the comment along with your secret. If your secret makes the fandom obvious, there's no need to do this. If your fandom is obscure, you should probably tell me what it is.

Optional #2: If you would like WARNINGS (such as spoilers or common triggers -- list of some common ones here) to be noted in the main post before the secret itself, please put it in the comment along with your secret.

Optional #3: If you would like a transcript to be posted along with your secret, put it along with the link in the comment!

case posting in

fandomsecrets

⌈ Secret Post #6846 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 00 pages, 00 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6845 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 01 pages, 08 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

pixellated posting in

style_system

this issue is solved! turns out aspect-ratio works just fine on DW, i was just not using it correctly so the problem was in front of the keyboard and not in the code, haha

here's what i originally posted:

hi again! this is more of a general html/css question, but it has to work within dreamwidth's constraints, so i decided to ask it here. please let me know if this isn't the appropriate comm for this. i hope i used the right tags for this post.

here's what i'm trying to achieve (this would be displayed inside the most recent entry on my journal, so i can use regular CSS and not just inline, in case this matters):

i want to have a big box, and inside it a picture and a small box below that. i want the big box to resize responsively while keeping its proportions: suppose its width:height ratio is 1:2; i want it to keep that ratio always. as it resizes, i want the picture and small box inside to also resize while also keeping their proportions.

normally this would be really easy to do with aspect-ratio (<- this is a link to mozilla's developer resources) but that property doesn't seem to work on dreamwidth -- when i put it in my custom CSS, it doesn't seem to do anything, and it gets highlighted in red. (it works okay when i try it in online CSS editors, so i think it's not my mistake that's causing this.)

assuming this is true and i can't use aspect-ratio on DW, i need to cobble together some other solution, but i'm completely out of ideas. is this possible to achieve without aspect-ratio, or should i just change my idea to something that can be done on DW?

thanks again for your time!

case posting in

fandomsecrets

⌈ Secret Post #6844 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 01 pages, 17 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6843 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 01 pages, 25 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6842 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 33 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6841 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 41 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6840 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 50 secrets from Secret Submission Post #977.
Secrets Not Posted: [ 1 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ], [ 1 2 - secrets made from copy pasting other people's random FS comments? There's probably more I don't recognize in this week ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

kakkoi posting in

style_system

i was able to fix the problem i was having by removing the

.module-content .userpic {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

problem i was having

hello! i'm back again~ working on another thing, and having issues with the module userpic and hiding it or moving it, essentially. i was able to move where i want the contents of the module userpic to be displayed and how i want the module content to be displayed, but i'm still having the issue of it showing up at the center and top, with the border.

you can view the live version at

testerjournal, and the image here. as you can see, or hover over the circle at the top it still shows as if the module userpic is up there which i don't want it to do.

module coding is here, and i can't figure out how to fix this

eta: using tabula rasa, plain

/* secondary */

#secondary {
font: 'Montserrat', sans-serif, #33343F, 7px;
background: #transparent;
width: 607px;
}

#secondary > .inner:first-child {
background: transparent;
padding: 0;
width: 500px;
text-align:right;
}

.module-wrapper {
padding: 10px;
}

.module-content li {
margin: 0;
}

ul.module-list {
list-style: none;
margin: 0;
padding: 0;
text-transform: lowercase;
font-color: #ffffff;
}

.module-navlinks {
	font-family: Montserrat;
	font-size: 9px;
	position: relative;
	left: 75px;
	bottom: -40px;
	font-color: red;
	text-shadow: 0.5px 0.5px 0.5px #D7D9D7;
}

.module-navlinks:hover {
	font-family: Montserrat;
	font-size: 9px;
	position: relative;
	left: 75px;
	bottom: -40px;
	font-color: red;
	text-shadow: 0.5px 0.5px 0.5px #D7D9D7;
}

.module-list li {
margin: 0 .0 0;
display: inline-block;
font-size: 30px;
font-color: ;
}

div.journal-name {
	font-family: Sour Gummy;
	font-size:40px;
	display:inline-block;
	position: relative;
	left: -10px;
	bottom: -80px;
	font-color: #fff;
}

.module-content .userpic {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

.module-content .userpic img {
	position: relative;
	left: 280px;
	bottom: -65px;
	border-radius: 50%;
	width: 50px;
	height: 50px;
	border-style: solid;
}

.module-customtext {
text-transform: lowercase;
font-size: .8rem;
margin: .8em 0 .8em 0;
}

case posting in

fandomsecrets

⌈ Secret Post #6839 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 00 pages, 00 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6838 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 01 pages, 10 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 1 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6837 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 01 pages, 20 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6836 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 29 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6835 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 38 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

case posting in

fandomsecrets

⌈ Secret Post #6834 ⌋

Warning: Some secrets are NOT worksafe and may contain SPOILERS.

01.

( More! )

Notes:

Secrets Left to Post: 02 pages, 46 secrets from Secret Submission Post #976.
Secrets Not Posted: [ 0 - broken links ], [ 0 - not!secrets ], [ 0 - not!fandom ], [ 0 - too big ], [ 0 - repeat ].
Current Secret Submissions Post: here.
Suggestions, comments, and concerns should go here.

... or whatever the hell the devil calls himself

( i always was considered heartless )

reading

[ SECRET POST #6847 ]

[ SECRET SUBMISSIONS POST #979 ]

[ SECRET POST #6846 ]

[ SECRET POST #6845 ]

resizing while keeping proportions without using aspect-ratio

[ SECRET POST #6844 ]

[ SECRET POST #6843 ]

[ SECRET POST #6842 ]

[ SECRET POST #6841 ]

[ SECRET POST #6840 ]

[solved] moving around the module content or hiding it!

[ SECRET POST #6839 ]

[ SECRET POST #6838 ]

[ SECRET POST #6837 ]

[ SECRET POST #6836 ]

[ SECRET POST #6835 ]

[ SECRET POST #6834 ]