|
|
| 1번째 줄: |
1번째 줄: |
| .libre_right_content {
| |
| 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;
| |
| background: #FF6363;
| |
| 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;
| |
| }
| |
| }
| |
|
| |
| nav.navbar .notify-count { | | nav.navbar .notify-count { |
| font-weight: bold; | | font-weight: bold; |