니코 (nico)위젯 스타일 ->

변경 니코 모바일 대응 위젯 스타일 

: 모바일 에서 마진값(margin)없어 너무 꽉차는 출력이 거스른다

pc와 mobile 따로 설정 하기위해 모바일 전용으로 파일을 다시 복사 수정한다 .

니코 (nico)위젯 스타일 ->

변경 니코 모바일 대응 위젯 스타일 

 

 

루트/widgetstyles/nico/style.css

 

4라인 시작 

 

div =class " ws_nico .ws_nico_title" style ="

 

.ws_nico .ws_nico_title {

  display:block;

  line-height:40px;

  height:40px;

  background:#f7f7f7;

  filter:progid:DXImageTransform.Microsoft.gradient(StartColorStr=#ffffff,EndColorStr=#f7f7f7,GradientType=0);

  background:-webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f7f7f7));

  background:-webkit-linear-gradient(#fff, #f7f7f7);

  background:-moz-linear-gradient(#fff, #f7f7f7);

  background:-ms-linear-gradient(#fff, #f7f7f7);

  background:-o-linear-gradient(#fff, #f7f7f7);

  background:linear-gradient(#fff, #f7f7f7);

  border:1px solid #ddd;

  border-radius:5px;

  position:relative;

  margin:0 0 20px 0;

  padding:0 0 0 30px;

  font-weight:bold;

}

 

19 라인 padding 값 변경 

 

    display: block;

    line-height: 40px;

    height: 40px;

    background: #f7f7f7;

    filter: progid:DXImageTransform.Microsoft.gradient(StartColorStr=#ffffff,EndColorStr=#f7f7f7,GradientType=0);

    background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(#f7f7f7));

    background: -webkit-linear-gradient(#fff, #f7f7f7);

    background: -moz-linear-gradient(#fff, #f7f7f7);

    background: -ms-linear-gradient(#fff, #f7f7f7);

    background: -o-linear-gradient(#fff, #f7f7f7);

    background: linear-gradient(#fff, #f7f7f7);

    border: 1px solid #ddd;

    border-radius: 5px;

    position: relative;

    margin: 0 50px 20px 50px;

    padding: 0 0 0 30px;

    font-weight: bold;

 

이제 좀 가시성은 괜찮은듯 보인다 

이후 사용할땐  위젯 스타일에서 모바일용으로 설정해 주면된다 .