diff --git a/src/noosfero-spb-theme/css/main-content.css b/src/noosfero-spb-theme/css/main-content.css index 56307fb..e16e05d 100644 --- a/src/noosfero-spb-theme/css/main-content.css +++ b/src/noosfero-spb-theme/css/main-content.css @@ -86,7 +86,8 @@ margin: 0 10px 10px 0; } -#content a.button.with-text{ +#content a.button.with-text, +.modal .button.with-text { height: 32px; padding: 5px 15px; background: #FFF none; diff --git a/src/noosfero-spb-theme/css/modal.css b/src/noosfero-spb-theme/css/modal.css new file mode 100644 index 0000000..58752e1 --- /dev/null +++ b/src/noosfero-spb-theme/css/modal.css @@ -0,0 +1,103 @@ +.modal { + position: fixed; + top: 0px; + right: 0px; + bottom: 0px; + left: 0px; + z-index: 1050; + display: none; + overflow: hidden; + outline: 0px none; + background-color: rgba(0, 0, 0, 0.5); +} + +.modal-open .modal { + overflow-x: hidden; + overflow-y: auto; +} + +.fade { + opacity: 0; + transition: opacity 0.15s linear 0s; +} + +.fade.in { + opacity: 1; +} + +.modal-dialog { + width: 600px; + margin: 60px auto; + position: relative; +} + +.modal.in .modal-dialog { + transform: translate(0px, 0px); +} + +.modal.fade .modal-dialog { + transition: transform 0.3s ease-out 0s; + transform: translate(0px, -25%); +} + +.modal-content { + box-shadow: 0px 5px 15px rgba(0, 0, 0, 0.5); +} + +.modal-content { + position: relative; + background-color: #FFF; + background-clip: padding-box; + border: 1px solid rgba(0, 0, 0, 0.2); + border-radius: 6px; + outline: 0px none; + box-shadow: 0px 3px 9px rgba(0, 0, 0, 0.5); +} + +.modal-header { + min-height: 16.43px; + padding: 15px; + border-bottom: 1px solid #E5E5E5; +} + +.modal-header .close { + margin-top: -2px; +} + +.modal-header button.close { + padding: 0px; + cursor: pointer; + background: transparent none repeat scroll 0px 0px; + border: 0px none; +} + +.modal-header .close { + float: right; + font-size: 21px; + font-weight: 700; + line-height: 1; + color: #000; + text-shadow: 0px 1px 0px #FFF; + opacity: 0.2; +} + +.modal-title { + margin: 0px; + line-height: 1.42857; +} + +.modal-body { + position: relative; + padding: 15px; +} + +.modal-footer { + padding: 15px; + text-align: right; + border-top: 1px solid #E5E5E5; +} + + +.modal button.button.with-text { + padding: 0px 15px; +} diff --git a/src/noosfero-spb-theme/style.css b/src/noosfero-spb-theme/style.css index df03cbc..224934d 100644 --- a/src/noosfero-spb-theme/style.css +++ b/src/noosfero-spb-theme/style.css @@ -25,6 +25,7 @@ @import url(css/software-catalog-page.css); @import url(css/tooltip.css); @import url(css/popover.css); +@import url(css/modal.css); @font-face{ font-weight: normal; -- libgit2 0.21.2