AD

자유💬 트게더 css 초안입니다

자몽한하루
2019-01-09 01:52:07 614 0 3

@import url(http://fonts.googleapis.com/earlyaccess/nanumgothic.css);

html {

  background: linear-gradient(to bottom, #E28691, #ffffff);

  height: auto !important;

}

body {

letter-spacing: -0.05em !important;

  background: transparent;

  font-family: 'Nanum Gothic', sans-serif;

}


/* 전체 쉐도우 */


header #header-bar>.row,

#main .menu-wrapper,

#main #main-content>div.frame {

  box-shadow: 3px 0px 10px rgba(0, 0, 0, 0.2);

}


/* 로고밑 NAV bar */


header #header-bar>.row {

  border-top: 4px solid #000000;

  border-right: none;

  border-bottom: none;

}


/* 헤더 배너 */


header .row>div:nth-child(1)>a {

  display: block;

  width: 145px;

  height: 50px;

  background: url(https://upload.tgd.kr/20190109/a1a96faf4d330839609f3e90f594a8c6.png) no-repeat;

  background-size: auto 50px;

}


header .row>div:nth-child(1)>a>img {

  display: none;

    

    filter: grayscale(100%);

  opacity: 0.8;

}


/* 검색폼 보더 */


header #right-search-form>input[type='text'] {

  border: 3px solid #000000;

}


/* 트게더 전체메뉴 / 유용한링크 / 트위치 스케쥴 */


#main .menu-wrapper>.header {

  background: #000000;

}


#main .menu-wrapper>a {


    color: #665A5C;


}


.fa-navicon:before,

.fa-reorder:before,

.fa-bars:before {

  color: white;

}


.fa-square:before {

  color: #000000;

}


header #header-bar>.row,

#main .menu-wrapper,

#main #main-content>div.frame {

  border-right: none;

  border-bottom: none;

}


#main .menu-wrapper {

  border: none;

}


/* 헤더 검색 버튼 */


header #right-search-form>#right-search-btn {

  color: #665A5C;

}


/* 헤더 [광고]배경색 */


header #header-bar #header-top-notice strong.notice-badge {

  background: #665A5C;

}


/* fa색상 */


header #header-bar .fa {

  color: #000000;

}


/* 스트리머 게시판 상단 정보 글씨색상 */


#board-info #board-info-profile-img{

float: left;

position: absolute;

left: 0;

top: 0;

width: 80px;

height: 80px;


background : white;

border-radius: 50%;

border: 5px solid #ffffff;


margin: -15px 0 0 5px;

}


#board-info h1>a,

#board-info #board-info-bottom{

margin-left: 60px;

}


.pagination>.active>a, .pagination>.active>a:focus, .pagination>.active>a:hover, .pagination>.active>span, .pagination>.active>span:focus, .pagination>.active>span:hover{

background: #331872;

}


.pagination>li>a, .pagination>li>span{

color: #331872;

}


.btn-primary{

background: #331872;

}


/* 이미지 */


#article-list-row-9529512 .item .list-title {

background: url('https://static-cdn.jtvnw.net/jtv_user_pictures/1a4768cb-7956-4a8e-9e07-92fe1140dc43-profile_image-70x70.jpg');

background-size: 91px;

background-repeat: no-repeat;

background-position: 290px bottom;

}


#board-info #board-info-bottom a {

  color: #665A5C;

}


#board-info #viewers-area .fa-user:before {

    color: rgba(10,59,84,0);

    content: url(https://upload.tgd.kr/20190109/4e6475d0f9f0df2099b0e79653f9e079.png);

}


#board-info #viewers-area #viewers:before {

    content: "노예 ";

    cursor: text;

    color: #665A5C

}

#board-info #viewers-area #viewers:after {

    content: "명 대기중";

    cursor: text;

    color: #665A5C

}


#board-info #viewers-area #viewers {

    font-weight:bold;

    cursor: text;

    color: #665A5C;

}


/* 좌측메뉴 숏컷링크 글씨 색상 */


#main .menu-wrapper>a>em {

  color: #665A5C;

}


/* 좌측메뉴 메뉴사이의 공간 색상 */


#main .menu-wrapper .spacer {

  background: #665A5C;

  height: 0.15em;

}


/* 게시글 관련부분 */


#article-list>.article-list-row>.item>.list-title>.list-writer>span {

  width: 120px !important;

}


#article-list #article-list-category {

  border-top: 2px solid #000000;

  background: white;

}


#article-list #article-list-category>a {

  background: white;

}


