|
|
(같은 사용자의 중간 판 2개는 보이지 않습니다) |
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;
| |
| background: #999;
| |
| color: white;
| |
| cursor: pointer;
| |
| }
| |
| .libre_right_notify .notify-icon:before {
| |
| content: "!";
| |
| }
| |
| .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; | | font-weight: bold; |
| background: #FF6363; | | background: #FF6363; |
| color: white; | | color: white; |
| width: 20%; | | padding: 4px; |
| }
| | margin-left: 4px; |
| @media (max-width: 991px) {
| | border-radius: 2px; |
| .libre_right_notify { | |
| position: fixed;
| |
| top: 94px;
| |
| right: -207px;
| |
| visibility: visible;
| |
| transition: right 0.5s;
| |
| } | |
| .libre_right_notify.expand {
| |
| right: 0;
| |
| }
| |
| } | | } |
|
| |
|
| nav.navbar .notify-count { | | .has-notification .nav-login .dropdown-toggle { |
| font-weight: bold;
| | background: #FF9999; |
| background: #FF6363; | | color: white; |
| color: white; | |
| padding: 4px;
| |
| margin-left: 4px;
| |
| border-radius: 2px;
| |
| } | | } |
|
| |
|
| .has-notification .nav-login .dropdown-toggle,
| |
| .has-notification .navbar-header .dropdown-toggle { | | .has-notification .navbar-header .dropdown-toggle { |
| background: #FF9999;
| | color: #FF9999; |
| color: white;
| |
| } | | } |