Major CSS/styling overhaul with Primer.css.
This commit is contained in:
Bart Kamphorst
Binary file not shown.
|
Before Width: | Height: | Size: 177 B |
Binary file not shown.
|
Before Width: | Height: | Size: 271 B |
Binary file not shown.
|
Before Width: | Height: | Size: 433 B |
Binary file not shown.
|
Before Width: | Height: | Size: 462 B |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.9 KiB |
@@ -136,11 +136,18 @@
|
||||
}
|
||||
|
||||
if ( EditorHas.collapsibleInputs() ) {
|
||||
$('#gollum-editor .collapsed a.button, ' +
|
||||
'#gollum-editor .expanded a.button').click(function( e ) {
|
||||
$('#gollum-editor .collapsed button.collapsable, ' +
|
||||
'#gollum-editor .expanded button.collapsable').click(function( e ) {
|
||||
e.preventDefault();
|
||||
$(this).parent().toggleClass('expanded');
|
||||
$(this).parent().toggleClass('collapsed');
|
||||
|
||||
buttons = $(this).parent().children("button");
|
||||
console.log(buttons);
|
||||
hidden_button = buttons.filter(':hidden')[0];
|
||||
shown_button = buttons.not(':hidden')[0];
|
||||
hidden_button.hidden = false;
|
||||
shown_button.hidden = true;
|
||||
});
|
||||
}
|
||||
|
||||
@@ -587,7 +594,7 @@
|
||||
debug('Activating function bar');
|
||||
|
||||
// check these out
|
||||
$('#gollum-editor-function-bar a.function-button').each(function() {
|
||||
$('#gollum-editor-function-bar button.function-button').each(function() {
|
||||
if ( LanguageDefinition.getDefinitionFor( $(this).attr('id') ) ) {
|
||||
$(this).click( FunctionBar.evtFunctionButtonClick );
|
||||
$(this).removeClass('disabled');
|
||||
|
||||
@@ -74,7 +74,7 @@
|
||||
html += '>' + fieldAttributes.name + '</label>';
|
||||
}
|
||||
|
||||
html += '<input type="text"';
|
||||
html += '<input type="text" class="form-control input-sm width-full"';
|
||||
|
||||
if ( fieldAttributes.id ) {
|
||||
html += ' name="' + fieldAttributes.id + '"'
|
||||
@@ -105,7 +105,7 @@
|
||||
|
||||
html += '<form method=post enctype="multipart/form-data" ' +
|
||||
'action="' + action + '" ' + 'id="' + id + '">';
|
||||
html += '<input type=file name="' + name + '">';
|
||||
html += '<input type=file name="' + name + '" class="form-control width-full">';
|
||||
html += '</form>';
|
||||
|
||||
if( fieldAttributes.context ){
|
||||
@@ -117,35 +117,20 @@
|
||||
|
||||
createMarkup: function( title, body ) {
|
||||
Dialog.markupCreated = true;
|
||||
if ($.facebox) {
|
||||
return '<div id="gollum-dialog-dialog">' +
|
||||
'<div id="gollum-dialog-dialog-title"><h4>' +
|
||||
title +'</h4></div>' +
|
||||
'<div id="gollum-dialog-dialog-body">' + body + '</div>' +
|
||||
'<div id="gollum-dialog-dialog-buttons">' +
|
||||
'<button name="Cancel" id="gollum-dialog-action-cancel" ' +
|
||||
'class="gollum-minibutton">Cancel</a>' +
|
||||
'<button name="OK" id="gollum-dialog-action-ok" '+
|
||||
'class="gollum-minibutton">OK</a>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
} else {
|
||||
return '<div id="gollum-dialog-dialog">' +
|
||||
'<div id="gollum-dialog-dialog-inner">' +
|
||||
'<div id="gollum-dialog-dialog-bg">' +
|
||||
'<div id="gollum-dialog-dialog-title"><h4>' +
|
||||
title +'</h4></div>' +
|
||||
'<div id="gollum-dialog-dialog-body">' + body + '</div>' +
|
||||
'<div id="gollum-dialog-dialog-buttons">' +
|
||||
'<button name="Cancel" id="gollum-dialog-action-cancel" ' +
|
||||
'class="minibutton">Cancel</button>' +
|
||||
'<button name="OK" id="gollum-dialog-action-ok" '+
|
||||
'class="minibutton">OK</a>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
}
|
||||
return '<div id="gollum-dialog-dialog">' +
|
||||
'<div id="gollum-dialog-dialog-inner" class="border rounded-1">' +
|
||||
'<div id="gollum-dialog-dialog-title"><h4>' +
|
||||
title +'</h4></div>' +
|
||||
'<div id="gollum-dialog-dialog-body">' + body + '</div>' +
|
||||
'<div id="gollum-dialog-dialog-buttons" class="pt-2 float-right">' +
|
||||
'<button name="Cancel" id="gollum-dialog-action-cancel" ' +
|
||||
'class="btn">Cancel</button>' +
|
||||
'<span class="px-1"></span>' +
|
||||
'<button name="OK" id="gollum-dialog-action-ok" '+
|
||||
'class="btn btn-primary">OK</button>' +
|
||||
'</div>' +
|
||||
'</div>' +
|
||||
'</div>';
|
||||
},
|
||||
|
||||
eventCancel: function( e ) {
|
||||
@@ -172,23 +157,17 @@
|
||||
},
|
||||
|
||||
hide: function() {
|
||||
if ( $.facebox ) {
|
||||
Dialog.markupCreated = false;
|
||||
$(document).trigger('close.facebox');
|
||||
Dialog.detachEvents();
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog-dialog').hide().removeClass('active');
|
||||
$('select').css('visibility', 'visible');
|
||||
} else {
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog-dialog').hide().removeClass('active');
|
||||
$('select').css('visibility', 'visible');
|
||||
} else {
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 0 }, {
|
||||
duration: 200,
|
||||
complete: function() {
|
||||
$('#gollum-dialog-dialog').removeClass('active');
|
||||
$('#gollum-dialog-dialog').css('display', 'none');
|
||||
}
|
||||
});
|
||||
}
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 0 }, {
|
||||
duration: 200,
|
||||
complete: function() {
|
||||
$('#gollum-dialog-dialog').removeClass('active');
|
||||
$('#gollum-dialog-dialog').css('display', 'none');
|
||||
}
|
||||
});
|
||||
|
||||
$(window).unbind('resize', Dialog.resize);
|
||||
}
|
||||
@@ -219,29 +198,15 @@
|
||||
}
|
||||
|
||||
if ( Dialog.markupCreated ) {
|
||||
if ($.facebox) {
|
||||
$(document).trigger('close.facebox');
|
||||
} else {
|
||||
$('#gollum-dialog-dialog').remove();
|
||||
}
|
||||
$('#gollum-dialog-dialog').remove();
|
||||
}
|
||||
|
||||
Dialog.markup = Dialog.createMarkup( title, body );
|
||||
|
||||
if ($.facebox) {
|
||||
$(document).bind('reveal.facebox', function() {
|
||||
if ( argObject.OK &&
|
||||
typeof argObject.OK == 'function' ) {
|
||||
Dialog.attachEvents( argObject.OK );
|
||||
$($('#facebox input[type="text"]').get(0)).focus();
|
||||
}
|
||||
});
|
||||
} else {
|
||||
$('body').append( Dialog.markup );
|
||||
if ( argObject.OK &&
|
||||
typeof argObject.OK == 'function' ) {
|
||||
Dialog.attachEvents( argObject.OK );
|
||||
}
|
||||
$('body').append( Dialog.markup );
|
||||
if ( argObject.OK &&
|
||||
typeof argObject.OK == 'function' ) {
|
||||
Dialog.attachEvents( argObject.OK );
|
||||
}
|
||||
|
||||
Dialog.show();
|
||||
@@ -252,27 +217,24 @@
|
||||
debug('Dialog: No markup to show. Please use init first.');
|
||||
} else {
|
||||
debug('Showing dialog');
|
||||
if ($.facebox) {
|
||||
$.facebox( Dialog.markup );
|
||||
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog.dialog').addClass('active');
|
||||
Dialog.position();
|
||||
$('select').css('visibility', 'hidden');
|
||||
} else {
|
||||
if ( $.browser.msie ) {
|
||||
$('#gollum-dialog.dialog').addClass('active');
|
||||
Dialog.position();
|
||||
$('select').css('visibility', 'hidden');
|
||||
} else {
|
||||
$('#gollum-dialog.dialog').css('display', 'none');
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 0 }, {
|
||||
duration: 0,
|
||||
complete: function() {
|
||||
$('#gollum-dialog-dialog').css('display', 'block');
|
||||
Dialog.position(); // position this thing
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 1 }, {
|
||||
duration: 500
|
||||
});
|
||||
$($('#gollum-dialog-dialog input[type="text"]').get(0)).focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
$('#gollum-dialog.dialog').css('display', 'none');
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 0 }, {
|
||||
duration: 0,
|
||||
complete: function() {
|
||||
$('#gollum-dialog-dialog').css('display', 'block');
|
||||
Dialog.position(); // position this thing
|
||||
$('#gollum-dialog-dialog').animate({ opacity: 1 }, {
|
||||
duration: 500
|
||||
});
|
||||
$($('#gollum-dialog-dialog input[type="text"]').get(0)).focus();
|
||||
}
|
||||
});
|
||||
}
|
||||
|
||||
$(window).bind('resize', Dialog.resize);
|
||||
@@ -299,11 +261,6 @@
|
||||
}
|
||||
};
|
||||
|
||||
if ($.facebox) {
|
||||
$(document).bind('reveal.facebox', function() {
|
||||
$('#facebox img.close_image').remove();
|
||||
});
|
||||
}
|
||||
|
||||
var debug = function(m) {
|
||||
if ( Dialog.debugOn
|
||||
|
||||
@@ -302,7 +302,7 @@ $(document).ready(function() {
|
||||
// In the pages view, pageFullPath isn't defined.
|
||||
// The new button will still expect a value however.
|
||||
// So we try to figure one out from window.location
|
||||
path = window.location.pathname.replace(routePath('pages'), '')
|
||||
path = window.location.pathname.replace(routePath('overview'), '')
|
||||
// For consistency remove the trailing /
|
||||
path = path.replace(/\/$/,'')
|
||||
}
|
||||
@@ -349,8 +349,8 @@ $(document).ready(function() {
|
||||
}
|
||||
});
|
||||
|
||||
if ($('.history a.action-compare-revision').length) {
|
||||
$('.history a.action-compare-revision').click(function() {
|
||||
if ($('.history button.action-compare-revision').length) {
|
||||
$('.history button.action-compare-revision').click(function() {
|
||||
$("#version-form").submit();
|
||||
});
|
||||
}
|
||||
@@ -377,6 +377,38 @@ $(document).ready(function() {
|
||||
});
|
||||
}
|
||||
|
||||
if( $('.tabnav-tabs').length ){
|
||||
$(".tabnav-tab").click( function() {
|
||||
if( ! $(this).hasClass('selected')) {
|
||||
tab_id = $(this).attr('id');
|
||||
if (tab_id == 'preview') {
|
||||
var formData = new FormData($('#gollum-editor-form').get(0));
|
||||
var paths = window.location.pathname.split('/');
|
||||
formData.append('page', paths[ paths.length - 1 ] || '')
|
||||
$.ajax({
|
||||
url: routePath('preview'),
|
||||
data: formData,
|
||||
type: 'POST',
|
||||
processData: false,
|
||||
contentType: false,
|
||||
success: function(data) {
|
||||
var mainDiv = $('#wiki-wrapper', data);
|
||||
$('.tabnav-div#preview-content').html(mainDiv);
|
||||
},
|
||||
error: function(data, textStatus, errorThrown) {
|
||||
console.log('something went wrong: ' + textStatus + errorThrown);
|
||||
}
|
||||
});
|
||||
}
|
||||
$('.tabnav-tab.selected').removeClass('selected');
|
||||
$(this).addClass('selected');
|
||||
active_div = '#' + tab_id + "-content";
|
||||
$('.tabnav-div').hide();
|
||||
$(active_div).show();
|
||||
};
|
||||
});
|
||||
};
|
||||
|
||||
if( $('#wiki-wrapper.edit').length ){
|
||||
$("#gollum-editor-submit").click( function() { window.onbeforeunload = null; } );
|
||||
$("#gollum-editor-body").one('change', function(){
|
||||
|
||||
@@ -46,10 +46,5 @@ $editor-button-img-width: 27px;
|
||||
$editor-button-img-height: 28px;
|
||||
|
||||
//urls
|
||||
$img_fileview_doc: url('../images/fileview/document.png');
|
||||
$img_fileview_trash: url('../images/fileview/trashcan.png');
|
||||
$img_fileview_toggle_small: url('../images/fileview/toggle-small.png');
|
||||
$img_fileview_toggle_small_expand: url('../images/fileview/toggle-small-expand.png');
|
||||
$img_fileview_folder: url('../images/fileview/folder-horizontal.png');
|
||||
$img_icon_sprite: url('../images/icon-sprite.png');
|
||||
$img_dirty_shade: url('../images/dirty-shade.png');
|
||||
@@ -27,9 +27,6 @@
|
||||
display: block;
|
||||
clear: both;
|
||||
|
||||
background: #fff;
|
||||
border: $border-standard;
|
||||
|
||||
font-size: 1em;
|
||||
font-family: $font-console;
|
||||
line-height: 1.4em;
|
||||
|
||||
@@ -1,5 +1,7 @@
|
||||
//= require gollum
|
||||
//= require primer
|
||||
//= require editor
|
||||
//= require dialog
|
||||
//= require criticmarkup
|
||||
//= require tables
|
||||
//= require emoji
|
||||
//= require template
|
||||
@@ -8,9 +8,9 @@
|
||||
position: absolute;
|
||||
top: 0;
|
||||
left: 0;
|
||||
z-index: 999999;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
z-index: 999999;
|
||||
|
||||
@include mediummobile-breakpoint {
|
||||
position: absolute;
|
||||
@@ -29,24 +29,6 @@
|
||||
display: block;
|
||||
}
|
||||
|
||||
button.minibutton {
|
||||
float: right;
|
||||
margin-right: 0.5em;
|
||||
width: auto;
|
||||
|
||||
font-size: 1.2em;
|
||||
font-family: $font-default;
|
||||
|
||||
margin: 0 0 0 0.8em;
|
||||
padding: 0.4em 1em;
|
||||
|
||||
@include button-base;
|
||||
}
|
||||
|
||||
button.minibutton:disabled {
|
||||
opacity: 0.65;
|
||||
cursor: not-allowed;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
@@ -54,6 +36,12 @@
|
||||
margin: 0px;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
padding: 1em;
|
||||
overflow: hidden;
|
||||
background-color: white;
|
||||
webkit-box-shadow: 8px 7px 21px 0px rgba(0,0,0,0.68);
|
||||
moz-box-shadow: 8px 7px 21px 0px rgba(0,0,0,0.68);
|
||||
box-shadow: 8px 7px 21px 0px rgba(0,0,0,0.68);
|
||||
|
||||
@include four-edge-position(0px);
|
||||
|
||||
@@ -72,9 +60,6 @@
|
||||
|
||||
@include four-edge-position(10px);
|
||||
|
||||
border: 7px solid #999;
|
||||
border: 7px solid rgba(0, 0, 0, 0.3);
|
||||
border-radius: 5px;
|
||||
}
|
||||
|
||||
@include desktop-breakpoint {
|
||||
@@ -98,7 +83,6 @@
|
||||
}
|
||||
|
||||
#gollum-dialog-dialog-bg {
|
||||
background-color: #fff;
|
||||
padding: 1em;
|
||||
|
||||
height: 100%;
|
||||
@@ -145,16 +129,6 @@
|
||||
}
|
||||
|
||||
input {
|
||||
&[type="text"] {
|
||||
border: $border-standard;
|
||||
display: block;
|
||||
font-family: $font-default;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.6em;
|
||||
margin: 0.3em 0 0 0;
|
||||
padding: 0.3em 0.5em;
|
||||
width: 94%;
|
||||
}
|
||||
|
||||
&.code {
|
||||
font-family: $font-console;
|
||||
@@ -175,8 +149,5 @@
|
||||
}
|
||||
|
||||
#gollum-dialog-dialog-buttons {
|
||||
border-top: $border-standard;
|
||||
overflow: hidden;
|
||||
margin: 1.5em 0 0 0;
|
||||
padding: 1em 0 0 0;
|
||||
}
|
||||
|
||||
@@ -22,54 +22,25 @@ a {
|
||||
}
|
||||
|
||||
#gollum-editor-body-ace {
|
||||
overflow: scroll;
|
||||
resize: vertical;
|
||||
border: 1px solid #ddd;
|
||||
overflow: hidden;
|
||||
font-family: Consolas, "Liberation Mono", Courier, monospace;
|
||||
font-size: 1em;
|
||||
height: 25em;
|
||||
}
|
||||
|
||||
#gollum-editor {
|
||||
margin: 0 0 5em;
|
||||
padding: 0em 1em 0.4em;
|
||||
|
||||
@include clearfix;
|
||||
|
||||
.ff &, .ie & {
|
||||
padding-bottom: 1em;
|
||||
}
|
||||
|
||||
@include desktop-breakpoint {
|
||||
border: $border-editor-component;
|
||||
background: $color-editor-component;
|
||||
margin: 1em 0 5em;
|
||||
|
||||
border-radius: 1em;
|
||||
}
|
||||
|
||||
form {
|
||||
fieldset {
|
||||
width: 100%;
|
||||
@include reset-box;
|
||||
}
|
||||
}
|
||||
|
||||
.singleline {
|
||||
display: block;
|
||||
margin: 0 0 0.7em 0;
|
||||
@include clearfix;
|
||||
|
||||
/* @include clearfix;
|
||||
*/
|
||||
input {
|
||||
background: #fff;
|
||||
border: $border-standard;
|
||||
color: #000;
|
||||
font-size: 1.1em;
|
||||
font-family: $font-default;
|
||||
line-height: 1.5em;
|
||||
margin: 1em 0 0.4em;
|
||||
padding: 0.5em;
|
||||
width: 98%;
|
||||
width: 100%;
|
||||
|
||||
&.ph {
|
||||
color: #999;
|
||||
@@ -85,6 +56,7 @@ a {
|
||||
.path_note {
|
||||
text-align: right;
|
||||
font-size: small;
|
||||
padding-top: 5px;
|
||||
padding-right: 5px;
|
||||
}
|
||||
|
||||
@@ -169,34 +141,6 @@ a {
|
||||
clear: none;
|
||||
text-align: right;
|
||||
}
|
||||
|
||||
select {
|
||||
background-color: $color-editor-component;
|
||||
border: $border-standard;
|
||||
color: #333;
|
||||
|
||||
font-size: 1em;
|
||||
font-family: $font-default;
|
||||
font-weight: bold;
|
||||
line-height: 1.6em;
|
||||
padding: 0.3em 0.4em;
|
||||
display: inline-block;
|
||||
|
||||
border-radius: 0.5em;
|
||||
}
|
||||
|
||||
label {
|
||||
color: #999;
|
||||
font-size: 1em;
|
||||
font-weight: bold;
|
||||
line-height: 1.6em;
|
||||
padding: .3em 0.5em 0 0;
|
||||
display: inline-block;
|
||||
|
||||
&:after {
|
||||
content: ':';
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
@@ -205,28 +149,8 @@ a {
|
||||
/* @section form-fields */
|
||||
|
||||
textarea {
|
||||
@include component-textarea;
|
||||
height: 25em;
|
||||
}
|
||||
|
||||
input#gollum-editor-submit {
|
||||
float: left;
|
||||
font-size: 1em;
|
||||
font-family: $font-default;
|
||||
|
||||
margin: 0;
|
||||
padding: 0.4em 1em;
|
||||
|
||||
@include button-base;
|
||||
@include alt-box-model;
|
||||
|
||||
.webkit & {
|
||||
padding: 0.5em 1em 0.45em;
|
||||
}
|
||||
|
||||
.ie & {
|
||||
padding: 0.4em 1em 0.5em;
|
||||
}
|
||||
height: 30em;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.collapsed, .expanded {
|
||||
@@ -235,30 +159,15 @@ a {
|
||||
overflow: hidden;
|
||||
padding: 0.5em 0 0;
|
||||
|
||||
a {
|
||||
&.button {
|
||||
float: left;
|
||||
|
||||
overflow: hidden;
|
||||
margin: 0.2em 0.5em 0.75em 0;
|
||||
|
||||
@include editor-button-size;
|
||||
@include button-base;
|
||||
}
|
||||
|
||||
span {
|
||||
display: block;
|
||||
|
||||
@include button-sprites;
|
||||
@include editor-button-size;
|
||||
@include text-conceal-simple;
|
||||
}
|
||||
button {
|
||||
margin-bottom: 6px;
|
||||
}
|
||||
|
||||
|
||||
h4 {
|
||||
font-size: 1.6em;
|
||||
float: left;
|
||||
margin: 0;
|
||||
display: inline-block;
|
||||
|
||||
padding: 0.25em 0 0 0.3em;
|
||||
|
||||
@@ -304,28 +213,6 @@ a {
|
||||
|
||||
}
|
||||
|
||||
/* @control minibutton */
|
||||
|
||||
a.minibutton {
|
||||
font-size: 1em;
|
||||
font-family: $font-default;
|
||||
line-height: 1.2em;
|
||||
margin: 0 0 0 0.8em;
|
||||
padding: 0.5em 1em;
|
||||
|
||||
@include button-base;
|
||||
}
|
||||
|
||||
/* @control preview */
|
||||
|
||||
#gollum-editor-preview, #gollum-editor-cancel {
|
||||
float: left;
|
||||
font-weight: normal;
|
||||
padding: left;
|
||||
|
||||
@include alt-box-model;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
/* @control title */
|
||||
|
||||
@@ -0,0 +1,5 @@
|
||||
.emoji {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: -18%;
|
||||
}
|
||||
@@ -1,84 +0,0 @@
|
||||
@import "_base";
|
||||
|
||||
#pages {
|
||||
li {
|
||||
position: relative;
|
||||
margin-left: -15px;
|
||||
list-style: none;
|
||||
&.file {
|
||||
white-space: nowrap;
|
||||
margin-left: -1px !important;
|
||||
height: 1.5em;
|
||||
a {
|
||||
text-decoration: none;
|
||||
display: inline-block;
|
||||
span.icon {
|
||||
width: 14px;
|
||||
height: 18px;
|
||||
background: $img_fileview_doc 0 0 no-repeat;
|
||||
display: inline-block;
|
||||
margin-right: 7px;
|
||||
vertical-align: text-top;
|
||||
}
|
||||
}
|
||||
form {
|
||||
vertical-align: middle;
|
||||
display: inline;
|
||||
button {
|
||||
vertical-align: middle;
|
||||
height: 20px;
|
||||
border: 0 solid $black;
|
||||
background: $img_fileview_trash no-repeat 16px center;
|
||||
cursor: pointer;
|
||||
}
|
||||
}
|
||||
a span.icon {
|
||||
background: $img_fileview_doc 0 0 no-repeat;
|
||||
}
|
||||
}
|
||||
input {
|
||||
position: absolute;
|
||||
left: 0;
|
||||
margin-left: 0;
|
||||
opacity: 0;
|
||||
z-index: 2;
|
||||
cursor: pointer;
|
||||
height: 1em;
|
||||
width: 1em;
|
||||
top: 0;
|
||||
+ ol {
|
||||
background: $img_fileview_toggle_small_expand 40px 0 no-repeat;
|
||||
margin: -1.188em 0 0 -44px;
|
||||
height: 1.5em;
|
||||
> li {
|
||||
display: none;
|
||||
margin-left: -14px !important;
|
||||
padding-left: 1px;
|
||||
}
|
||||
}
|
||||
&:checked + ol {
|
||||
background: $img_fileview_toggle_small 40px 5px no-repeat;
|
||||
margin: -1.5em 0 0 -44px;
|
||||
padding: 1.563em 0 0 80px;
|
||||
height: auto;
|
||||
> li {
|
||||
display: block;
|
||||
margin: 0 0 0.125em;
|
||||
&:last-child {
|
||||
margin: 0 0 0.063em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
label {
|
||||
background: $img_fileview_folder 15px 1px no-repeat;
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding-left: 37px;
|
||||
}
|
||||
}
|
||||
ol.tree {
|
||||
padding: 0 0 0 30px;
|
||||
width: 300px;
|
||||
}
|
||||
}
|
||||
@@ -1,732 +0,0 @@
|
||||
// Basic stylesheet for Gollum
|
||||
|
||||
@import "_base", "_breakpoint", "_features", "_layout", "_component";
|
||||
|
||||
/* @section core */
|
||||
body, html {
|
||||
font-family: $font-default;
|
||||
font-size: 10px;
|
||||
@include reset-box;
|
||||
}
|
||||
|
||||
a {
|
||||
&:link {
|
||||
color: $blue;
|
||||
text-decoration: none;
|
||||
}
|
||||
&:hover, &:visited {
|
||||
color: $blue;
|
||||
text-decoration: underline;
|
||||
}
|
||||
}
|
||||
|
||||
#wiki-wrapper {
|
||||
#template blockquote {
|
||||
margin: 1em 0;
|
||||
border-left: 4px solid $grey;
|
||||
padding-left: .8em;
|
||||
color: #555;
|
||||
}
|
||||
}
|
||||
|
||||
/* @section head */
|
||||
#head {
|
||||
margin: 1em 0 0;
|
||||
padding: 0;
|
||||
overflow: hidden;
|
||||
width: 100%;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
border-bottom: $border-standard;
|
||||
padding-bottom: 0.3em;
|
||||
margin: 4em 0 1.5em;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 1.5em;
|
||||
float: left;
|
||||
line-height: normal;
|
||||
margin: 0;
|
||||
margin-top: 3em;
|
||||
padding: 0 0 0 0.667em;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
font-size: 2.5em;
|
||||
padding: 2px 0 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
div.breadcrumb {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
position: absolute;
|
||||
margin-top: 3.5em;
|
||||
float: none;
|
||||
overflow: auto;
|
||||
font-size: 1.5em;
|
||||
}
|
||||
|
||||
ul.actions {
|
||||
clear: both;
|
||||
margin: 0 1em;
|
||||
position: absolute;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
clear: none;
|
||||
float: right;
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @section body */
|
||||
#wiki-body {
|
||||
margin-bottom: 40px;
|
||||
|
||||
table {
|
||||
display: block;
|
||||
overflow: auto;
|
||||
border: 0;
|
||||
}
|
||||
|
||||
/* @section comments */
|
||||
#inline-comment {
|
||||
display: none; /* todo */
|
||||
}
|
||||
}
|
||||
|
||||
/* @section toc */
|
||||
#wiki-toc-main {
|
||||
@include component-base;
|
||||
|
||||
font-size: 13px;
|
||||
padding: 0px 5px;
|
||||
float: left;
|
||||
margin-bottom: 20px;
|
||||
min-width: 33%;
|
||||
|
||||
> div {
|
||||
border: none;
|
||||
}
|
||||
}
|
||||
|
||||
/* @section sidebar */
|
||||
|
||||
#wiki-sidebar {
|
||||
@include component-base;
|
||||
|
||||
font-size: 13px;
|
||||
padding: 7px;
|
||||
color: #555;
|
||||
|
||||
p {
|
||||
margin: 13px 0 0;
|
||||
|
||||
&.parent {
|
||||
border-bottom: 1px solid #bbb;
|
||||
font-weight: bold;
|
||||
margin: 0 0 0.5em 0;
|
||||
padding: 0 0 0.5em 0;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
|
||||
&:before {
|
||||
color: #666;
|
||||
content: "← ";
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
> p:first-child {
|
||||
margin-top: 10px;
|
||||
}
|
||||
}
|
||||
|
||||
/* @section footer */
|
||||
|
||||
#wiki-footer {
|
||||
margin: 2em 0 5em;
|
||||
|
||||
#header-content, #footer-content {
|
||||
@include component-base;
|
||||
|
||||
padding: 1em;
|
||||
}
|
||||
#header-content {
|
||||
margin-bottom: 1.5em;
|
||||
}
|
||||
#footer-content {
|
||||
margin-top: 1.5em;
|
||||
|
||||
h3 {
|
||||
font-size: 1.2em;
|
||||
color: #333;
|
||||
margin: 0;
|
||||
padding: 0 0 0.2em;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
|
||||
p {
|
||||
margin: 0.5em 0 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
ul.links {
|
||||
margin: 0.5em 0 0;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
color: #999;
|
||||
float: left;
|
||||
list-style-position: inside;
|
||||
list-style-type: square;
|
||||
padding: 0;
|
||||
margin-left: 0.75em;
|
||||
|
||||
&:first-child {
|
||||
list-style-type: none;
|
||||
margin: 0;
|
||||
|
||||
.ff & {
|
||||
margin: 0 -0.75em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
a {
|
||||
font-weight: bold;
|
||||
text-shadow: 0 1px 0 #fff;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @section page-footer */
|
||||
.page #footer {
|
||||
clear: both;
|
||||
border-top: $border-standard;
|
||||
margin: 1em 0 7em;
|
||||
}
|
||||
|
||||
#footer {
|
||||
p#last-edit {
|
||||
font-size: .9em;
|
||||
line-height: 1.6em;
|
||||
color: #999;
|
||||
margin: 0.9em 0;
|
||||
|
||||
span.username {
|
||||
font-weight: bold;
|
||||
}
|
||||
}
|
||||
|
||||
.actions {
|
||||
margin-left: 1em;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
margin: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @section history */
|
||||
.history {
|
||||
@include section-header;
|
||||
}
|
||||
|
||||
#wiki-history {
|
||||
margin: 2em 1em 0 1em;
|
||||
|
||||
fieldset {
|
||||
border: 0;
|
||||
margin: 1em 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
table, tbody {
|
||||
border-collapse: collapse;
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
width: 100%;
|
||||
|
||||
tr {
|
||||
padding: 0;
|
||||
margin: 0;
|
||||
background-color: #ebf2f6;
|
||||
|
||||
&:nth-child(2n), &.alt-row {
|
||||
background-color: #f3f7fa;
|
||||
}
|
||||
|
||||
&.selected {
|
||||
background-color: #ffffea !important;
|
||||
z-index: 100;
|
||||
}
|
||||
|
||||
td {
|
||||
border-top: 1px solid #c0dce9;
|
||||
border-bottom: 1px solid #c0dce9;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
margin: 0;
|
||||
padding: 0.3em 0.7em;
|
||||
|
||||
&.checkbox {
|
||||
width: auto;
|
||||
padding: 0 0.2em 0 0;
|
||||
|
||||
input {
|
||||
cursor: pointer;
|
||||
display: block;
|
||||
padding-right: 0;
|
||||
padding-top: 0.4em;
|
||||
margin: 0 auto;
|
||||
width: 1.2em;
|
||||
height: 1.2em;
|
||||
}
|
||||
}
|
||||
|
||||
&.commit-name {
|
||||
border-left: 0;
|
||||
|
||||
span.time-elapsed {
|
||||
color: #999;
|
||||
}
|
||||
|
||||
a {
|
||||
font-size: 0.9em;
|
||||
font-family: $font-console;
|
||||
padding: 0 0.2em;
|
||||
}
|
||||
}
|
||||
|
||||
&.author {
|
||||
width: 20%;
|
||||
|
||||
a {
|
||||
color: #000;
|
||||
font-weight: bold;
|
||||
|
||||
span.username {
|
||||
display: block;
|
||||
padding-top: 3px;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
img {
|
||||
background-color: #fff;
|
||||
border: 1px solid #999;
|
||||
display: block;
|
||||
float: left;
|
||||
height: 18px;
|
||||
overflow: hidden;
|
||||
margin: 0 0.5em 0 0;
|
||||
width: 18px;
|
||||
padding: 2px;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.history #footer {
|
||||
margin-bottom: 7em;
|
||||
}
|
||||
|
||||
.history #wiki-history ul.actions li,
|
||||
.history #footer ul.actions li {
|
||||
margin: 0 0.6em 0 0;
|
||||
}
|
||||
|
||||
@include desktop-breakpoint {
|
||||
#wiki-history {
|
||||
margin: 2em 0 0 0;
|
||||
|
||||
table tr td {
|
||||
border: 1px solid #c0dce9;
|
||||
font-size: 1em;
|
||||
line-height: 1.6em;
|
||||
margin: 0;
|
||||
padding: 0.3em 0.7em;
|
||||
|
||||
&.checkbox {
|
||||
width: 4em;
|
||||
padding: 0.3em;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @section edit */
|
||||
.edit {
|
||||
@include section-header;
|
||||
}
|
||||
|
||||
/* @section search */
|
||||
|
||||
.results {
|
||||
@include section-header;
|
||||
|
||||
#results {
|
||||
border-bottom: 1px solid #ccc;
|
||||
margin-left: 1em;
|
||||
margin-right: 1em;
|
||||
margin-bottom: 2em;
|
||||
padding-bottom: 2em;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
margin-left: 0;
|
||||
margin-right: 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
margin: 2em 0 0 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
list-style: none;
|
||||
padding: 0.2em 0;
|
||||
|
||||
@include largemobile-breakpoint {
|
||||
font-size: 1.2em;
|
||||
}
|
||||
|
||||
@include desktop-breakpoint {
|
||||
list-style: disc;
|
||||
list-style-position: outside;
|
||||
line-height: 1.6em;
|
||||
}
|
||||
|
||||
a {
|
||||
word-wrap: break-word;
|
||||
}
|
||||
|
||||
span.count {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
p#no-results {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.6em;
|
||||
margin-top: 2em;
|
||||
}
|
||||
|
||||
#footer ul.actions li {
|
||||
margin: 0 1em 0 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* @section compare */
|
||||
.compare {
|
||||
@include section-header;
|
||||
|
||||
#compare-content {
|
||||
margin-top: 3em;
|
||||
}
|
||||
|
||||
.data {
|
||||
border: $border-standard;
|
||||
margin: 1em 0 2em;
|
||||
overflow: auto;
|
||||
|
||||
table {
|
||||
width: 100%;
|
||||
|
||||
tr td {
|
||||
font-family: $font-console;
|
||||
font-size: 1.2em;
|
||||
line-height: 1.2em;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
& + td + td {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.line_numbers {
|
||||
background: $light-grey;
|
||||
border-right: 1px solid #999;
|
||||
color: #999;
|
||||
padding: 0 0 0 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
pre {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
div {
|
||||
padding: 0 0 0 1em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin-bottom: 7em;
|
||||
}
|
||||
}
|
||||
|
||||
.compare #compare-content ul.actions li,
|
||||
.compare #footer ul.actions li {
|
||||
margin-left: 0;
|
||||
margin-right: 0.6em;
|
||||
}
|
||||
|
||||
/* @control syntax */
|
||||
.highlight {
|
||||
background: #ffffff;
|
||||
.c, .cm, .c1 { color: #999988; font-style: italic }
|
||||
.err { color: #a61717; background-color: #e3d2d2 }
|
||||
.k, .o { font-weight: bold }
|
||||
.cp { color: #999999; font-weight: bold }
|
||||
.cs { color: #999999; font-weight: bold; font-style: italic }
|
||||
.gd {
|
||||
color: #000000;
|
||||
background-color: #ffdddd;
|
||||
.x {
|
||||
color: #000000;
|
||||
background-color: #ffaaaa;
|
||||
}
|
||||
}
|
||||
.ge { font-style: italic }
|
||||
.gr { color: #aa0000 }
|
||||
.gh { color: #999999 }
|
||||
.gi {
|
||||
color: #000000;
|
||||
background-color: #ddffdd;
|
||||
.x {
|
||||
color: #000000;
|
||||
background-color: #aaffaa;
|
||||
}
|
||||
}
|
||||
.gc { color: #999; background-color: #EAF2F5 }
|
||||
.go { color: #888888 }
|
||||
.gp { color: #555 }
|
||||
.gs { font-weight: bold }
|
||||
.gu { color: #aaaaaa }
|
||||
.gt { color: #aa0000 }
|
||||
}
|
||||
|
||||
/* @control minibutton */
|
||||
ul.actions {
|
||||
display: block;
|
||||
list-style-type: none;
|
||||
overflow: hidden;
|
||||
padding: 0;
|
||||
width: $layout-body-width;
|
||||
|
||||
li {
|
||||
font-size: 0.9em;
|
||||
margin-left: 1px;
|
||||
margin-bottom: 1px;
|
||||
float: left;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
margin-left: 0.6em;
|
||||
margin-bottom: 0.6em;
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
.minibutton a {
|
||||
@include button-base;
|
||||
|
||||
margin: 0;
|
||||
padding: 0.6em 1em;
|
||||
height: 1.4em;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
padding: 0.4em 1em;
|
||||
}
|
||||
}
|
||||
|
||||
#search-submit {
|
||||
@include button-base;
|
||||
|
||||
margin: 0;
|
||||
padding: 0.4em 1em;
|
||||
}
|
||||
|
||||
/* @special error */
|
||||
#wiki-wrapper.error {
|
||||
height: 1px;
|
||||
position: absolute;
|
||||
overflow: visible;
|
||||
top: 50%;
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
#error {
|
||||
background-color: $color-editor-component;
|
||||
border: $border-editor-component;
|
||||
left: 50%;
|
||||
overflow: hidden;
|
||||
padding: 2%;
|
||||
margin: -10% 0 0 -35%;
|
||||
position: absolute;
|
||||
width: 70%;
|
||||
|
||||
border-radius: 0.5em;
|
||||
|
||||
h1 {
|
||||
font-size: 3em;
|
||||
line-height: normal;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
p {
|
||||
font-size: 1.2em;
|
||||
line-height: 1.6em;
|
||||
margin: 1em 0 0.5em;
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
|
||||
/* @control searchbar */
|
||||
#searchbar {
|
||||
float: none;
|
||||
overflow: hidden;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#searchbar-fauxtext {
|
||||
background: #fff;
|
||||
border: none;
|
||||
overflow: hidden;
|
||||
height: $editor-button-size;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
height: $editor-button-img-height;
|
||||
}
|
||||
|
||||
input#search-query {
|
||||
border: 1px solid $color-button-border;
|
||||
border-radius: 3px 0 0 3px;
|
||||
|
||||
color: #000;
|
||||
float: left;
|
||||
font-family: $font-default;
|
||||
font-size: 1em;
|
||||
height: inherit;
|
||||
padding: 0 .5em;
|
||||
|
||||
-webkit-focus-ring: none;
|
||||
|
||||
@include alt-box-model;
|
||||
|
||||
.ie8 & {
|
||||
padding: 0.5em 0 0 0.5em;
|
||||
}
|
||||
|
||||
&.ph {
|
||||
color: #999;
|
||||
}
|
||||
}
|
||||
|
||||
#search-submit {
|
||||
@include button-base;
|
||||
|
||||
border-left: none;
|
||||
border-radius: 0 3px 3px 0;
|
||||
|
||||
margin: 0 !important;
|
||||
padding: 0;
|
||||
float: right;
|
||||
height: inherit;
|
||||
|
||||
@include alt-box-model;
|
||||
|
||||
@include editor-button(16);
|
||||
|
||||
span {
|
||||
@include button-sprites;
|
||||
|
||||
display: block;
|
||||
height: inherit;
|
||||
|
||||
width: 32px;
|
||||
text-align: center;
|
||||
|
||||
@include text-conceal-simple;
|
||||
|
||||
.ff &, .ie & {
|
||||
height: 2.2em;
|
||||
}
|
||||
|
||||
@include desktop-breakpoint {
|
||||
width: 28px;
|
||||
}
|
||||
}
|
||||
|
||||
&:hover span {
|
||||
padding: 0;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
/* @section pages */
|
||||
|
||||
#pages {
|
||||
font-size: 1.2em;
|
||||
margin: 0 1em 20px 1em;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
margin: 0 0 20px 0;
|
||||
}
|
||||
|
||||
ul {
|
||||
list-style: none;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
|
||||
li {
|
||||
a {
|
||||
&.file, &.page, &.folder {
|
||||
background-position: 0 1px;
|
||||
background-repeat: no-repeat;
|
||||
padding-left: 20px;
|
||||
}
|
||||
|
||||
&.file {
|
||||
background-image: $img_fileview_doc;
|
||||
}
|
||||
|
||||
&.page {
|
||||
background-image: $img_fileview_doc;
|
||||
}
|
||||
|
||||
&.folder {
|
||||
background-image: $img_fileview_folder;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
.breadcrumb {
|
||||
border-top: $border-standard;
|
||||
border-bottom: $border-standard;
|
||||
margin: 1em 0;
|
||||
padding: 0.25em;
|
||||
}
|
||||
}
|
||||
|
||||
.clearfloats {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.emoji {
|
||||
width: 20px;
|
||||
height: 20px;
|
||||
vertical-align: -18%;
|
||||
}
|
||||
@@ -1,146 +0,0 @@
|
||||
// IE7/8-specific styles
|
||||
|
||||
@import "_base", "_features", "_breakpoint", "_component";
|
||||
|
||||
/* @section layout */
|
||||
#wiki-wrapper {
|
||||
@include desktop-page-layout;
|
||||
}
|
||||
|
||||
#wiki-content {
|
||||
height: 1%;
|
||||
overflow: visible;
|
||||
|
||||
.wrap {
|
||||
height: 1%;
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
#wiki-body {
|
||||
display: block;
|
||||
width: 100%;
|
||||
margin-right: 3%;
|
||||
|
||||
float: left;
|
||||
clear: left;
|
||||
}
|
||||
|
||||
#wiki-sidebar {
|
||||
width: $layout-sidebar;
|
||||
}
|
||||
|
||||
#wiki-footer {
|
||||
clear: both;
|
||||
}
|
||||
|
||||
.has-sidebar {
|
||||
#wiki-body {
|
||||
width: $layout-with-sidebar - $layout-with-sidebar-leeway;
|
||||
}
|
||||
#wiki-footer {
|
||||
width: $layout-with-sidebar;
|
||||
}
|
||||
}
|
||||
|
||||
.has-leftbar {
|
||||
#wiki-body {
|
||||
float: right;
|
||||
clear: right;
|
||||
}
|
||||
#wiki-sidebar {
|
||||
float: left;
|
||||
}
|
||||
}
|
||||
|
||||
.has-rightbar {
|
||||
#wiki-sidebar {
|
||||
float: right;
|
||||
}
|
||||
}
|
||||
|
||||
/* @section head */
|
||||
|
||||
#head {
|
||||
#searchbar {
|
||||
#searchbar-fauxtext {
|
||||
input#search-query {
|
||||
float: left;
|
||||
}
|
||||
|
||||
#search-submit span {
|
||||
height: 2.25em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
ul.actions {
|
||||
margin: 1em 0 0 1em;
|
||||
}
|
||||
}
|
||||
|
||||
/*
|
||||
ul.actions {
|
||||
margin-left: 0;
|
||||
}
|
||||
*/
|
||||
|
||||
.compare {
|
||||
#footer ul.actions {
|
||||
margin-top: 1em;
|
||||
}
|
||||
|
||||
div.data {
|
||||
overflow: auto;
|
||||
}
|
||||
}
|
||||
|
||||
.history {
|
||||
#version-form {
|
||||
margin: -0.5em 0 -0.5em !important;
|
||||
}
|
||||
}
|
||||
|
||||
#gollum-editor {
|
||||
padding-bottom: 0;
|
||||
|
||||
#gollum-editor-format-selector {
|
||||
margin-top: 6px;
|
||||
|
||||
label {
|
||||
padding-top: 0.1em !important;
|
||||
}
|
||||
}
|
||||
|
||||
.singleline input {
|
||||
padding-top: 0.25em;
|
||||
}
|
||||
|
||||
.collapsed {
|
||||
padding-bottom: 1.1em;
|
||||
}
|
||||
|
||||
#gollum-editor-submit {
|
||||
padding: 0.55em 1em 0.55em;
|
||||
height: 2.4em;
|
||||
}
|
||||
|
||||
#gollum-editor-preview {
|
||||
line-height: 1.3em;
|
||||
}
|
||||
|
||||
form {
|
||||
margin: 0;
|
||||
}
|
||||
|
||||
textarea {
|
||||
width: 98%;
|
||||
}
|
||||
}
|
||||
|
||||
#gollum-editor-help-parent,
|
||||
#gollum-editor-help-list {
|
||||
li a {
|
||||
height: auto;
|
||||
}
|
||||
}
|
||||
File diff suppressed because one or more lines are too long
@@ -0,0 +1,40 @@
|
||||
@import "_base", "_breakpoint";
|
||||
|
||||
/* @section history */
|
||||
|
||||
|
||||
.history #footer {
|
||||
margin-bottom: 7em;
|
||||
}
|
||||
|
||||
|
||||
|
||||
/* @section compare */
|
||||
.compare {
|
||||
|
||||
|
||||
.data {
|
||||
|
||||
table {
|
||||
|
||||
tr td {
|
||||
font-family: $font-console;
|
||||
line-height: 1.5em;
|
||||
|
||||
& + td + td {
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
&.line_numbers {
|
||||
border-right: 1px solid #999;
|
||||
color: #999;
|
||||
padding: 0 0 0 0.5em;
|
||||
}
|
||||
}
|
||||
}
|
||||
|
||||
}
|
||||
|
||||
|
||||
}
|
||||
|
||||
@@ -134,17 +134,17 @@ a {
|
||||
h6:before {counter-increment: h6; content: counter(h1, var(--header-enum-style)) "." counter(h2, var(--header-enum-style)) "." counter(h3, var(--header-enum-style)) "." counter(h4, var(--header-enum-style)) "." counter(h5, var(--header-enum-style)) "." counter(h6, var(--header-enum-style)) ". ";}
|
||||
}
|
||||
|
||||
#footer {
|
||||
margin-bottom: 7em;
|
||||
}
|
||||
|
||||
.markdown-body {
|
||||
padding: 1em;
|
||||
padding: 1em 1em 1em 0;
|
||||
font-size: 15px;
|
||||
line-height: 1.7;
|
||||
overflow: hidden;
|
||||
word-wrap: break-word;
|
||||
|
||||
@include desktop-breakpoint {
|
||||
padding: 30px;
|
||||
}
|
||||
|
||||
|
||||
a {
|
||||
&.absent {
|
||||
color: $red;
|
||||
@@ -490,7 +490,7 @@ a {
|
||||
/* Table of contents */
|
||||
|
||||
.toc {
|
||||
background-color: #F7F7F7;
|
||||
background-color: white;
|
||||
border: $border-standard;
|
||||
padding: 5px 10px;
|
||||
margin: 0;
|
||||
@@ -515,7 +515,7 @@ a {
|
||||
|
||||
> ul {
|
||||
margin-left: 10px;
|
||||
font-size: 17px;
|
||||
font-size: 15px;
|
||||
}
|
||||
}
|
||||
|
||||
|
||||
Reference in New Issue
Block a user