MediaWiki:Common.css
Версия от 12:10, 21 ноября 2013; Invisible man (обсуждение | вклад)
Замечание. Возможно, после сохранения вам придётся очистить кэш своего браузера, чтобы увидеть изменения.
- Firefox / Safari: Удерживая клавишу Shift, нажмите на панели инструментов Обновить либо нажмите Ctrl-F5 или Ctrl-R (⌘-R на Mac)
- Google Chrome: Нажмите Ctrl-Shift-R (⌘-Shift-R на Mac)
- Internet Explorer: Удерживая Ctrl, нажмите Обновить либо нажмите Ctrl-F5
- Opera: Перейдите в Menu → Настройки (Opera → Настройки на Mac), а затем Безопасность → Очистить историю посещений → Кэшированные изображения и файлы
/*test style */ .title { width: 700px; height: 38px; position: absolute; top: 10px; right: 10px; display: block; text-align: center; color: #836b50; font-weight: bold; font-size: 11px; text-transform: uppercase; line-height: 38px; overflow: hidden; background-color: #f5ebd3; border-radius: 3px 3px 0 0; border-bottom: 1px solid #ddcdb8; } .thankyou { background-position: -300px -900px; } .top-2 { top: -2px; } .relative { position: relative !important; } .inlineb { display: inline-block; } .ico_clan_level { background-position: -280px -660px; width: 17px; height: 20px; width: 20px; height: 20px; } .icon, .iconsp, .gray_popup { width: 18px; height: 18px; } .icon, .iconsp, .icon_post, .icon_pack *, .icon12, .icon2, .iconsp20, .blue_popup, .gray_popup, .reload, .ico_bonus_pet .b_bonus, .server_1, .server_2, .server_3, .server_4, .server_t, .ico_bday_letter, .slide_down_button, .pandora .up div, .pandora .down div, .arrow-left, .arrow-right, .player_avatar .rating > b.icon, .prof_levelup, .mine_dec div, .mine_inc div, .new_slider .smith_min, .new_slider .smith_max, .slide_block_click .slide_block_icon, .controls .prev, .controls .next, .refer_add, .t_log, .box_x_button { display: inline-block; background-image: url(https://i.botva.ru/i/ico.png); background-repeat: no-repeat; vertical-align: middle; background-color: transparent; } .profile_hud { margin: 1px 5px 1px 28px; height: 10px; text-align: center; background: #e9dcc9; background: #EADEC9; position: relative; border: 1px solid #9C8164; border: 1px solid #904928; border-radius: 2px; } .w200 { width: 200px !important; } .mr-2 { margin-right: -2px !important; } .ml3 { margin-left: 3px !important; } .mb-2 { margin-bottom: -2px !important; } .inlineb { display: inline-block; } .profile_hud div:first-child { height: 10px; top: 0px; left: 0px; position: relative; background: url(https://i.botva.ru/images/m/profile/bars.png) repeat 0 -110px; z-index: 4; float: left; } .profile_hud .value1 { position: absolute; left: 0; right: 0; top: 0; bottom: 0; opacity: 0.7; color: #000; text-shadow: none; display: block; text-align: center; } .profile_hud div + div { top: 0; bottom: 0; left: 0; right: 0; font-size: 10px; line-height: 100%; position: absolute; z-index: 5; color: #fff; text-shadow: 0px 0px 3px #000; } .profile_hud .value1 span { background: #fff; background: rgba(255,255,255,0.7); display: inline-block; padding: 0 3px; border-radius: 3px; position: relative; } /* CSS @Invisible_man*/ table.collapsed tr.collapsible { display: none; } .collapseButton { cursor: pointer; } h1 { /* Заголовок 1 */ color: #8D673A; /*Цвет*/ text-shadow: 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 20px #CDAA80, 0 0 30px #CDAA80, 0 0 40px #CDAA80; /* Расплывающаяся тень */ } h2 { color: #8D673A; text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 15px #CDAA80, 0 0 20px #CDAA80; } h3 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80; } h4 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 3px #CDAA80, 0 0 5px #CDAA80; } h5 { color: #8D673A; text-shadow: 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 3px #CDAA80; } /* Верхрнее меню */ .addthis_toolbox { position: absolute; /*Фиксированно на экране*/ z-index: 1000; /*Окошко всегда будет на переднем плане*/ top: 2px; /*Отступы*/ left: 15%; padding: 5px; width: 600px; height: 90px; opacity: 0.8; /*Прозрачность*/ filter:progid:DXImageTransform.Microsoft.Alpha(opacity=80); /*IE 5.5+*/ -moz-opacity: 0.8; /* Mozilla 1.6 и ниже */ html-opacity: 0.8; /* Konqueror 3.1, Safari 1.1 */ background-image: url(https://wiki.botva.ru/images/4/43/Fon_2.png); /*Фон*/ background-position: 0px 0px; background-size: 600px; background-repeat: no-repeat; } .addthis_toolbox .custom_images a { width: 32px; height: 32px; cursor: pointer; } .addthis_toolbox .custom_images a img { border: 0; margin: 2px 0; opacity: 0.6; } .addthis_toolbox .custom_images a:hover img { margin: 2px 0; opacity: 1.0; } /*Меню*/ /*************************** Основные пункты */ #mainmenu{ position:relative; height:47px; width:100%; z-index:10; text-align:left; color: #8D673A; text-shadow: 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 10px #CDAA80, 0 0 15px #CDAA80, 0 0 20px #CDAA80; } #mainmenu ul, /* сбрасываем поля и отступы у списков */ #mainmenu ul ul { color: #8D673A; list-style:none; padding:0; margin:0; vertical-align:middle; font-size: 20px; font-weight: bold; } #mainmenu ul { color: #8D673A; clear:left; position:relative; right:50%; height:20px; float:right; text-align:center; font:16px Arial, Helvetica, sans-serif; vertical-align:middle; font-weight: bold; } #mainmenu ul li { position:relative; left:50%; float:left; height:47px; padding:0; margin:0; vertical-align:middle; font-weight: bold; opacity: 1.0; } #mainmenu ul li:last-child { border:none; box-shadow:none; position: relative; } #mainmenu ul li a { display:block; color: #8D673A; text-decoration: none; padding:13px 20px; } #mainmenu ul li a:hover { opacity: 0.8; border:0px solid #8D653A; position:relative; border-radius: 6px; -moz-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; -ms-border-radius: 8px; } #mainmenu ul li:hover > ul { opacity: 1; visibility: visible; margin: 0; } /*************************** Выпадающие подпункты */ #mainmenu ul li ul { background: #F4DDB3; box-shadow: 0 1px 3px 0 rgba(0,0,0,0.3); opacity: 0.9; text-transform:none; opacity: 0; visibility: hidden; position:absolute; left:0; top:48px; font-size:12px; height:auto; width:150px; z-index: 1; } #mainmenu ul li ul li { border:none; position:relative; left:0; float:none; height:auto; margin:0; text-align:left !important; } #mainmenu ul li ul li:last-child { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; } #mainmenu ul li ul li a { padding:10px 8px; border:none; } /*************************** Выпадающие пункты второго уровня */ #mainmenu ul li ul li ul { top: 0; left: 150px; margin: 0 0 0 40px; _margin: 0; /*IE6 only*/ box-shadow: -1px 0 0 rgba(255,255,255,.3); -moz-box-shadow: -1px 0 0 rgba(255,255,255,.3); -o-box-shadow: -1px 0 0 rgba(255,255,255,.3); -ms-box-shadow: -1px 0 0 rgba(255,255,255,.3); -webkit-box-shadow: -1px 0 0 rgba(255,255,255,.3); } /*********************** Стрелочки на подпунктах */ #mainmenu ul ul li:first-child > a { border-radius: 3px 3px 0 0; -moz-border-radius: 3px 3px 0 0; -o-border-radius: 3px 3px 0 0; -ms-border-radius: 3px 3px 0 0; -webkit-border-radius: 3px 3px 0 0; } #mainmenu ul ul li:first-child > a:after { content: ''; position: absolute; left: 40px; top: -6px; border-left: 6px solid transparent; border-right: 6px solid transparent; border-bottom: 6px solid #8D653A; } #mainmenu ul ul ul li:first-child a:after { left: -6px; top: 50%; margin-top: -6px; border-left: 0; border-bottom: 6px solid transparent; border-top: 6px solid transparent; border-right: 6px solid #3b3b3b; } #mainmenu ul ul li:first-child a:hover:after { border-bottom-color: #8D653A; } #mainmenu ul ul ul li:first-child a:hover:after { border-right-color: #0299d3; border-bottom-color: transparent; } #mainmenu ul ul li:last-child > a { -moz-border-radius: 0 0 3px 3px; -webkit-border-radius: 0 0 3px 3px; border-radius: 0 0 3px 3px; } /*Внимание!!!!!*/ .warning-box { background-image: url(https://wiki.botva.ru/images/9/91/Cmd_foul1.png); /* Путь к фоновому изображению */ background-color: rgb(244, 221, 179); /* Цвет фона */ background-position: 15px 5px; background-repeat: no-repeat; border: 1px #CDAA80 solid; padding: 6px; text-align: left; -moz-border-radius: 9px; -webkit-border-radius: 9px; border-radius: 9px; } .warning-box h3 { color: #AB230D; text-shadow: 0 0 1px #CDAA80, 0 0 2px #CDAA80, 0 0 5px #CDAA80, 0 0 7px #CDAA80, 0 0 10px #CDAA80; padding-left: 50px; } .warning-box p { padding: 0px; margin: 0px; margin-left: 5px; }