Description
@ Charset "utf-8";
@ 가져 오기 url('https:/fonts.googleapis.com/css?family=Lato');
@ 수입 url(//fonts.googleapis.com/css?family=Montserrat:400,700);
@ 수입 url(//fonts.googleapis.com/css?family=Source+Sans+Pro:400,200,200italic,300,300italic,400italic,600,600italic,700,700italic,900,900italic);
@ Import 'https:/fonts.googleapis.com/css?family=Roboto+Slab';
바디 {
패딩: 0px;
폭: 100%;
마진: 0px;
글꼴-가족: 'Montserrat', sans-serif;
}
. 홀 {
위치: 상대;
글꼴-가족: 'Montserrat', sans-serif;
백색 공간: 정상;
단어 포장: 휴식 단어;
}
. 홀. Hd 공간 {
공간:;
}
. 홀. Hd 랩 {
폭: 100%;
}
. 홀. Hd wrapcen {
폭: 100%;
텍스트 정렬: 센터;
패딩: 0px;
마진: 0px;
위치: 상대;
플로트: 왼쪽;
}
. 홀. Mainholder {
패딩: 0px! 중요한;
마진: 0;
폭: 100%;
텍스트 정렬: 센터;
마진: 0px;
플로트: 왼쪽;
배경: url(//www.halldesigns.co.uk/clients/naughteesclothingltd/images/bglisting.jpg) 탑 센터 반복 없음;
배경 색상: # fff;
}
. 홀. Hd 콘텐츠 {
너비: 1000px;
여백: 20px 자동;
패딩: 0px;
배경: 투명;
}
/* --- 공통 및 표준 --- <시작 */
. 홀 # hd-헤더 {
폭: 100%;
위치: 상대;
마진: 0;
패딩: 0px;
플로트: 왼쪽;
}
. 홀. Hd 헤더 {
너비: 1000px;
여백: 0 자동;
패딩: 0;
}
. 홀 # hd-로고 {
색상: #000;
글꼴-가족: Arial, Helvetica, sans-serif;
글꼴 크기: 14px;
글꼴 무게: 굵게;
텍스트 장식: 없음;
텍스트 그림자: 0 5px 5px rgba(0, 0, 0, 0.32);
마진 탑: 5px;
여백 바닥: 0px;
}
. 홀 # headerlinks {
너비: 1000px;
여백 바닥: 30px;
텍스트 정렬: 센터;
}
. 홀 # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
폭: 25%;
플로트: 왼쪽;
패딩 바닥: 20px;
}
. 홀 # headerbox1 a, # headerbox2 a, # headerbox3 a, # headerbox4 a {
색상: #000;
텍스트 장식: 없음;
글꼴-가족: 'Lato', sans-serif! 중요;
글꼴 크기: 18px;
/* 텍스트-그림자:
-1px -1px 0 # fff,
1px -1px 0 # fff,
-1px 1px 0 # fff,
1px 1px 0 # fff; */
}
. Hall # headerbox1 a:hover, # headerbox2 a:hover, # headerbox3 a:hover, # headerbox4 a:hover {
색상: #900;
텍스트 장식: underline;
}
. 홀 # hd-로고 img {
폭: 70%;
높이:;
}
/* --- 헤더 --- <시작 */
. 홀. Hd wrapcens {
폭: 100%;
텍스트 정렬: 센터;
마진: 0;
패딩: 0;
플로트: 왼쪽;
}
. 홀 # hd-footer {
너비: 1000px;
패딩: 0;
위치: 상대;
마진: 15px 자동 0px;
}
. 홀 # hd-footer # hd-저작권 {
색상: # ed2024;
글꼴-가족: 'Lato', sans-serif! 중요;
글꼴 크기: 13px;
글꼴 무게: 300;
마진: 0px 0px 40px;
패딩: 0;
폭: 100%;
텍스트 정렬: 센터;
텍스트 장식: 없음;
플로트: 왼쪽;
편지 간격: 1px;
}
. 홀 # hd-감사 {
색상: #000;
글꼴-가족: 'Lato', sans-serif! 중요;
글꼴 크기: 25px;
텍스트 변환: 대문자;
편지 간격: 1px;
}
. 홀 # hd-footer # hd-저작권 스팬 {
색상: #000;
}
. 홀 # imagegallery img {
최대 폭: 75%;
여백 바닥: 10px;
}
@ 미디어 (최대 너비: 800px) {
. 홀. Hd 헤더 {
폭: 100%;
}
. 홀 # hd-로고 {
글꼴 크기: 100%;
여백: 3% 0;
폭: 100%;
텍스트 정렬: 센터;
}
. 홀 # hd-로고 img {
폭: 50%;
높이:;
}
. 홀. 슬로건 {
폭: 100%;
배경: 없음;
글꼴 크기: 100%;
여백: 1% 0;
}
. 홀. Hd 콘텐츠 {
폭: 100%;
여백: 2% 0;
}
. 홀 # listingarea {
폭: 100%;
}
. 홀. Hd-listingarea-box {
폭: 100%;
여백 바닥: 2%;
}
. Hd-listingarea-상자. Nonepadding {
폭: 100%;
}
. 홀. Hd listinghead {
플로트: 없음;
선 고도: 정상;
패딩: 2% 3%;
너비:;
텍스트 정렬: 센터;
여백 바닥: 0;
}
. 홀. Desc-headtitle {
플로트: 없음;
선 고도: 정상;
패딩: 1% 3%;
너비:;
높이:;
텍스트 정렬: 왼쪽;
여백 바닥: 0;
}
. 홀. Desc rd {
패딩: 3% 5%;
폭: 90%;
}
. 홀. Desc-텍스트 ul li {
패딩: 0 0 0 8%;
폭: 93%;
}
. 홀. Desc-rd.desc-text img {
너비:;
최대 폭: 100%;
}
. 홀. Hd wrapcens {
}
. 홀 # hd-footer {
폭: 100%;
}
. 홀 # hd-footer # hd-저작권 {
여백: 2% 0;
패딩: 0 1%;
폭: 98%;
}
. 홀 # headerlinks {
폭: 100%;
여백 바닥: 30px;
텍스트 정렬: 센터;
}
. 홀 # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
디스플레이: 블록;
플로트: 없음;
폭: 100%;
}
. 홀 # imagegallery img {
최대 폭: 90%;
여백 바닥: 10px;
}
}
@ 미디어 (최대 너비: 500px) {
. 홀. Hd 헤더 {
폭: 100%;
}
. 홀 # hd-로고 {
글꼴 크기: 100%;
여백: 3% 0;
폭: 100%;
텍스트 정렬: 센터;
}
. 홀. 슬로건 {
폭: 100%;
배경: 없음;
글꼴 크기: 100%;
여백: 1% 0;
}
. 홀. Hd 콘텐츠 {
폭: 100%;
여백: 2% 0;
}
. 홀 # listingarea {
폭: 100%;
}
. 홀. Hd-listingarea-box {
폭: 100%;
여백 바닥: 2%;
}
. 홀. Hd-listingarea-상자. Nonepadding {
폭: 100%;
}
. 홀. Hd listinghead {
플로트: 없음;
선 고도: 정상;
패딩: 1% 3%;
너비:;
텍스트 정렬: 센터;
여백 바닥: 0;
}
. 홀 # hd-로고 img {
폭: 80%;
높이:;
}
. 홀. Desc-headtitle {
플로트: 없음;
선 고도: 정상;
패딩: 1% 3%;
너비:;
높이:;
텍스트 정렬: 왼쪽;
여백 바닥: 0;
}
. 홀. Desc rd {
패딩: 3% 5%;
폭: 90%;
}
. 홀. Desc-텍스트 ul li {
패딩: 0 0 0 8%;
폭: 93%;
}
. 홀. Desc-rd.desc-text img {
너비:;
최대 폭: 100%;
}
. 홀. Hd wrapcens {
}
. 홀 # hd-footer {
폭: 100%;
}
. 홀 # hd-footer # hd-저작권 {
여백: 2% 0;
패딩: 0 1%;
폭: 98%;
}
. 홀 # headerlinks {
폭: 100%;
여백 바닥: 30px;
텍스트 정렬: 센터;
}
. 홀 # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
디스플레이: 블록;
플로트: 없음;
폭: 100%;
}
. 홀 # imagegallery img {
최대 폭: 75%;
여백 바닥: 10px;
}
}
@ 미디어 (최대 너비: 400px) {
. 홀. Hd 헤더 {
폭: 100%;
}
. 홀 # hd-로고 {
글꼴 크기: 100%;
여백: 3% 0;
폭: 100%;
텍스트 정렬: 센터;
}
. 홀 # hd-로고 img {
폭: 90%;
높이:;
}
. 홀. 슬로건 {
폭: 100%;
배경: 없음;
글꼴 크기: 100%;
여백: 1% 0;
}
. 홀. Hd 콘텐츠 {
폭: 100%;
여백: 2% 0;
}
. 홀 # listingarea {
폭: 100%;
}
. 홀. Hd-listingarea-box {
폭: 100%;
여백 바닥: 2%;
}
. 홀. Hd-listingarea-상자. Nonepadding {
폭: 100%;
}
. 홀. Hd listinghead {
플로트: 없음;
선 고도: 정상;
패딩: 2% 3%;
너비:;
텍스트 정렬: 센터;
여백 바닥: 0;
}
. 홀. Desc-headtitle {
플로트: 없음;
선 고도: 정상;
패딩: 1% 3%;
너비:;
높이:;
텍스트 정렬: 왼쪽;
여백 바닥: 0;
}
. 홀. Desc rd {
패딩: 3% 5%;
폭: 90%;
}
. 홀. Desc-텍스트 ul li {
패딩: 0 0 0 8%;
폭: 93%;
}
. 홀. Desc-rd.desc-text img {
너비:;
최대 폭: 100%;
}
. 홀. Hd wrapcens {
}
. 홀 # hd-footer {
폭: 100%;
}
. 홀 # hd-footer # hd-저작권 {
여백: 2% 0;
패딩: 0 1%;
폭: 98%;
}
. 홀 # headerlinks {
폭: 100%;
여백 바닥: 30px;
텍스트 정렬: 센터;
}
. 홀 # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
디스플레이: 블록;
플로트: 없음;
폭: 100%;
}
. 홀 # imagegallery img {
최대 폭: 85%;
여백 바닥: 10px;
}
. 홀 img {
최대 폭: 1000px;
}
@ 미디어 (최대 너비: 320px) {
. 홀. Hd 헤더 {
폭: 100%;
}
. 홀 # hd-로고 {
글꼴 크기: 100%;
여백: 3% 0;
폭: 100%;
텍스트 정렬: 센터;
}
. 홀 # hd-로고 img {
폭: 95%;
높이:;
}
. 홀. 슬로건 {
폭: 100%;
배경: 없음;
글꼴 크기: 100%;
여백: 1% 0;
}
. 홀. Hd 콘텐츠 {
폭: 100%;
여백: 2% 0;
}
. 홀 # listingarea {
폭: 100%;
}
. 홀. Hd-listingarea-box {
폭: 100%;
여백 바닥: 2%;
}
. 홀. Hd-listingarea-상자. Nonepadding {
폭: 100%;
}
. 홀. Hd listinghead {
플로트: 없음;
선 고도: 정상;
패딩: 2% 3%;
너비:;
텍스트 정렬: 센터;
여백 바닥: 0;
}
. 홀. Desc-headtitle {
플로트: 없음;
선 고도: 정상;
패딩: 1% 3%;
너비:;
높이:;
텍스트 정렬: 왼쪽;
여백 바닥: 0;
}
. 홀. Desc rd {
패딩: 3% 5%;
폭: 90%;
}
. 홀. Desc-텍스트 ul li {
패딩: 0 0 0 8%;
폭: 93%;
}
. 홀. Desc-rd.desc-text img {
너비:;
최대 폭: 100%;
}
. 홀. Hd wrapcens {
}
. 홀 # hd-footer {
폭: 100%;
}
. 홀 # hd-footer # hd-저작권 {
여백: 2% 0;
패딩: 0 1%;
폭: 98%;
}
. 홀 # headerlinks {
폭: 100%;
여백 바닥: 30px;
텍스트 정렬: 센터;
}
. 홀 # headerbox1, # headerbox2, # headerbox3, # headerbox4 {
디스플레이: 블록;
플로트: 없음;
폭: 100%;
}
. 홀 # imagegallery img {
최대 폭: 75%;
여백 바닥: 10px;
}
}
