manuelcillero/suitepro
manuelcillero/suitepro
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Apartados para los estilos y nuevo tamaño de los títulos de párrafos

Browse source
This commit is contained in:
Manuel Cillero 2018-02-13 19:00:35 +01:00
parent 39b75dc954
commit 4f8e53b044
2 changed files with 120 additions and 119 deletions
Download patch file Download diff file Expand all files Collapse all files

202
public/themes/circlepro/stylesheets/application.css
View file

@ -1,17 +1,39 @@
@import url(../../../stylesheets/application.css); @import url(../../../stylesheets/application.css);
@import url(editor.css); @import url(editor.css);
/* CirclePro Theme, based on Circle Theme by Kirill Bezrukov */ /*
* CirclePro Theme:
*
* 1. GLOBAL
* 2. FONT ICONS
* 3. HEADER
* 4. TOP-MENU
* 5. SOCIAL-MENU
* 6. MAIN-MENU
* 7. SIDEBAR
* 8. FOOTER
* 9. FLASH MESSAGES
* 10. LOGIN FORM
* 11. TAGS
* 12. CONTEXT-MENU
* 13. TIP
* 14. jQuery UI
* 15. BUTTONS
* 16. FORMS COMMON
* 17. FORMS SPECIFIC
* 18. TABS
* 19. TABLES
* 20. OBJECTS
* 21. RESPONSIVE
* 22. SELECT2
*
* Based on Circle Theme by Kirill Bezrukov.
*/
/**********************************************************/ /**********************************************************/
/* GLOBAL */ /* 1. GLOBAL */
/**********************************************************/ /**********************************************************/
input, textarea, select {
font-family: Lato,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 12px;
}
#wrapper-top-menu, #wrapper-top-menu,
#wrapper-header, #wrapper-header,
#wrapper-main-menu, #wrapper-main-menu,
@ -43,26 +65,9 @@ div#content {
border-right: 0; border-right: 0;
} }
#footer { input, textarea, select {
height: 36px; font-family: Lato,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
padding: 0; font-size: 14px;
border: 1px solid #182230;
background-color: #182330;
text-align: left;
font-size: 11px;
font-weight: bold;
color: #fff;
}
#footer div.bgl {
display: inline-block;
margin: 14px 0 0 30px;
}
#footer a, #footer a:visited {
color: #ced4d9;
}
#footer a:hover {
color: #2996cc;
text-decoration: none;
} }
input[type="text"].live_search_field, input[type="text"].live_search_field,
@ -103,8 +108,15 @@ div.gravatar-with-child > img.gravatar:nth-child(2) {
left: 35px; left: 35px;
} }
div.subject h3 {
font-size: 20px;
}
p.author {
font-size: 13px;
}
/**********************************************************/ /**********************************************************/
/* FONT ICONS */ /* 2. FONT ICONS */
/**********************************************************/ /**********************************************************/
@font-face { @font-face {
@ -135,11 +147,11 @@ div.gravatar-with-child > img.gravatar:nth-child(2) {
font-variant: normal; font-variant: normal;
text-transform: none; text-transform: none;
/* fix buttons height, for twitter bootstrap */ /* Fix buttons height, for twitter bootstrap */
line-height: 1em; line-height: 1em;
/* Animation center compensation - margins should be symmetric */ /* Animation center compensation - margins should be symmetric */
/* remove if not needed */ /* Remove if not needed */
margin-left: .2em; margin-left: .2em;
/* Font smoothing. That was taken from TWBS */ /* Font smoothing. That was taken from TWBS */
@ -156,7 +168,7 @@ div.gravatar-with-child > img.gravatar:nth-child(2) {
.icon-linkedin:before { content: '\f318'; } .icon-linkedin:before { content: '\f318'; }
/**********************************************************/ /**********************************************************/
/* HEADER */ /* 3. HEADER */
/**********************************************************/ /**********************************************************/
#header { #header {
@ -202,7 +214,7 @@ div.gravatar-with-child > img.gravatar:nth-child(2) {
} }
/**********************************************************/ /**********************************************************/
/* TOP-MENU */ /* 4. TOP-MENU */
/**********************************************************/ /**********************************************************/
#top-menu { #top-menu {
@ -231,7 +243,7 @@ div.gravatar-with-child > img.gravatar:nth-child(2) {
} }
/**********************************************************/ /**********************************************************/
/* SOCIAL-MENU */ /* 5. SOCIAL-MENU */
/**********************************************************/ /**********************************************************/
ul.social-menu { ul.social-menu {
@ -289,7 +301,7 @@ ul.social-menu .social-link-mail:hover a {
} }
/**********************************************************/ /**********************************************************/
/* MAIN-MENU */ /* 6. MAIN-MENU */
/**********************************************************/ /**********************************************************/
#main-menu { #main-menu {
@ -331,13 +343,13 @@ ul.social-menu .social-link-mail:hover a {
width: 24px; width: 24px;
height: 16px; height: 16px;
background: url(../images/menu_button.png) no-repeat; background: url(../images/menu_button.png) no-repeat;
background-size: 16px 16px; /* for retina displays */ background-size: 16px 16px; /* For retina displays */
} }
#main-menu .menu-button:hover { #main-menu .menu-button:hover {
background: url(../images/menu_button_hover.png) no-repeat; background: url(../images/menu_button_hover.png) no-repeat;
background-size: 16px 16px; /* for retina displays */ background-size: 16px 16px; /* For retina displays */
} }
/* new object + button */ /* New object + button */
#main-menu li a.new-object { #main-menu li a.new-object {
background-color: #3d454c; background-color: #3d454c;
} }
@ -361,7 +373,7 @@ ul.social-menu .social-link-mail:hover a {
color: #fff; color: #fff;
background: #3d454c; background: #3d454c;
} }
/* tab buttons*/ /* Tab buttons */
#main-menu div.tabs-buttons { #main-menu div.tabs-buttons {
position: absolute; position: absolute;
right: 0; right: 0;
@ -410,7 +422,7 @@ ul.social-menu .social-link-mail:hover a {
} }
/**********************************************************/ /**********************************************************/
/* SIDEBAR */ /* 7. SIDEBAR */
/**********************************************************/ /**********************************************************/
#sidebar { #sidebar {
@ -439,7 +451,33 @@ ul.social-menu .social-link-mail:hover a {
} }
/**********************************************************/ /**********************************************************/
/* FLASH MESSAGES */ /* 8. FOOTER */
/**********************************************************/
#footer {
height: 36px;
padding: 0;
border: 1px solid #182230;
background-color: #182330;
text-align: left;
font-size: 11px;
font-weight: bold;
color: #fff;
}
#footer div.bgl {
display: inline-block;
margin: 14px 0 0 30px;
}
#footer a, #footer a:visited {
color: #ced4d9;
}
#footer a:hover {
color: #2996cc;
text-decoration: none;
}
/**********************************************************/
/* 9. FLASH MESSAGES */
/**********************************************************/ /**********************************************************/
#errorExplanation, div.flash, .nodata, .warning, .conflict { #errorExplanation, div.flash, .nodata, .warning, .conflict {
@ -468,7 +506,7 @@ div.flash.warning, .conflict {
} }
/**********************************************************/ /**********************************************************/
/* LOGIN FORM */ /* 10. LOGIN FORM */
/**********************************************************/ /**********************************************************/
#login-form table { #login-form table {
@ -485,15 +523,7 @@ div.flash.warning, .conflict {
} }
/**********************************************************/ /**********************************************************/
/* WIKI */ /* 11. TAGS */
/**********************************************************/
.wiki.wiki-page {
color: #6A6E71;
}
/**********************************************************/
/* TAGS */
/**********************************************************/ /**********************************************************/
span.tag-label-color { span.tag-label-color {
@ -502,7 +532,6 @@ span.tag-label-color {
border-radius: 20px !important; border-radius: 20px !important;
line-height: 13px; line-height: 13px;
} }
span.tag-label-color:hover { span.tag-label-color:hover {
opacity: 0.7; opacity: 0.7;
} }
@ -530,21 +559,18 @@ div#content .contacts-tags-edit ul.tagit {
} }
/**********************************************************/ /**********************************************************/
/* Context Menu */ /* 12. CONTEXT-MENU */
/**********************************************************/ /**********************************************************/
div#content .context-menu-selection { div#content .context-menu-selection {
background-color: #2996cc !important; background-color: #2996cc !important;
} }
div#content #context-menu ul { div#content #context-menu ul {
border-radius: 4px; border-radius: 4px;
} }
div#content #context-menu li a { div#content #context-menu li a {
color: #333; color: #333;
} }
div#content #context-menu li:hover { div#content #context-menu li:hover {
background: #f2f4f5; background: #f2f4f5;
color: #3d454c; color: #3d454c;
@ -557,7 +583,7 @@ div#content #context-menu a.disabled, div#content #context-menu a.disabled:hover
} }
/**********************************************************/ /**********************************************************/
/* TIP */ /* 13. TIP */
/**********************************************************/ /**********************************************************/
div.tooltip:hover span.tip { div.tooltip:hover span.tip {
@ -570,7 +596,7 @@ div.tooltip:hover span.tip {
} }
/**********************************************************/ /**********************************************************/
/* jQuery UI */ /* 14. jQuery UI */
/**********************************************************/ /**********************************************************/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { .ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
@ -590,7 +616,6 @@ div.tooltip:hover span.tip {
div.modal { div.modal {
padding: 10px; padding: 10px;
} }
.ui-dialog.modal .ui-widget-header { .ui-dialog.modal .ui-widget-header {
@ -608,15 +633,6 @@ div.modal {
border-radius: 0px; border-radius: 0px;
} }
.ui-datepicker .ui-widget-header {
background: #fff;
border: 0px;
border-bottom: solid 1px #ced4d9;
border-radius: 0px;
padding: 5px;
margin: -1px;
}
.ui-widget-content { .ui-widget-content {
background: white; background: white;
} }
@ -645,10 +661,6 @@ div.modal {
border: 1px solid #f2f4f5; border: 1px solid #f2f4f5;
} }
.ui-datepicker .ui-datepicker-buttonpane button {
font-weight: normal;
}
.ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight { .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {
background: #FFD5C9; background: #FFD5C9;
} }
@ -660,27 +672,34 @@ div.modal {
.ui-widget-header .ui-icon-circle-triangle-e { .ui-widget-header .ui-icon-circle-triangle-e {
background: url(../images/next.png) no-repeat 0px 0px; background: url(../images/next.png) no-repeat 0px 0px;
} }
.ui-widget-header .ui-icon-circle-triangle-w { .ui-widget-header .ui-icon-circle-triangle-w {
background: url(../images/prev.png) no-repeat 0px 0px; background: url(../images/prev.png) no-repeat 0px 0px;
} }
.ui-datepicker .ui-widget-header {
background: #fff;
border: 0px;
border-bottom: solid 1px #ced4d9;
border-radius: 0px;
padding: 5px;
margin: -1px;
}
.ui-datepicker .ui-datepicker-buttonpane button {
font-weight: normal;
}
.ui-datepicker .ui-datepicker-next { .ui-datepicker .ui-datepicker-next {
top: 5px; top: 5px;
right: 10px; right: 10px;
} }
.ui-datepicker .ui-datepicker-prev { .ui-datepicker .ui-datepicker-prev {
top: 5px; top: 5px;
left: 10px; left: 10px;
} }
.ui-datepicker th { .ui-datepicker th {
/*font-size: 13px;*/ /*font-size: 13px;*/
color: #aaa; color: #aaa;
font-weight: 500; font-weight: 500;
} }
.ui-datepicker .ui-state-default { .ui-datepicker .ui-state-default {
/*font-size: 13px;*/ /*font-size: 13px;*/
font-weight: 500; font-weight: 500;
@ -688,31 +707,24 @@ div.modal {
border: 1px solid #fff; border: 1px solid #fff;
background: #fff; background: #fff;
} }
.ui-datepicker .ui-state-default:hover { .ui-datepicker .ui-state-default:hover {
background: #f6f6f6; background: #f6f6f6;
} }
.ui-datepicker .ui-state-active { .ui-datepicker .ui-state-active {
background: #D2EEFF; background: #D2EEFF;
} }
.ui-datepicker .ui-state-highlight { .ui-datepicker .ui-state-highlight {
color: #ff3b30; color: #ff3b30;
} }
.ui-datepicker .ui-state-highlight:hover { .ui-datepicker .ui-state-highlight:hover {
background-color: #ffd8d6; background-color: #ffd8d6;
} }
#ui-datepicker-div { #ui-datepicker-div {
padding: 10px; padding: 10px;
} }
.ui-datepicker .ui-datepicker-buttonpane { .ui-datepicker .ui-datepicker-buttonpane {
padding-top: 0.5em; padding-top: 0.5em;
} }
.ui-datepicker-week-col, .ui-datepicker .ui-priority-secondary { .ui-datepicker-week-col, .ui-datepicker .ui-priority-secondary {
color: #aaa; color: #aaa;
} }
@ -726,13 +738,12 @@ div.modal {
.ui-widget-header .ui-icon.ui-icon-closethick { .ui-widget-header .ui-icon.ui-icon-closethick {
background: url(../images/close.png) no-repeat 0px 0px; background: url(../images/close.png) no-repeat 0px 0px;
} }
.ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick { .ui-widget-header .ui-state-hover .ui-icon.ui-icon-closethick {
background: url(../images/close_active.png); background: url(../images/close_active.png);
} }
/**********************************************************/ /**********************************************************/
/* BUTTONS */ /* 15. BUTTONS */
/**********************************************************/ /**********************************************************/
#ajax-modal p.buttons input, #ajax-modal p.buttons input,
@ -818,7 +829,7 @@ input[type="submit"].small {
} }
/**********************************************************/ /**********************************************************/
/* FORMS COMMON */ /* 16. FORMS COMMON */
/**********************************************************/ /**********************************************************/
.tabular.settings p { .tabular.settings p {
@ -948,9 +959,8 @@ img.ui-datepicker-trigger {
margin-right: 10px; margin-right: 10px;
} }
/**********************************************************/ /**********************************************************/
/* FORMS SPECIFIC */ /* 17. FORMS SPECIFIC */
/**********************************************************/ /**********************************************************/
#user_login, #user_firstname, #user_lastname, #user_mail { #user_login, #user_firstname, #user_lastname, #user_mail {
@ -967,41 +977,35 @@ input#content_comments {
} }
/**********************************************************/ /**********************************************************/
/* TABS */ /* 18. TABS */
/**********************************************************/ /**********************************************************/
#content .tabs ul { #content .tabs ul {
border-bottom: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;
} }
#content .tabs ul li a { #content .tabs ul li a {
border: 1px solid #ECECEC; border: 1px solid #ECECEC;
background-color: #ECECEC; background-color: #ECECEC;
border-radius: 0px; border-radius: 0px;
} }
#content .tabs ul li a.selected { #content .tabs ul li a.selected {
border: 1px solid #ECECEC; border: 1px solid #ECECEC;
border-bottom: 1px solid #FFF; border-bottom: 1px solid #FFF;
} }
#content .tabs ul li a.selected:hover { #content .tabs ul li a.selected:hover {
border-top: 1px solid #ECECEC; border-top: 1px solid #ECECEC;
border-left: 1px solid #ECECEC; border-left: 1px solid #ECECEC;
border-right: 1px solid #ECECEC; border-right: 1px solid #ECECEC;
} }
#content .tabs ul li a:hover { #content .tabs ul li a:hover {
border-top: 1px solid #ffffdd; border-top: 1px solid #ffffdd;
border-left: 1px solid #ffffdd; border-left: 1px solid #ffffdd;
border-right: 1px solid #ffffdd; border-right: 1px solid #ffffdd;
} }
#content .box .tabs ul li a.selected { #content .box .tabs ul li a.selected {
background-color: #fafafa; background-color: #fafafa;
border-bottom: 1px solid #fafafa; border-bottom: 1px solid #fafafa;
} }
#content .tabs .tabs-buttons { #content .tabs .tabs-buttons {
background: #fff; background: #fff;
border: 0px; border: 0px;
@ -1009,20 +1013,18 @@ input#content_comments {
width: 50px; width: 50px;
border-bottom: 1px solid #ECECEC; border-bottom: 1px solid #ECECEC;
} }
#content .tabs .tabs-buttons button.tab-left, #content .tabs .tabs-buttons button.tab-right { #content .tabs .tabs-buttons button.tab-left, #content .tabs .tabs-buttons button.tab-right {
cursor: pointer; cursor: pointer;
height: 100%; height: 100%;
border: 1px solid #ECECEC; border: 1px solid #ECECEC;
border-radius: 0px; border-radius: 0px;
} }
#content .tabs .tabs-buttons button.tab-left.disabled, #content .tabs .tabs-buttons button.tab-right.disabled { #content .tabs .tabs-buttons button.tab-left.disabled, #content .tabs .tabs-buttons button.tab-right.disabled {
border: 1px solid #ccc; border: 1px solid #ccc;
} }
/**********************************************************/ /**********************************************************/
/* TABLES */ /* 19. TABLES */
/**********************************************************/ /**********************************************************/
table.list tbody td, table.list tbody tr:hover td { border: solid 1px #d7d7d7; } table.list tbody td, table.list tbody tr:hover td { border: solid 1px #d7d7d7; }
@ -1071,7 +1073,7 @@ tr.priority-lowest a { color: #559; }
tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #D2EAFA; } tr.odd.priority-lowest td, tr.even.priority-lowest td { border-color: #D2EAFA; }
/**********************************************************/ /**********************************************************/
/* OBJECTS */ /* 20. OBJECTS */
/**********************************************************/ /**********************************************************/
div.issue, div.issue,
@ -1087,7 +1089,7 @@ table.progress td { padding: 0px; }
div.details { padding: 20px !important; } div.details { padding: 20px !important; }
/**********************************************************/ /**********************************************************/
/* RESPONSIVE */ /* 21. RESPONSIVE */
/**********************************************************/ /**********************************************************/
@media all and (max-width: 899px) { @media all and (max-width: 899px) {
@ -1125,7 +1127,7 @@ div.details { padding: 20px !important; }
} }
/**********************************************************/ /**********************************************************/
/* SELECT2 */ /* 22. SELECT2 */
/**********************************************************/ /**********************************************************/
.theme-Circlepro .select2-container--default .select2-selection--single { .theme-Circlepro .select2-container--default .select2-selection--single {

37
public/themes/circlepro/stylesheets/editor.css
View file

@ -10,31 +10,30 @@ body {
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
text-rendering: optimizeLegibility; text-rendering: optimizeLegibility;
} }
/* Headers */
h1, h2, h3, h4, h5, h6 { h1, h2, h3, h4, h5, h6 {
font-family: Lato,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif; font-family: Lato,HelveticaNeue,"Helvetica Neue",Helvetica,Arial,sans-serif;
} }
.wiki h1 { h1, .wiki h1 { font-size: 32px; }
font-size: 32px; h2, .wiki h2 { font-size: 24px; }
} h3, .wiki h3 { font-size: 20px; }
.wiki h2 { h4, .wiki h4 { font-size: 17px; }
font-size: 24px; h5, .wiki h5 { font-size: 17px; }
} h6, .wiki h6 { font-size: 16px; }
.wiki h3 {
font-size: 20px;
}
.wiki h4 {
font-size: 17px;
border-bottom: 1px dotted #bbb;
}
.wiki h5 {
font-size: 17px;
}
.wiki h6 {
font-size: 16px;
}
h1, h2, h3 { h1, h2, h3 {
color: #b40b51; color: #b40b51;
} }
h4, .wiki h4 {
color: #585b5a;
border-bottom: 1px dotted #585b5a;
}
h5, .wiki h5 {
color: #6a6e71;
}
h6, .wiki h6 {
color: #81868b;
}
div#content div.wiki-page > a:first-child + h1, h2 { div#content div.wiki-page > a:first-child + h1, h2 {
color: #f30; color: #f30;
font-size: 46px; font-size: 46px;