source: OpenRLabs-Git/deploy/rlabs-docker/web2py-rlabs/applications/admin/static/css/bootstrap_essentials.css

main
Last change on this file was 42bd667, checked in by David Fuertes <dfuertes@…>, 4 years ago

Historial Limpio
  • Property mode set to 100755
File size: 19.0 KB
Line 
1/*=============================================================
2 GENERAL
3==============================================================*/
4
5body {
6    /*remember to account for the hidden area underneath
7fixed navbar by adding at least 40px padding to the <body>.
8Be sure to add this after the core Bootstrap CSS
9and before the optional responsive CSS.
10An alternative solution is to set top-margin to div#main padding-top:60px; comment this for alternative solution*/
11    height: auto;
12    /*uncomment this for alternative solution*/
13}
14
15
16/*=============================================================
17 BOOTSTRAP ICONS FOLDER FIX
18==============================================================*/
19
20[class^="icon-"],
21[class*=" icon-"] {
22    /* right folder for bootstrap black images/icons*/
23    background-image: url("../images/glyphicons-halflings.png")
24}
25
26.icon-white,
27.nav-tabs>.active>a>[class^="icon-"],
28.nav-tabs>.active>a>[class*=" icon-"],
29.nav-pills>.active>a>[class^="icon-"],
30.nav-pills>.active>a>[class*=" icon-"],
31.nav-list>.active>a>[class^="icon-"],
32.nav-list>.active>a>[class*=" icon-"],
33.navbar-inverse .nav>.active>a>[class^="icon-"],
34.navbar-inverse .nav>.active>a>[class*=" icon-"],
35.dropdown-menu>li>a:hover>[class^="icon-"],
36.dropdown-menu>li>a:hover>[class*=" icon-"],
37.dropdown-menu>.active>a>[class^="icon-"],
38.dropdown-menu>.active>a>[class*=" icon-"] {
39    /* right folder for bootstrap white images/icons*/
40    background-image: url("../images/glyphicons-halflings-white.png");
41}
42
43
44/*=============================================================
45 INPUT BORDER HIGHLIGHT WHEN INPUT IS FOCUSED
46==============================================================*/
47
48textarea:focus,
49input[type="text"]:focus,
50input[type="password"]:focus,
51input[type="datetime"]:focus,
52input[type="datetime-local"]:focus,
53input[type="date"]:focus,
54input[type="month"]:focus,
55input[type="time"]:focus,
56input[type="week"]:focus,
57input[type="number"]:focus,
58input[type="email"]:focus,
59input[type="url"]:focus,
60input[type="search"]:focus,
61input[type="tel"]:focus,
62input[type="color"]:focus,
63input[type="file"]:focus,
64select:focus,
65.uneditable-input:focus {
66    /* outline color*/
67    border-color: rgba(232, 149, 60, 0.8);
68    outline: 0;
69    /*outline:thin dotted \9;*/
70    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
71    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
72    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
73}
74
75.web2py_grid .dropdown-menu li>a:hover,
76.web2py_grid .dropdown-menu li>a:focus {
77    filter: progid: DXImageTransform.Microsoft.gradient(enabled=false);
78    /* IE6-9*/
79    background-image: none;
80    background-color: #E8953C;
81}
82
83
84/*=============================================================
85 COLOR OF LINKS
86==============================================================*/
87
88a,
89a:hover {
90    color: #E8953C;
91    text-decoration: none;
92}
93
94a:hover {
95    color: #e2821b;
96}
97
98
99/*=============================================================
100 CONTROLS and CONTAINERS
101==============================================================*/
102
103.row-buttons .btn {
104    margin-bottom: 7px;
105}
106
107.sidebar .box {
108    clear: right;
109    margin-top: 2em;
110    border-top: 1px solid #d1d1d1;
111    padding: 0 1em;
112}
113
114.pwdchange>.button {
115    margin-bottom: 10px;
116}
117
118input[type="file"] {
119    margin-bottom: 9px;
120}
121
122.form-inline input[type="file"] {
123    margin-bottom: 0px;
124}
125
126input+.help-block {
127    margin-top: -10px;
128    margin-bottom: 4px;
129}
130
131#confirm_form input.btn,
132.generatedbyw2p input {
133    margin-right: 4px;
134}
135
136a[rel='tooltip'] span,
137div[rel='tooltip'] span {
138    display: none;
139    margin-left: -9999px;
140}
141
142
143/*in-page browsing*/
144
145[rel="pagebookmark"] {
146    position: relative;
147}
148
149[rel="pagebookmark"]>.component {
150    cursor: pointer;
151}
152
153[rel="pagebookmark"]>.hashstick {
154    position: absolute;
155    top: -54px;
156    left: -9999px;
157    visibility: visible;
158}
159
160
161/* following 2 rules set the style of a small button for going to top of page*/
162
163.tophashlink.btn {
164    padding: 2px 3px;
165    visibility: hidden;
166}
167
168.hashstick:target+.tophashlink.btn {
169    visibility: visible;
170}
171
172ul.act_edit {
173    margin-top: 4px;
174    margin-left: 20px;
175}
176
177ul.act_edit .btn {
178    margin-top: 4px;
179    margin-bottom: 4px;
180}
181
182ul.act_edit .file>a {
183    white-space: pre;
184}
185
186.right-full {
187    text-align: right;
188}
189
190.searchbox,
191.searchbox label,
192.searchbox input {
193    display: inline-block;
194}
195
196.buttons-row .btn {
197    margin-bottom: 9px;
198}
199
200.li-controls {
201    display: inline-block;
202    width: 180px;
203    vertical-align: middle;
204}
205
206.celled {
207    display: inline-block;
208    padding: 0 0 0 4px;
209    vertical-align: top;
210    margin-top: 4px;
211    width: 700px;
212}
213
214.folder {
215    list-style-type: none;
216    border-left: 1px dotted #AAA;
217}
218
219.folder li {
220    list-style-type: none;
221}
222
223.folder>i {
224    display: inline-block;
225    width: 5px;
226    height: 5px;
227    border: 1px solid;
228    background-color: #FAA732;
229    margin-left: -4px;
230    margin-top: -2px;
231    border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
232    border-radius: 1px;
233}
234
235.folder>i+a {
236    padding-left: 0.5em;
237}
238
239.folder ul {
240    margin-top: 0.5em;
241    margin-bottom: 0.5em;
242}
243
244.controls-inline .btn {
245    margin-right: 5px;
246}
247
248div.web2py_counter.span6 {
249    min-height: 24px;
250    text-align: right;
251}
252
253.pagination {
254    margin: 0;
255}
256
257.table {
258    margin-bottom: 10px;
259}
260
261.row_buttons .btn {
262    margin-right: 4px;
263}
264
265.editor-bar-column {
266    display: inline-block;
267    vertical-align: top;
268    margin-right: 4px;
269}
270
271.editor-bar-column .input-long {
272    width: 270px;
273}
274
275.editor-bar-column .input-normal {
276    width: 206px;
277}
278
279.keybindings li {
280    margin-bottom: 0.5em;
281}
282
283.keybindings span {
284    padding: 0.3em;
285    border: 1px solid transparent;
286    vertical-align: middle;
287}
288
289.teletype-text {
290    font-family: monospace;
291    font-weight: bold;
292    font-style: normal;
293    border-color: #999;
294    background: #333;
295    color: #DDD;
296    -moz-border-radius: 0.3em;
297    border-radius: 0.3em;
298}
299
300.edit_language .tab_row div {
301    display: inline-block;
302    vertical-align: top;
303    margin-right: 4px;
304}
305
306.edit_language .fake-input {
307    height: 18px;
308    padding: 4px;
309    font-size: 13px;
310    line-height: 18px;
311    overflow: hidden;
312    white-space: nowrap;
313    display: inline-block;
314    margin-bottom: 9px;
315}
316
317.test h3 {
318    padding-left: 9px;
319    margin: 0;
320    font-size: 16px;
321    line-height: 1;
322    border-left: 9px solid transparent;
323}
324
325.test h3.passed {
326    border-color: #009900;
327}
328
329.test h3.failed {
330    border-color: #CC0000;
331}
332
333.test h3.nodoctests {
334    border-color: #CCCC99;
335}
336
337.test .test_report {
338    width: 100%;
339    overflow: auto;
340}
341
342.test_report pre {
343    white-space: pre;
344}
345
346.test div[id^="output_"]>h2 {
347    font-size: 18px;
348    line-height: 1;
349    color: grey;
350}
351
352div.center {
353    text-align: center;
354}
355
356.delete h2 {
357    word-wrap: break-word;
358}
359
360
361/*=============================================================
362 SHELL
363==============================================================*/
364
365.shell .output-wrapper {
366    width: 100%;
367    height: 30em;
368    border: 1px solid #333;
369}
370
371.shell .prompt-wrapper {
372    float: left;
373    width: 100%;
374    overflow: hidden;
375    height: auto;
376    border: 1px solid #333;
377}
378
379.shell .prompt-container {
380    margin-left: 2.5em;
381}
382
383.shell #caret {
384    width: 2.5em;
385    float: left;
386    margin-left: -100%;
387}
388
389.shell #shellwrapper {
390    background: white;
391    color: #E8953C;
392    width: 100%;
393    margin: 1em 0;
394    border: 0;
395}
396
397.shell #output,
398.shell .prompt {
399    color: #E8953C;
400    background: white;
401    resize: none;
402    border: none;
403    width: 100%;
404    height: 100%;
405    cursor: default;
406    -webkit-box-sizing: border-box;
407    -moz-box-sizing: border-box;
408    box-sizing: border-box;
409}
410
411.shell #output:focus,
412.shell .prompt:focus {
413    border-color: transparent;
414    outline: 0;
415    -webkit-box-shadow: none;
416    -moz-box-shadow: none;
417    box-shadow: none;
418}
419
420.shell #output pre {
421    color: #E8953C;
422}
423
424.shell #autoscroll {
425    cursor: pointer;
426    float: right;
427}
428
429.shell .prompt,
430.shell #output,
431.shell #caret {
432    font-size: 11pt;
433    padding: 6px;
434    padding-right: 0em;
435}
436
437.shell #caret {
438    padding-top: 9px;
439}
440
441.shell .prompt,
442.shell #output,
443.shell pre,
444.shell #caret {
445    font-family: monospace;
446}
447
448.shell a[rel="tooltip"] {
449    margin-left: 8px;
450}
451
452
453/*=============================================================
454 PEEK
455==============================================================*/
456
457.peek .code-wrapper {
458    width: 100%;
459    overflow: auto;
460    white-space: pre;
461}
462
463.peek table td pre {
464    word-break: normal;
465    white-space: pre;
466}
467
468
469/*=============================================================
470 FOOTER
471==============================================================*/
472
473#footer {
474    border-top: 1px solid;
475    text-align: center;
476    padding: 1em 0;
477}
478
479#footer span,
480#footer select {
481    display: inline-block;
482    margin-bottom: 0;
483    vertical-align: middle;
484}
485
486#footer select {
487    width: auto;
488}
489
490
491/*=============================================================
492 MAIN
493==============================================================*/
494
495#main {
496    margin-top: 60px;
497    /*uncomment this for alternative solution to hidden area underneath fixed navbar issue*/
498    margin-bottom: 60px;
499}
500
501
502/*=============================================================
503 WIZARD
504==============================================================*/
505
506#wizard_nav .box {
507    border-bottom: 1px dotted;
508}
509
510#wizard_nav li {
511    margin-left: 1em;
512    margin-top: 0.5em;
513}
514
515.step textarea {
516    width: auto;
517}
518
519select[name='layout_theme'] {
520    vertical-align: top;
521}
522
523img#preview {
524    margin-bottom: 9px;
525}
526
527
528/* multiselect customization*/
529
530.ms-container {
531    margin-bottom: 5px;
532}
533
534.ms-selectable,
535.step .ms-selection {
536    text-align: center;
537}
538
539.ms-list {
540    text-align: left;
541    background: white;
542}
543
544.ms-container li.ms-elem-selectable:not(.disabled).ms-hover,
545.ms-container .ms-selection li:not(.disabled).ms-hover {
546    background-color: #E8953C;
547}
548
549.ms-container .ms-selectable {
550    margin-right: 25px;
551}
552
553.ms-container .ms-selectable,
554.ms-container .ms-selection {
555    background: transparent;
556}
557
558.ms-container .ms-list.ms-focus {
559    border-color: rgba(232, 149, 60, 0.8);
560    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
561    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
562    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(232, 149, 60, 0.6);
563}
564
565
566/* grow_input*/
567
568ul[id$="_grow_input"] {
569    margin-left: 0;
570}
571
572
573/* generate_form*/
574
575#generate_form .control-group {
576    margin-bottom: 0;
577}
578
579#generate_form .control-label {
580    text-align: left;
581}
582
583#generate_form .controls {
584    padding-left: 18px;
585    margin-left: 0;
586}
587
588#generate_form .control-label.empty {
589    width: 142px;
590}
591
592.step [rel="pagebookmark"]>.hashstick {
593    display: none;
594}
595
596
597/*generated page*/
598
599.generated iframe {
600    border: 1px inset #e3e3e3;
601}
602
603
604/*=============================================================
605 ERRORS TABLE / TICKET PAGE
606==============================================================*/
607
608.tablebar {
609    margin: 7px 0 7px 0;
610}
611
612.tablebar input {
613    margin-right: 27px;
614}
615
616.tablebar span {
617    vertical-align: bottom;
618}
619
620.table th {
621    background: #e9e9e9;
622    background: -moz-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
623    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #FAFAFA), color-stop(100%, #E9E9E9));
624    background: -webkit-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
625    background: -o-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
626    background: -ms-linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
627    background: linear-gradient(top, #FAFAFA 0%, #E9E9E9 100%);
628    filter: progid: DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9');
629    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr='#FAFAFA', endColorstr='#E9E9E9')";
630    /*font-size:10px; color:#444; text-transform:uppercase;*/
631}
632
633td.cbcentered,
634th.cbcentered {
635    text-align: center;
636}
637
638td.cbcentered>input,
639th.cbcentered>input {
640    margin-top: -1px;
641}
642
643.traceback div {}
644
645.ticket_code>table td:first-child {
646    border-left: 0;
647}
648
649#trck_errors table td pre {
650    word-break: normal;
651    white-space: pre;
652}
653
654.inspect pre,
655.errorsource pre {
656    word-break: normal;
657    white-space: pre;
658}
659
660.ticket_code {
661    background-color: lightyellow;
662}
663
664.ticket_code table,
665.ticket_code td {
666    border-width: 0px;
667    border-collapse: collapse;
668    width: 100%;
669}
670
671.ticket_code tbody tr:hover td {
672    background-color: transparent;
673}
674
675
676/*=============================================================
677 FLOT GRAPHS
678==============================================================*/
679
680.about #placeholder {
681    width: auto;
682    max-width: 600px;
683    height: 300px;
684    position: relative;
685    margin: 0 auto;
686    /* for centering*/
687}
688
689
690/*=============================================================
691 THE GRID
692==============================================================*/
693
694#w2p_query_panel {
695    min-width: 20px;
696    min-height: 20px;
697    padding: 10px;
698    margin-top: 1em;
699    background-color: #f5f5f5;
700    border: 1px solid #e3e3e3;
701    -webkit-border-radius: 3px;
702    -moz-border-radius: 3px;
703    border-radius: 3px;
704    -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
705    -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
706    box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.05);
707}
708
709#w2p_query_panel select,
710#w2p_query_panel input {
711    margin-bottom: 0;
712    margin-right: 4px;
713}
714
715.web2py_grid .hidden {
716    visibility: visible;
717}
718
719.qry_pnl_btns {
720    display: inline-block;
721}
722
723#w2p_grid_addbtn,
724#w2p_search-form {
725    margin-top: 9px;
726    margin-bottom: 9px;
727}
728
729#w2p_search-form {
730    margin-bottom: 0;
731}
732
733#w2p_search-form form {
734    margin-bottom: 0;
735}
736
737
738/*----- translate page ---*/
739
740.languageform input {
741    margin-bottom: 0;
742}
743
744.languageform input.untranslated {
745    background-color: #FC0;
746}
747
748
749/*=============================================================
750MASKED UPLOAD INPUT (NO BOOTSTRAP RELATED)
751==============================================================*/
752
753#appupdate_file.masked {
754    margin: 0;
755    opacity: 0;
756    -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
757    /* IE 8 */
758    filter: alpha(opacity=0);
759    /* IE 7 */
760    font-size: 100px;
761    position: absolute;
762    top: 0;
763    right: 0;
764    z-index: 410;
765}
766
767#fileselect {
768    padding: 4px 6px;
769    border: 1px solid #ccc;
770    border-radius: 4px;
771    color: #555;
772    cursor: default;
773    position: relative;
774    z-index: 400;
775    font-size: 14px;
776    background-color: #fff;
777    margin-bottom: 10px;
778    overflow: hidden;
779}
780
781#fileselect span {
782    position: absolute;
783    left: 6px;
784    top: 4px;
785}
786
787.uploadbtn {
788    position: absolute;
789    top: 3px;
790    right: 3px;
791}
792
793.txtPlaceholder {
794    font-style: italic;
795    color: #ccc;
796}
797
798
799/*=============================================================
800EDIT PAGE SLIDING FILES MENU
801==============================================================*/
802
803@media (max-width: 979px) {
804    body.edit div#header {
805        position: relative;
806        z-index: 1030 !important;
807    }
808}
809
810#editor_area,
811#edit_placeholder {
812    margin: 0;
813    padding: 0;
814}
815
816#editor_area {
817    position: relative;
818    box-sizing: border-box;
819}
820
821#files {
822    width: auto;
823    height: 100%;
824    margin: 0;
825    padding: 0;
826    position: fixed;
827    top: 0px;
828    left: 0px;
829    z-index: 1031;
830    border-right: 3px solid #000;
831    /* animation (it doesn't work in IE<10) */
832    -moz-transition: all 0.4s;
833    -webkit-transition: all 0.4s;
834    -o-transition: all 0.4s;
835    transition: all 0.4s;
836}
837
838#files:hover,
839#files:focus {
840    left: 0px !important;
841}
842
843#files,
844.files-toggle {
845    background: #1b1b1b;
846    opacity: 0.98;
847}
848
849.files-toggle {
850    width: 18px;
851    height: 86px;
852    border-radius: 0px 4px 4px 0px;
853    color: #999;
854    position: absolute;
855    top: 60px;
856    right: -18px;
857    cursor: default;
858}
859
860.arrow {
861    display: block;
862    position: absolute;
863    top: 8px;
864    width: 18px;
865    height: 70px;
866    background: url(../images/files_toggle.png) no-repeat;
867}
868
869.files-menu {
870    height: 100%;
871    overflow: auto;
872}
873
874#filelist {
875    position: relative;
876    top: 60px;
877    padding-bottom: 60px;
878}
879
880#filelist li {
881    padding-right: 8px;
882    width: 100%;
883}
884
885#filelist li>a {
886    text-shadow: none;
887}
888
889
890/*=============================================================
891 MEDIA QUERIES
892==============================================================*/
893
894@media (max-width: 800px) {
895    .step [rel="pagebookmark"]>.hashstick {
896        /*top:-54px;*/
897        display: block;
898    }
899}
900
901@media (max-width: 767px) {
902    [rel="pagebookmark"]>.hashstick {
903        top: 0;
904    }
905    /*-----------------------------------
906 main
907-------------------------------------*/
908    #main {
909        margin-top: 0;
910    }
911    /*-----------------------------------
912 footer
913-------------------------------------*/
914    #footer {
915        margin-left: -20px;
916        margin-right: -20px;
917        padding-left: 20px;
918        padding-right: 20px;
919    }
920    /*-----------------------------------
921 errors page
922-------------------------------------*/
923    #trck_errors {
924        table-layout: fixed;
925    }
926    #trck_errors .column1 {
927        width: 20px;
928    }
929    #trck_errors .column2 {
930        width: 45px;
931    }
932    #trck_errors .column3 {
933        width: 150px;
934    }
935    #trck_errors .columnN {
936        width: 55px;
937    }
938    #trck_errors .columnN1 {
939        width: 138px;
940    }
941    .ticket_code,
942    .inspect.resp1,
943    .inspect.controls pre,
944    .errorsource {
945        width: 100%;
946        overflow: auto;
947    }
948    .ticket_code>table {
949        width: 100%;
950    }
951    .celled {
952        width: 320px;
953    }
954}
955
956@media (max-width: 480px) {
957    .qry_pnl_btns {
958        display: block;
959        margin-top: 4px;
960    }
961    /*-----------------------------------
962 wizard
963-------------------------------------*/
964    #generate_form .control-label {
965        float: left;
966        width: 160px;
967        padding-top: 5px;
968    }
969    .inspect>code {
970        display: block;
971        white-space: normal;
972    }
973    .li-controls {}
974    .celled {
975        width: 165px;
976    }
977}
978
979
980/*-----------------------------------
981miscellaneous
982-------------------------------------*/
983
984h4.editableapp,
985h4.currentapp {
986    padding: 5px 0 5px 54px;
987    display: inline;
988}
989
990h4.editableapp {
991    background: #fff url(../images/folder.png) no-repeat;
992}
993
994h4.currentapp {
995    background: #fff url(../images/folder_locked.png) no-repeat;
996}
997
998.w2p_flash {
999    position: fixed;
1000    width: 50%;
1001    top: 49px;
1002    left: 25%;
1003    right: 25%;
1004    cursor: default;
1005    text-align: center;
1006    z-index: 5620;
1007}
1008
1009span#closeflash {
1010    position: absolute;
1011    top: 1px;
1012    right: -1px;
1013    font-size: 150%;
1014    border: 1px solid black;
1015    border-color: transparent transparent #fbeed5 #fbeed5;
1016    border-radius: 0 0 0 4px;
1017    width: 22px;
1018}
1019
1020span#closeflash:hover {
1021    font-weight: bold;
1022    cursor: pointer;
1023}
1024
1025table.twitter {
1026    background-color: transparent;
1027}
1028
1029table.twitter tr td {
1030    vertical-align: top;
1031    padding: 5px;
1032}
1033
1034table.twitter tr {
1035    border-bottom: 1px solid #a0a0a0;
1036}
1037
1038div.error_wrapper {
1039    margin-top: -10px;
1040    margin-bottom: 8px;
1041    padding-left: 2px;
1042    color: #d62e2b;
1043}
1044
1045.twitter-timeline>iframe {
1046    padding: 1em 0;
1047}
Note: See TracBrowser for help on using the repository browser.