|
|
(같은 사용자의 중간 판 6개는 보이지 않습니다) |
1번째 줄: |
1번째 줄: |
| .libre_right_content { | | nav.navbar .notify-count { |
| display: block !important;
| |
| visibility: hidden;
| |
| }
| |
| | |
| @media (min-width: 992px) {
| |
| .libre_right_content {
| |
| visibility: visible;
| |
| }
| |
| }
| |
| /* 위는 모바일 모드가 작동하도록 하는 코드 */
| |
| | |
| .libre_right_notify {
| |
| margin-top: 10px;
| |
| border-radius: 4px;
| |
| text-align: center;
| |
| background: #F4F4F4;
| |
| box-shadow: 1px 1px 1px #CCCCCC;
| |
| width: 230px;
| |
| }
| |
| .libre_right_notify * {
| |
| display: inline-block;
| |
| padding: 4px;
| |
| }
| |
| .libre_right_notify .notify-icon {
| |
| width: 10%;
| |
| font-style: normal;
| |
| font-weight: bold; | | font-weight: bold; |
| background: #999; | | background: #FF6363; |
| color: white; | | color: white; |
| cursor: pointer; | | padding: 4px; |
| | margin-left: 4px; |
| | border-radius: 2px; |
| } | | } |
| .libre_right_notify .notify-icon:before {
| | |
| content: "!";
| | .has-notification .nav-login .dropdown-toggle { |
| }
| | background: #FF9999; |
| .libre_right_notify .notify-link { | |
| padding: 0;
| |
| width: 90%;
| |
| color: black;
| |
| }
| |
| .libre_right_notify .notify-msg { | |
| width: 80%;
| |
| }
| |
| .libre_right_notify .notify-count {
| |
| font-weight: bold;
| |
| background: #FF6363; | |
| color: white; | | color: white; |
| width: 20%;
| |
| }
| |
| @media (max-width: 991px) {
| |
| .libre_right_notify {
| |
| position: fixed;
| |
| top: 94px;
| |
| right: -207px;
| |
| visibility: visible;
| |
| transition: right 0.5s;
| |
| }
| |
| .libre_right_notify.expand {
| |
| right: 0;
| |
| }
| |
| } | | } |
|
| |
|
| #navbar .notify-count {
| | .has-notification .navbar-header .dropdown-toggle { |
| font-weight: bold;
| | color: #FF9999; |
| background: #FF6363;
| |
| color: white;
| |
| padding: 2px;
| |
| margin-left: 2px;
| |
| } | | } |