Use new based theme on bootstrap
This commit is contained in:
ssamson-tis
Binary file not shown.
|
After Width: | Height: | Size: 4.6 KiB |
Binary file not shown.
|
After Width: | Height: | Size: 7.7 KiB |
@@ -0,0 +1,51 @@
|
||||
// NOTICE!! DO NOT USE ANY OF THIS JAVASCRIPT
|
||||
// IT'S JUST JUNK FOR OUR DOCS!
|
||||
// ++++++++++++++++++++++++++++++++++++++++++
|
||||
/*!
|
||||
* Copyright 2014-2015 Twitter, Inc.
|
||||
*
|
||||
* Licensed under the Creative Commons Attribution 3.0 Unported License. For
|
||||
* details, see https://creativecommons.org/licenses/by/3.0/.
|
||||
*/
|
||||
// Intended to prevent false-positive bug reports about Bootstrap not working properly in old versions of IE due to folks testing using IE's unreliable emulation modes.
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
function emulatedIEMajorVersion() {
|
||||
var groups = /MSIE ([0-9.]+)/.exec(window.navigator.userAgent)
|
||||
if (groups === null) {
|
||||
return null
|
||||
}
|
||||
var ieVersionNum = parseInt(groups[1], 10)
|
||||
var ieMajorVersion = Math.floor(ieVersionNum)
|
||||
return ieMajorVersion
|
||||
}
|
||||
|
||||
function actualNonEmulatedIEMajorVersion() {
|
||||
// Detects the actual version of IE in use, even if it's in an older-IE emulation mode.
|
||||
// IE JavaScript conditional compilation docs: https://msdn.microsoft.com/library/121hztk3%28v=vs.94%29.aspx
|
||||
// @cc_on docs: https://msdn.microsoft.com/library/8ka90k2e%28v=vs.94%29.aspx
|
||||
var jscriptVersion = new Function('/*@cc_on return @_jscript_version; @*/')() // jshint ignore:line
|
||||
if (jscriptVersion === undefined) {
|
||||
return 11 // IE11+ not in emulation mode
|
||||
}
|
||||
if (jscriptVersion < 9) {
|
||||
return 8 // IE8 (or lower; haven't tested on IE<8)
|
||||
}
|
||||
return jscriptVersion // IE9 or IE10 in any mode, or IE11 in non-IE11 mode
|
||||
}
|
||||
|
||||
var ua = window.navigator.userAgent
|
||||
if (ua.indexOf('Opera') > -1 || ua.indexOf('Presto') > -1) {
|
||||
return // Opera, which might pretend to be IE
|
||||
}
|
||||
var emulated = emulatedIEMajorVersion()
|
||||
if (emulated === null) {
|
||||
return // Not IE
|
||||
}
|
||||
var nonEmulated = actualNonEmulatedIEMajorVersion()
|
||||
|
||||
if (emulated !== nonEmulated) {
|
||||
window.alert('WARNING: You appear to be using IE' + nonEmulated + ' in IE' + emulated + ' emulation mode.\nIE emulation modes can behave significantly differently from ACTUAL older versions of IE.\nPLEASE DON\'T FILE BOOTSTRAP BUGS based on testing in IE emulation modes!')
|
||||
}
|
||||
})();
|
||||
@@ -0,0 +1,23 @@
|
||||
/*!
|
||||
* IE10 viewport hack for Surface/desktop Windows 8 bug
|
||||
* Copyright 2014-2015 Twitter, Inc.
|
||||
* Licensed under MIT (https://github.com/twbs/bootstrap/blob/master/LICENSE)
|
||||
*/
|
||||
|
||||
// See the Getting Started docs for more information:
|
||||
// http://getbootstrap.com/getting-started/#support-ie10-width
|
||||
|
||||
(function () {
|
||||
'use strict';
|
||||
|
||||
if (navigator.userAgent.match(/IEMobile\/10\.0/)) {
|
||||
var msViewportStyle = document.createElement('style')
|
||||
msViewportStyle.appendChild(
|
||||
document.createTextNode(
|
||||
'@-ms-viewport{width:auto!important}'
|
||||
)
|
||||
)
|
||||
document.querySelector('head').appendChild(msViewportStyle)
|
||||
}
|
||||
|
||||
})();
|
||||
+2
-1
File diff suppressed because one or more lines are too long
@@ -0,0 +1,5 @@
|
||||
$(document).ready(function () {
|
||||
$('[data-toggle="offcanvas"]').click(function () {
|
||||
$('.row-offcanvas').toggleClass('active')
|
||||
});
|
||||
});
|
||||
@@ -0,0 +1,59 @@
|
||||
/*
|
||||
* Style tweaks
|
||||
* --------------------------------------------------
|
||||
*/
|
||||
html,
|
||||
body {
|
||||
overflow-x: hidden; /* Prevent scroll on narrow devices */
|
||||
}
|
||||
body {
|
||||
padding-top: 70px;
|
||||
}
|
||||
footer {
|
||||
padding: 30px 0;
|
||||
}
|
||||
|
||||
/*
|
||||
* Off Canvas
|
||||
* --------------------------------------------------
|
||||
*/
|
||||
@media screen and (max-width: 767px) {
|
||||
.row-offcanvas {
|
||||
position: relative;
|
||||
-webkit-transition: all .25s ease-out;
|
||||
-o-transition: all .25s ease-out;
|
||||
transition: all .25s ease-out;
|
||||
}
|
||||
|
||||
.row-offcanvas-right {
|
||||
right: 0;
|
||||
}
|
||||
|
||||
.row-offcanvas-left {
|
||||
left: 0;
|
||||
}
|
||||
|
||||
.row-offcanvas-right
|
||||
.sidebar-offcanvas {
|
||||
right: -50%; /* 6 columns */
|
||||
}
|
||||
|
||||
.row-offcanvas-left
|
||||
.sidebar-offcanvas {
|
||||
left: -50%; /* 6 columns */
|
||||
}
|
||||
|
||||
.row-offcanvas-right.active {
|
||||
right: 50%; /* 6 columns */
|
||||
}
|
||||
|
||||
.row-offcanvas-left.active {
|
||||
left: 50%; /* 6 columns */
|
||||
}
|
||||
|
||||
.sidebar-offcanvas {
|
||||
position: absolute;
|
||||
top: 0;
|
||||
width: 50%; /* 6 columns */
|
||||
}
|
||||
}
|
||||
@@ -1,449 +0,0 @@
|
||||
|
||||
/*
|
||||
Design by Free CSS Templates
|
||||
http://www.freecsstemplates.org
|
||||
Released for free under a Creative Commons Attribution 2.5 License
|
||||
*/
|
||||
|
||||
body {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
background: #FFFFFF url(/static/images/img01.jpg) repeat-x left top;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 12px;
|
||||
color: #787878;
|
||||
}
|
||||
|
||||
h1, h2, h3 {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-weight: normal;
|
||||
color: #32639A;
|
||||
}
|
||||
|
||||
h1 {
|
||||
font-size: 2em;
|
||||
}
|
||||
|
||||
h2 {
|
||||
font-size: 2.4em;
|
||||
}
|
||||
|
||||
h3 {
|
||||
font-size: 1.6em;
|
||||
}
|
||||
|
||||
p, ul, ol {
|
||||
margin-top: 0;
|
||||
line-height: 180%;
|
||||
}
|
||||
|
||||
ul, ol {
|
||||
}
|
||||
.error {
|
||||
color: red;
|
||||
font-size: 1.4em;
|
||||
}
|
||||
.info {
|
||||
color: orange;
|
||||
font-size: 1.3em;
|
||||
margin-top: 5px;
|
||||
}
|
||||
.center-img{
|
||||
vertical-align: middle;
|
||||
}
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: #4486C7;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
}
|
||||
|
||||
#wrapper {
|
||||
width: 960px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
/* Header */
|
||||
|
||||
#header {
|
||||
width: 940px;
|
||||
height: 148px;
|
||||
margin: 0 auto;
|
||||
background: url(/static/images/logo-tis.png) no-repeat left 20px;
|
||||
}
|
||||
|
||||
/* Logo */
|
||||
|
||||
#logo {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding-top: 30px;
|
||||
color: #000000;
|
||||
}
|
||||
|
||||
#logo h1, #logo p {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#logo h1 {
|
||||
float: left;
|
||||
padding-left: 80px;
|
||||
letter-spacing: -1px;
|
||||
font-size: 3.8em;
|
||||
}
|
||||
|
||||
#logo p {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 26px 0 0 10px;
|
||||
font: normal 14px Georgia, "Times New Roman", Times, serif;
|
||||
font-style: italic;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
#logo a {
|
||||
border: none;
|
||||
background: none;
|
||||
text-decoration: none;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
/* Menu */
|
||||
|
||||
#menu {
|
||||
float: left;
|
||||
width: 100%;
|
||||
height: 49px;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#menu ul {
|
||||
float: left;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
left:50%;
|
||||
line-height: normal;
|
||||
position: relative;
|
||||
}
|
||||
#menu ul li{
|
||||
float: left;
|
||||
position:relative;
|
||||
right:50%;
|
||||
}
|
||||
#menu li {
|
||||
position: relative;
|
||||
}
|
||||
|
||||
#menu a {
|
||||
display: block;
|
||||
width: 155px;
|
||||
height: 33px;
|
||||
padding-top: 16px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
color: #FFFFFF;
|
||||
border: none;
|
||||
}
|
||||
|
||||
#menu a:hover, #menu .current_page_item a {
|
||||
background: #659CEF url(/static/images/img03.jpg) repeat-x left bottom;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
#menu .current_page_item a {
|
||||
background: #FBFBFC url(/static/images/img02.jpg) repeat-x left bottom;
|
||||
padding-left: 0;
|
||||
color: #30476A;
|
||||
}
|
||||
|
||||
/* Page */
|
||||
|
||||
#page {
|
||||
width: 100%;
|
||||
margin: 0 auto;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
#page-bgtop {
|
||||
padding: 20px px;
|
||||
}
|
||||
|
||||
#page-bgbtm {
|
||||
}
|
||||
|
||||
/* Content */
|
||||
|
||||
#content {
|
||||
width: 100%;
|
||||
float: left;
|
||||
padding: 30px 0px 0px 0px;
|
||||
}
|
||||
#content h2{
|
||||
margin-left: 30px;
|
||||
}
|
||||
#content h3{
|
||||
margin-left: 60px;
|
||||
}
|
||||
|
||||
h4{
|
||||
padding-left: 150px;
|
||||
}
|
||||
|
||||
.post {
|
||||
margin-bottom: 15px;
|
||||
}
|
||||
|
||||
.post-bgtop {
|
||||
}
|
||||
|
||||
.post-bgbtm {
|
||||
}
|
||||
|
||||
.post .title {
|
||||
margin-bottom: 10px;
|
||||
padding: 12px 0 0 0px;
|
||||
letter-spacing: -.5px;
|
||||
color: #32639A;
|
||||
}
|
||||
|
||||
.post .title a {
|
||||
color: #32639A;
|
||||
border: none;
|
||||
}
|
||||
|
||||
.post .meta {
|
||||
height: 30px;
|
||||
background: #D8E7FE;
|
||||
margin: 0px;
|
||||
padding: 0px 0px 0px 0px;
|
||||
text-align: left;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
font-size: 13px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
.post .meta .date {
|
||||
float: left;
|
||||
height: 24px;
|
||||
padding: 3px 15px;
|
||||
color: #4A81DE;
|
||||
}
|
||||
|
||||
.post .meta .posted {
|
||||
float: right;
|
||||
height: 24px;
|
||||
padding: 3px 15px;
|
||||
background: #A8CF64;
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.post .meta a {
|
||||
color: #FFFFFF;
|
||||
}
|
||||
|
||||
.post .entry {
|
||||
padding: 0px 0px 20px 0px;
|
||||
padding-bottom: 20px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
.links {
|
||||
padding-top: 20px;
|
||||
font-size: 12px;
|
||||
font-weight: bold;
|
||||
}
|
||||
|
||||
/* Sidebar */
|
||||
|
||||
#sidebar {
|
||||
float: right;
|
||||
width: 280px;
|
||||
padding: 0px;
|
||||
color: #787878;
|
||||
background: #FFFFFF;
|
||||
}
|
||||
|
||||
#sidebar ul {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
#sidebar li {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border-left: 1px solid #E2E2E2;
|
||||
}
|
||||
|
||||
#sidebar li ul {
|
||||
margin: 0px 0px;
|
||||
padding-bottom: 30px;
|
||||
}
|
||||
|
||||
#sidebar li li {
|
||||
line-height: 35px;
|
||||
border-bottom: 1px dashed #D1D1D1;
|
||||
margin: 0px 30px;
|
||||
border-left: none;
|
||||
}
|
||||
|
||||
#sidebar li li span {
|
||||
display: block;
|
||||
margin-top: -20px;
|
||||
padding: 0;
|
||||
font-size: 11px;
|
||||
font-style: italic;
|
||||
}
|
||||
|
||||
#sidebar h2 {
|
||||
height: 38px;
|
||||
padding-left: 30px;
|
||||
letter-spacing: -.5px;
|
||||
font-size: 1.8em;
|
||||
}
|
||||
|
||||
#sidebar p {
|
||||
margin: 0 0px;
|
||||
padding: 0px 30px 20px 30px;
|
||||
text-align: justify;
|
||||
}
|
||||
|
||||
#sidebar a {
|
||||
border: none;
|
||||
}
|
||||
|
||||
#sidebar a:hover {
|
||||
text-decoration: underline;
|
||||
color: #8A8A8A;
|
||||
}
|
||||
|
||||
/* Footer */
|
||||
|
||||
#footer {
|
||||
height: 50px;
|
||||
margin: 0 auto;
|
||||
padding: 0px 0 15px 0;
|
||||
background: #D8E7FE;
|
||||
border-top: 1px solid #D3DEF0;
|
||||
font-family: Arial, Helvetica, sans-serif;
|
||||
}
|
||||
|
||||
#footer p {
|
||||
margin: 0;
|
||||
padding-top: 20px;
|
||||
line-height: normal;
|
||||
font-size: 10px;
|
||||
text-transform: uppercase;
|
||||
text-align: center;
|
||||
color: #A0A0A0;
|
||||
}
|
||||
|
||||
#footer a {
|
||||
color: #5389E0;
|
||||
}
|
||||
|
||||
td.loading {
|
||||
/*text-align: center;*/
|
||||
vertical-align: center;
|
||||
}
|
||||
|
||||
|
||||
table.sample {
|
||||
border-width: 1px;
|
||||
border-spacing: 1px;
|
||||
border-style: outset;
|
||||
border-color: green;
|
||||
border-collapse: collapse;
|
||||
background-color: white;
|
||||
}
|
||||
table.sample th {
|
||||
border-width: 1px;
|
||||
padding: 1px;
|
||||
border-style: inset;
|
||||
border-color: gray;
|
||||
background-color: white;
|
||||
-moz-border-radius: ;
|
||||
}
|
||||
table.sample td {
|
||||
border-width: 1px;
|
||||
padding: 1px;
|
||||
border-style: inset;
|
||||
border-color: gray;
|
||||
background-color: white;
|
||||
-moz-border-radius: ;
|
||||
}
|
||||
/*Tables*/
|
||||
#table-design {
|
||||
margin: 0 auto;
|
||||
background-color: whiteSmoke;
|
||||
border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
}
|
||||
#table-design td, #table-design th {
|
||||
}
|
||||
#table-design th {
|
||||
color: #333;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-size: 16px;
|
||||
font-style: normal;
|
||||
font-weight: normal;
|
||||
padding: 0 20px;
|
||||
}
|
||||
#table-design td {
|
||||
padding: 0 20px;
|
||||
line-height: 20px;
|
||||
color: #0084B4;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
font-size: 14px;
|
||||
border-bottom: 1px solid #fff;
|
||||
border-top: 1px solid #fff;
|
||||
}
|
||||
#table-design tr:hover {
|
||||
background-color: #fff;
|
||||
}
|
||||
P.message {
|
||||
display: inline;
|
||||
margin: 0 auto;
|
||||
margin-left: auto;
|
||||
margin-right: auto;
|
||||
/*width: 6em;*/
|
||||
background-color: whiteSmoke;
|
||||
border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
font-size: 14px;
|
||||
color: #0084B4;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
#mouter{
|
||||
position:relative;
|
||||
left:50%;
|
||||
float:left;
|
||||
clear:both;
|
||||
margin:10px 0;
|
||||
text-align:left;
|
||||
}
|
||||
#minner{
|
||||
background-color: whiteSmoke;
|
||||
border-radius: 6px;
|
||||
-webkit-border-radius: 6px;
|
||||
-moz-border-radius: 6px;
|
||||
padding:5px 20px;
|
||||
position:relative;
|
||||
left:-50%;
|
||||
text-align:left;
|
||||
font-size: 14px;
|
||||
color: #0084B4;
|
||||
font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
|
||||
}
|
||||
Reference in New Issue
Block a user