Как убрать стандартные стили окна сообщений popup_container?

Всем привет! Помогите найти и обезвредить стандартные стили popup_container. Версия 1.10.4

Выглядят они так:
Я хочу сделать свои, но не могу найти и удалить стандартные.
Как я понимаю они формируется в core/js/common.js
Спасибо.

Не понятно в чём проблема? Открываю окно, жму F12 и смотрю где прописанны стили
#popup_container .popup_body — styles(3831)
или я что то не так понял?

Не понятно в чём проблема? Открываю окно, жму F12 и смотрю где прописанны стили
#popup_container .popup_body — styles(3831)
или я что то не так понял?

Эти стили прописаны не в css, они формируются в js. В этом проблема.

При чём здесь js?

При чём здесь js?

Стили те что написаны в первом сообщении они как бы локальные, написаны в том же файле. Например <div style="margin-top и т.д
Мне нужно прописать свои в CSS, для этого сначала нужно удалить локальные. Как я понял они формируются в common,js

rdimrs, Вы хотите чтобы поп-ап окно было не по центру страницы, а где-то в другом месте?

rdimrs,

rdimrs,

Взято из style.css

#popup_container {
    position: absolute;
   /* width: 100%;*/
    top: 0;
    left: 0;
    z-index: 100;
    text-align: left;
}
#popup_container .b {
    background: transparent url('../images/core/b.png') repeat scroll 0 0;
}
#popup_container .tl {
    background: transparent url('../images/core/tl.png') repeat scroll 0 0;
}
#popup_container .tr {
    background: transparent url('../images/core/tr.png') repeat scroll 0 0;
}
#popup_container .bl {
    background: transparent url('../images/core/bl.png') repeat scroll 0 0;
}
#popup_container .br {
    background: transparent url('../images/core/br.png') repeat scroll 0 0;
}
#popup_container table {
    border-collapse: collapse;
    margin: auto;
}
#popup_container .body {
    background: #fff;
    width: 600px;
}
#popup_container .tl,
#popup_container .tr,
#popup_container .bl,
#popup_container .br {
    height: 10px;
    overflow: hidden;
    padding: 0;
    width: 10px;
}
#popup_title,
#note_title {
    background: none repeat scroll 0 0 #396EA4;
    border: 1px solid #396EA4;
    color: #FFFFFF;
    font-size: 13px;
    font-weight: bold;
    line-height: 1;
    margin: 0;
    padding: 6px;
    text-shadow: 0 1px 0 #111111;
}
#popup_container .popup_x_button,
#noteform .popup_x_button {
    background: url('../images/core/boxicon.gif') repeat scroll -4px -2px #9AB5D1;
    cursor: pointer;
    float: right;
    height: 17px;
    margin: 5px 7px 0;
    padding: 0;
    width: 17px;
}
#popup_container .popup_x_button:hover,
#noteform .popup_x_button:hover {
    background-color: #fff;
}
#popup_progress {
    display: none;
    text-align: center;
    width: 100%;
    margin: 45px 0 28px;
}
#popup_content {
    padding: 0;
    margin: 0;
}
#popup_message {
    color: #111;
    font-size: 13px;
    padding: 0 3px 0 3px;
    border-left: 1px solid #aaa;
    border-right: 1px solid #aaa;
	border-bottom: 1px solid #aaa;
	overflow:hidden;
}
#popup_message .box_message_content {
    color: #111;
    font-size: 13px;
    margin: 5px;
    padding: 5px;
}
#popup_panel, #note_panel {
    background: #f9f9f9;
    /*border: 1px solid #aaa;*/
    /*border-top: 1px solid #ccc;*/
    margin-top: 0px;
    padding: 3px;
    padding-right: 10px;
    text-align: right;
}
#popup_prompt {
    margin: 0.5em 0
}
span.ajax-loader {
    background: url('../images/core/ajax-loader.gif') no-repeat;
    display: none;
    float: left;
    left: 6px;
    position: relative;
    top: 11px;
    width: 36px;
}
#popup_info {
    border: 1px solid #666666;
    display: none;
    float: left;
    margin: 3px 2px;
    padding: 2px 9px 1px;
    position: relative;
}
#popup_info.error {
    background-color: #E6A4A4;
}
#popup_info.info {
    background-color: #AEFFA4;
}
/** Core messages styles [AM][end] **/
 
#popup_message div.js_smiles, #smileajax {
    height: 1px;
}
#popup_message div.js_smiles a, #smileajax a {
    text-decoration: none;
}
 

У меня в css тоже присутствуют эти стили, но они не работают потому что в файле формирования окна прописаны свои по типу: <div style=" и т.д. Где они прописаны я не могу найти, но подозреваю что в common.js.

Дайте ссылку на пациента. Странное дело вы говорите. Стили пишутся в стилях. Мухи отдельно, котлеты в тарелках.

rdimrs, ну к примеру 102-105 строка, если закомментируете
min and max ширина не будет отображаться. Аналогично и остальное, комментируйте строки, и смотрите на сайте, убрало или нет. Методом проб и ошибок найдете те строки, которые за них отвечают. Их там не много такого плана как left, top, position. После любых изменений обновляйте кеш браузера или просто на странице ctrl+f5, дабы видеть изменения. Может через простое обновление не всегда отобразить.

Raiden, ничего не странно, а все верно. Смотрите на скрине. Я так полагаю, что если у человека отключены скрипты, тогда тянет с цсс, в другом случае — со скрипта. Хотя, может и ошибаюсь. В детали не углублялся.

У меня в css тоже присутствуют эти стили, но они не работают потому что в файле формирования окна прописаны свои по типу: <div style=" и т.д.

Ну дык уберите то что вам не нужно. И будут работать родные стили.

Всем большое спасибо! Мне надо было точно знать что они в common.js находятся, а не где то еще. Буду искать и удалять лишнее. С этим скорее всего, не только я один столкнусь, эти не нужные стили появились после миграции на 1.10.4

rdimrs, увы, но на 10.3 все так же. Изменения в поп-ап окнах сделаны не большие — убраны лишние картинки и только. В релизе 10.4 написано, что добавилось, и что было убрано. Остальное вроде бы как без особых изменений.

scanread, Ваши стили открыты в Хроме. Откройте в FF, там показывает нормальные стили, в style.css.