| .auto-article |
|
자동박스의 기본선언 |
| .auto-boll |
제목 앞 점표기 (예 : class="auto-article auto-boll") |
| .auto-reset |
제목 앞 점표기 미사용 (auto-boll 선언 내 size-클래스 부모에 사용하면 앞점표기가 나오지 않음) |
| .trans-image |
마우스오버시 이미지 확대 애니메이션 (예 : class="auto-article trans-image") |
| .trans-text |
마우스오버시 텍스트 애니메이션 (예 : class="auto-article trans-text") |
| .tiles-갯수 |
기사 가로 배치 박스형 / 자식요소에 .auto-columns를 같이 이용 (예 : class="auto-article tile")
| .tiles |
1개 |
| .tiles-2x |
2개 |
| .tiles-3x |
3개 |
| .tiles-4x |
4개 |
| .tiles-5x |
5개 |
|
| .auto-images |
|
이미지클래스 (예 : class="auto-images" style="background-image:url(이미지주소)") |
| .line |
이미지 외곽선 (예 : class="auto-images line") |
| .radius |
둥근 이미지 (예 : class="auto-images radius") |
| .cover |
이미지가 틀에 맞도록 조정 (예 : class="auto-images cover")
| 이미지 위치 조정[기본값 : middle] (예 : class="auto-images cover top") |
| .top |
이미지가 상단부터 보이도록 설정 |
| .bottom |
이미지가 하단부터 보이도록 설정 |
|
| .noimage |
이미지없음 [기본값 : 신문사로고] (예 : class="auto-images noimage") |
| .for-text |
이미지 없을 경우 텍스트로 대체 (예 : class="auto-images grayscale") |
| .movie |
동영상 아이콘 (예 : class="auto-images movie") |
| .grayscale |
- 흑백표기 (예 : class="auto-images grayscale")
- IE10이상부터 적용.
|
| .thumb |
background대신 img태그 이용시 사용 (예 : class="auto-images thumb") |
| .auto-mov |
|
동영상 노출 (태그가 iframe 또는 object일 경우 부모에 class="auto-mov"를 감싸는 형태[16:9로 노출]) |
| .auto-[라인형태] |
|
기본형은 border-top으로 구성. .bottom클래스 추가시 border-bottom값으로 변경 (예 : class="auto-sol bottom") |
| .auto-sol |
실선(solid) |
| .auto-dot |
점선(dotted) |
| .auto-dash |
굵은점선(dashed) |
| .auto-relation |
|
관련기사 앞 └표기 |
| .auto-pager |
|
롤링형 박스 이동 점 |
| .photo-btn |
|
롤링형 박스 화살표 |
| .over |
마우스 오버시 화살표 노출형 (autobox.style.css 문서 참조) |
| .photo-titbg |
|
사진 위 반투명 제목 |
| .onload |
|
a 태그에 색상(auto-font)과 같이 사용 / 마우스오버시 밑줄표기 |
| .auto-font(색상) |
A |
#292728 |
| B |
rgba(0,0,0,.55) |
| C |
rgba(0,0,0,.7) |
| D |
#006f97 |
| E |
rgba(0,0,0,.75) |
| F |
#fefefe |
| G |
#344289 |
| H |
#242961 |
| I |
#496579 |
| J |
rgba(255,255,255,.65) |
| K |
rgba(0,0,0,.4) |
| L |
#29aba5 |