#article-list>.article-list-row>.item>.list-header>span {

  background-color: #E28691;

}


#article-list>.article-list-row>.item>.list-title>small.comment-count {

  color: #E28691;

}


#article-list>.article-list-row>.item>.list-title>.list-writer.logged>span {

  color: #665A5C;

}


.pagination>.active>a,

.pagination>.active>a:focus,

.pagination>.active>a:hover,

.pagination>.active>span,

.pagination>.active>span:focus,

.pagination>.active>span:hover {

  background-color: #665A5C;

  border-color: #665A5C;

}


.pagination>li>a:focus,

.pagination>li>a:hover,

.pagination>li>span:focus,

.pagination>li>span:hover {

  color: #665A5C;

}


.pagination>li>a,

.pagination>li>span {

  color: #665A5C;

}


#article-content-wrapper>.header {

  border-top: 2px solid #665A5C;

}


#article-reply-area #reply-real-area .reply>.reply-header>.reply-writer.logged,

#article-reply-area #reply-best-area .reply>.reply-header>.reply-writer.logged {

  color: #665A5C;

}


#article-info>h2 {

  font-weight: bold;

}


#article-info>h2>span.category {

  color: #665A5C !important;

}


#article-reply-area>.header h5 {

  color: #665A5C;

}


#main .menu-wrapper>a {

  padding: 0.5em 1.4em 0.5em 0.7em !important;

}


a {

  color: #665A5C;

}


span.a-badge i.fa.fa-info-circle {

  color: #665A5C;

}


/* footer */


#article-list>.article-list-row {

  border-right: none;

}


#article-list #article-list-menu {

  box-sizing: border-box;

  width: unset;

  margin: 20px;

}


#article-list #boardSearchForm {

  padding-bottom: 20px;

  height: unset;

}


.btn-primary {

  background: #F06464 !important;

}

후원댓글 3
댓글 3개  
이전 댓글 더 보기
TWIP 잔액: 확인중
▲윗글 일주일간 안녕! 묘누나
📢공지💌묘공간자유💬방송후기💬유머💗움짤&선물💗👍추천/정보
1
자유💬
집주인 부재 중 [2]
교직원공제회
01-13
0
자유💬
심심하다... [2]
듀크둑흔
01-12
0
자유💬
유튜브 잘봣어염~~ [1]
하예
01-11
9
💌묘공간
일주일간 안녕! [8]
Broadcaster 묘누나
01-10
»
자유💬
트게더 css 초안입니다 [3]
자몽한하루
01-09
5
01-08
0
자유💬
리즈시절(데이터 주의) [2]
엄덕
01-05
0
자유💬
어렸을때 어이없었던 썰 [3]
쿵이냥ㅎ
01-02
0
자유💬
치킨 인증!!! [1]
사랑스러운열밍이남편
01-01
0
자유💬
대충인테리어 [2]
내사랑서방
01-01
3
💌묘공간
2 0 1 9 년 1 월 1 일 첫 방 송 [1]
Broadcaster 묘누나
01-01
7
💌묘공간
새해복많이받아라 노예들아 [8]
Broadcaster 묘누나
12-31
1
자유💬
안녕, 20대 묘바보 [1]
교직원공제회
12-31
0
자유💬
12/31 29세 묘누님 오뱅알 [1]
개화장군
12-31
9
💌묘공간
묘누나의 2019년 계획 [22]
Broadcaster 묘누나
12-31
0
자유💬
듀듀 없는동안 한 일 [4]
듀크둑흔
12-30
0
자유💬
묘형이란 이런 것이다. [2]
진맹c
12-30
0
자유💬
고민상담 [1]
내사랑서방
12-30
0
자유💬
방송잼있었어요 [1]
묘누나의노예치세짱
12-29
0
자유💬
에휴... [2]
시루폰_바라기
12-29
1
자유💬
추위를 타지 않는 오리. [5]
엄덕
12-28
3
💌묘공간
연말스케줄 [9]
Broadcaster 묘누나
12-26
2
💌묘공간
12월 26일 방송부터 [1]
Broadcaster 묘누나
12-25
2
💌묘공간
크리스마스!!!!! [2]
Broadcaster 묘누나
12-25
0
자유💬
요즘 피곤한데 잠이 안와요 [1]
사랑스러운열밍이남편
12-25
0
💌묘공간
12월 23일 일요일 [1]
Broadcaster 묘누나
12-23
8
12-23
0
자유💬
오늘휴방인가요?? [1]
내사랑서방
12-21
인기글 글 쓰기