스타일링 tumblr reblog comments

Question

나는 이걸 도처에서 보았다. 운이 없다! 너희들이 나를 도와 줄 수 있길 바란다.

나는 사용자 정의 tumblr 테마를 만들고있다. 그러나 나는 그것을 tabular 방식으로 좋아하지 않는다. 내가 의미하는 것은 특별히 이것이다 :

텀블러 테마의 코드에서

이 정말 이러한 의견의 렌더링에 특정 전화가 아닌, 대부분의 시간은 포스트 신체의 한 부분이다 , 그림 캡션 등. 나는 문자열이 블록 따옴표로 렌더링된다는 것을 알고있다. 그래서 외관을 조금 바꿀 수있는 커스텀 CSS를 작성한다.

하지만 가장 중요한 것은 중첩을 제거하여 주석을 추가 한 사람의 이름은 항상 주석 자체이며 맨 위부터 맨 아래, 가장 오래된 것부터 가장 오래된 것까지입니다. 예를 들어 위의 블로그 목록을 다음과 같이 렌더링하고 싶습니다.

unicornhairs: her suit tho omg 
    bakinginthebatcave: I love wedding photos of strangers. I don't even know you but I'm so happy that you're happy and you look so lovely and it's so wonderful and affirming somehow. I don't know. Wedding photos make me happy. 
    rainbowrowell: Does her suit have stripes down the inside of the legs? REVERSE HAN SOLO. 
    bookoisseur: oh i love this 
I frickin love these kinds of weddings <3 

이런 종류의 일이 가능합니까? 그리고 나는 그것에 대해 어떻게 갈 것인가?

Answer 1

내 의견을 추가하려면 얼마 전 reblogs에 대한 기본 tumblr 스타일 중 일부를 재설정하는 CSS를 작성했습니다. 이들은 들여 쓰기 된 blockquote 요소입니다.

#header p, 
.post .sidebar p, 
.post h2, 
.post h3, 
.post strong, 
.post b, 
.post small, 
.post p, 
.post blockquote, 
.post ul, 
.post ol, 
.post .quote, 
.post .quote .quote, 
.post .conversation ul li, 
.description, 
#footer .footer, 
#footer .description p, 
#footer h2 { 
    font-size: 12px; 
    font-weight: normal; 
    line-height: auto; 
} 

.post p, 
.post blockquote, 
.post ul, 
.post ol { 
    border-left: none; 
    padding: 0; 
    margin: 0; 
} 

그것은 잔인한 사람처럼 보일 수 있습니다 (그리고 당신이 필요로하는 것보다 더 많은 수 있습니다)하지만, 사람들이 텀블러에 게시물에 회신하거나 reblog 때 무슨 내가 찾은 추가하는 것이 :

이

내 CSS입니다 주석을 사용하면 서식 및 HTML 요소를 보존 할 다른 응용 프로그램에서 잘라 내기 및 붙여 넣기가 가능하므로 변형을 식별하고 다시 설정하는 데 시간이 걸렸으므로이 CSS 목록에 계속 추가해야했습니다.

그래도 시작하는 것이 좋습니다.