Line 1: | Line 1: | ||
+ | {{#css: | ||
+ | #mw-content-text h3 span { | ||
+ | font-weight: 600; | ||
+ | padding-left: 0px; | ||
+ | } | ||
+ | |||
+ | .mw-headline { | ||
+ | font-weight: 600; | ||
+ | } | ||
+ | |||
+ | span.mw-editsection { | ||
+ | font-weight: 200; | ||
+ | position: relative; | ||
+ | float:right; | ||
+ | margin-right: 25px | ||
+ | } | ||
+ | |||
+ | span.mw-editsection a { | ||
+ | font-weight: 200; | ||
+ | } | ||
+ | |||
+ | .art-subpage { | ||
+ | background: #F7F7F7; | ||
+ | } | ||
+ | |||
+ | #mw-content-text p { | ||
+ | padding-top: 0px; | ||
+ | padding-bottom: 6px; | ||
+ | } | ||
+ | |||
+ | .mw-content-ltr ul { | ||
+ | margin: 0.3em 0 0 42px; | ||
+ | } | ||
+ | |||
+ | |||
+ | hr { | ||
+ | margin-top: 0px; | ||
+ | margin-bottom: 0px; | ||
+ | margin-left: -31px; | ||
+ | width: 720px; | ||
+ | border-bottom: 1px solid #E0E0DD; | ||
+ | border-left: 0px; | ||
+ | border-right: 0px; | ||
+ | border-top: 30px solid #F7F7F7; | ||
+ | } | ||
+ | <!-- | ||
+ | #sun-col { | ||
+ | -webkit-column-count:2; /* Chrome, Safari, Opera */ | ||
+ | -moz-column-count:2; /* Firefox */ | ||
+ | column-count:2; | ||
+ | } | ||
+ | |||
+ | #sun-col p { | ||
+ | padding-left: 0px; | ||
+ | --> | ||
+ | } | ||
+ | |||
+ | }} | ||
+ | |||
작업의 진행상태와 진행정도등을 bar를 이용하여 실시간으로 알려준다. Progress bar는 진행정도에 따라 bar가 채워지거나 전체 작업을 퍼센트 개념으로 시각화 하는 등 다양한 표현방식을 통해 기다려야 하는 정도를 알려준다. | 작업의 진행상태와 진행정도등을 bar를 이용하여 실시간으로 알려준다. Progress bar는 진행정도에 따라 bar가 채워지거나 전체 작업을 퍼센트 개념으로 시각화 하는 등 다양한 표현방식을 통해 기다려야 하는 정도를 알려준다. | ||
작업의 진행상태와 진행정도등을 bar를 이용하여 실시간으로 알려준다. Progress bar는 진행정도에 따라 bar가 채워지거나 전체 작업을 퍼센트 개념으로 시각화 하는 등 다양한 표현방식을 통해 기다려야 하는 정도를 알려준다.