/*! * Partynight v.1.0.0 * Copyright 2013 extracoding * */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section { display:block; } audio, canvas, video { display:inline-block; *display:inline; *zoom:1; } html { font-size:100%; -webkit-text-size-adjust:100%; -ms-text-size-adjust:100%; } body { margin:0; font-family:'Open Sans', sans-serif; font-size:13px; line-height:22px; color:#686868; background-color:#ffffff; } a { color:#686868; text-decoration:none; } a:hover { color:#e71a75; text-decoration:none; } a:focus { outline:0; outline:0 -webkit-focus-ring-color; outline-offset:0px; } a:hover, a:active { outline:0; } img { border:0px; } a h1, a h2, a h3, a h4, a h5, a h6, h1 a, h2 a, h3 a, h4 a, h5 a, h6 a { color:inherit; } button, input, select, textarea { margin:0; font-size:100%; vertical-align:middle; } button, input { *overflow:visible; line-height:normal; } button::-moz-focus-inner, input::-moz-focus-inner { padding:0; border:0; } button, html input[type="button"], input[type="reset"], input[type="submit"] { cursor:pointer; -webkit-appearance:button; } label, select, button, input[type="button"], input[type="reset"], input[type="submit"], input[type="radio"], input[type="checkbox"] { cursor:pointer; } blockquote { border:1px solid #999; page-break-inside:avoid; } thead { display:table-header-group; } tr, img { page-break-inside:avoid; } img { max-width:100% !important; } p { margin:0 0 10px; } strong { font-weight:bold; } em { font-style:italic; } blockquote { padding:0 40px 0 0; margin:40px 0; border-width:0 12px 0 0; border-style:solid; background:url(../images/blockquote.png) 0 0 no-repeat; } blockquote p { margin-bottom:0; font-size:22px; line-height:32px; font-family:'Lusitana', serif; } q:before, q:after, blockquote:before, blockquote:after { content:""; } /*** Heading Tags ***/ h1, h2, h3, h4, h5, h6 { margin:0 0 10px 0; font-family:'Lusitana', serif; font-weight:400; line-height:1.1em; color:#000000; text-rendering:optimizelegibility; } h1 { font-size:40px; } h2 { font-size:30px; } h3 { font-size:24px; } h4 { font-size:18px; } h5 { font-size:16px; } h6 { font-size:13px; font-weight:600; line-height:1.5em; font-family:inherit; } /*** List Styles ***/ ul, ol { padding:0; margin:0; } ul ul, ul ol, ol ol, ol ul { margin-bottom:0; } li { line-height:20px; } ul.unstyled, ol.unstyled, ul.inline, ol.inline { margin-left:0; list-style:none; } ul.inline > li, ol.inline > li { display:inline-block; padding-right:5px; padding-left:5px; } hr { margin:25px 0; border:0; border-top:1px dotted #c7c7c7; border-bottom:0px solid #ffffff; } .clearfix { *zoom:1; } .clearfix:before, .clearfix:after { display:table; line-height:0; content:""; } .clearfix:after { clear:both; } .container { width:940px; margin-right:auto; margin-left:auto; *zoom:1; } .container:before, .container:after { display:table; line-height:0; content:""; } .container:after { clear:both; } .pull-right { float:right; } .pull-left { float:left; } /*** Grid Style ///////////////////////////////// ***/ .row { margin-left:-20px; *zoom:1; } .row:before, .row:after { display:table; line-height:0; content:""; } .row:after { clear:both; } [class*="span"] { float:left; min-height:1px; margin-left:20px; } .span12 { width:940px; } .span11 { width:860px; } .span10 { width:780px; } .span9 { width:700px; } .span8 { width:620px; } .span7 { width:540px; } .span6 { width:460px; } .span5 { width:380px; } .span4 { width:300px; } .span3 { width:220px; } .span2 { width:140px; } .span1 { width:60px; } .offset12 { margin-left:980px; } .offset11 { margin-left:900px; } .offset10 { margin-left:820px; } .offset9 { margin-left:740px; } .offset8 { margin-left:660px; } .offset7 { margin-left:580px; } .offset6 { margin-left:500px; } .offset5 { margin-left:420px; } .offset4 { margin-left:340px; } .offset3 { margin-left:260px; } .offset2 { margin-left:180px; } .offset1 { margin-left:100px; } .row-fluid { width:100%; *zoom:1; } .row-fluid:before, .row-fluid:after { display:table; line-height:0; content:""; } .row-fluid:after { clear:both; } .row-fluid [class*="span"] { display:block; float:left; width:100%; min-height:30px; margin-left:2.127659574468085%; *margin-left:2.074468085106383%; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .row-fluid [class*="span"]:first-child { margin-left:0; } .row-fluid .controls-row [class*="span"] + [class*="span"] { margin-left:2.127659574468085%; } .row-fluid .span12 { width:100%; *width:99.94680851063829%; } .row-fluid .span11 { width:91.48936170212765%; *width:91.43617021276594%; } .row-fluid .span10 { width:82.97872340425532%; *width:82.92553191489361%; } .row-fluid .span9 { width:74.46808510638297%; *width:74.41489361702126%; } .row-fluid .span8 { width:65.95744680851064%; *width:65.90425531914893%; } .row-fluid .span7 { width:57.44680851063829%; *width:57.39361702127659%; } .row-fluid .span6 { width:48.93617021276595%; *width:48.88297872340425%; } .row-fluid .span5 { width:40.42553191489362%; *width:40.37234042553192%; } .row-fluid .span4 { width:31.914893617021278%; *width:31.861702127659576%; } .row-fluid .span3 { width:23.404255319148934%; *width:23.351063829787233%; } .row-fluid .span2 { width:14.893617021276595%; *width:14.840425531914894%; } .row-fluid .span1 { width:6.382978723404255%; *width:6.329787234042553%; } .row-fluid .offset12 { margin-left:104.25531914893617%; *margin-left:104.14893617021275%; } .row-fluid .offset12:first-child { margin-left:102.12765957446808%; *margin-left:102.02127659574467%; } .row-fluid .offset11 { margin-left:95.74468085106382%; *margin-left:95.6382978723404%; } .row-fluid .offset11:first-child { margin-left:93.61702127659574%; *margin-left:93.51063829787232%; } .row-fluid .offset10 { margin-left:87.23404255319149%; *margin-left:87.12765957446807%; } .row-fluid .offset10:first-child { margin-left:85.1063829787234%; *margin-left:84.99999999999999%; } .row-fluid .offset9 { margin-left:78.72340425531914%; *margin-left:78.61702127659572%; } .row-fluid .offset9:first-child { margin-left:76.59574468085106%; *margin-left:76.48936170212764%; } .row-fluid .offset8 { margin-left:70.2127659574468%; *margin-left:70.10638297872339%; } .row-fluid .offset8:first-child { margin-left:68.08510638297872%; *margin-left:67.9787234042553%; } .row-fluid .offset7 { margin-left:61.70212765957446%; *margin-left:61.59574468085106%; } .row-fluid .offset7:first-child { margin-left:59.574468085106375%; *margin-left:59.46808510638297%; } .row-fluid .offset6 { margin-left:53.191489361702125%; *margin-left:53.085106382978715%; } .row-fluid .offset6:first-child { margin-left:51.063829787234035%; *margin-left:50.95744680851063%; } .row-fluid .offset5 { margin-left:44.68085106382979%; *margin-left:44.57446808510638%; } .row-fluid .offset5:first-child { margin-left:42.5531914893617%; *margin-left:42.4468085106383%; } .row-fluid .offset4 { margin-left:36.170212765957444%; *margin-left:36.06382978723405%; } .row-fluid .offset4:first-child { margin-left:34.04255319148936%; *margin-left:33.93617021276596%; } .row-fluid .offset3 { margin-left:27.659574468085104%; *margin-left:27.5531914893617%; } .row-fluid .offset3:first-child { margin-left:25.53191489361702%; *margin-left:25.425531914893618%; } .row-fluid .offset2 { margin-left:19.148936170212764%; *margin-left:19.04255319148936%; } .row-fluid .offset2:first-child { margin-left:17.02127659574468%; *margin-left:16.914893617021278%; } .row-fluid .offset1 { margin-left:10.638297872340425%; *margin-left:10.53191489361702%; } .row-fluid .offset1:first-child { margin-left:8.51063829787234%; *margin-left:8.404255319148938%; } /*** Form Styles //////////////////////////////// ***/ label, input, button, select, textarea { font-size:14px; font-weight:normal; line-height:20px; } input, button, select, textarea { font-family:"Helvetica Neue", Helvetica, Arial, sans-serif; } label { display:block; margin-bottom:5px; } .display-inline { display:inline-block; } .display-block { display:block; } span.require { font-size:11px; color:#b8b8b8; position:relative; top:-1px; } select, textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { display:inline-block; height:40px; padding:9px 6px; margin-bottom:25px; font-size:14px; line-height:20px; color:#555555; vertical-align:middle; } input, textarea, .uneditable-input { width:206px; } textarea { height:auto; } textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input { background-color:#ffffff; border:1px solid #c7c7c7; -webkit-transition:border linear 0.2s, box-shadow linear 0.2s; -moz-transition:border linear 0.2s, box-shadow linear 0.2s; -o-transition:border linear 0.2s, box-shadow linear 0.2s; transition:border linear 0.2s, box-shadow linear 0.2s; } textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus { outline:0; -webkit-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); -moz-box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.6); box-shadow:inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 0, 0, 0.1); } input[type="radio"], input[type="checkbox"] { margin:4px 0 0; margin-top:1px \9; *margin-top:0; line-height:normal; } input[type="file"], input[type="image"], input[type="submit"], input[type="reset"], input[type="button"], input[type="radio"], input[type="checkbox"] { width:auto; } select, input[type="file"] { height:30px; /* In IE7, the height of the select element cannot be changed by height, only font-size */ *margin-top:4px; /* For IE7, add top margin to align select with labels */ line-height:30px; } select { width:220px; background-color:#ffffff; border:1px solid #cccccc; } select[multiple], select[size] { height:auto; } select:focus, input[type="file"]:focus, input[type="radio"]:focus, input[type="checkbox"]:focus { outline:0; outline-offset:-2px; } .radio, .checkbox { min-height:20px; padding-left:20px; } .radio input[type="radio"], .checkbox input[type="checkbox"] { float:left; margin-left:-20px; } .controls > .radio:first-child, .controls > .checkbox:first-child { padding-top:5px; } .radio.inline, .checkbox.inline { display:inline-block; padding-top:5px; margin-bottom:0; vertical-align:middle; } .radio.inline + .radio.inline, .checkbox.inline + .checkbox.inline { margin-left:10px; } .input-mini { width:60px; } .input-small { width:90px; } .input-medium { width:150px; } .input-large { width:210px; } .input-xlarge { width:270px; } .input-xxlarge { width:530px; } input[class*="span"], select[class*="span"], textarea[class*="span"], .uneditable-input[class*="span"], .row-fluid input[class*="span"], .row-fluid select[class*="span"], .row-fluid textarea[class*="span"], .row-fluid .uneditable-input[class*="span"] { float:none; margin-left:0; } input, textarea { margin-left:0; } input.span12, textarea.span12 { width:926px; } input.span11, textarea.span11 { width:846px; } input.span10, textarea.span10 { width:766px; } input.span9, textarea.span9 { width:686px; } input.span8, textarea.span8 { width:606px; } input.span7, textarea.span7 { width:526px; } input.span6, textarea.span6 { width:446px; } input.span5, textarea.span5 { width:366px; } input.span4, textarea.span4 { width:286px; } input.span3, textarea.span3 { width:206px; } input.span2, textarea.span2 { width:126px; } input.span1, textarea.span1 { width:46px; } .help-block, .help-inline { color:#595959; } .help-block { display:block; margin-bottom:10px; } .help-inline { display:inline-block; *display:inline; padding-left:5px; vertical-align:middle; *zoom:1; } .control-group { margin-bottom:10px; } legend + .control-group { margin-top:20px; -webkit-margin-top-collapse:separate; } .form-horizontal .control-group { margin-bottom:20px; *zoom:1; } .form-horizontal .control-group:before, .form-horizontal .control-group:after { display:table; line-height:0; content:""; } .form-horizontal .control-group:after { clear:both; } .form-horizontal .controls { *display:inline-block; *padding-left:20px; margin-left:180px; *margin-left:0; } .form-horizontal .controls:first-child { *padding-left:180px; } .form-horizontal .help-block { margin-bottom:0; } .form-horizontal input + .help-block, .form-horizontal select + .help-block, .form-horizontal textarea + .help-block, .form-horizontal .uneditable-input + .help-block, .form-horizontal .input-prepend + .help-block, .form-horizontal .input-append + .help-block { margin-top:10px; } /***** 404 page ******/ .page-404 { margin: 0 auto; padding-bottom: 150px; padding-top: 157px; width: 820px; } .page-404 h2 { font-size: 30px; } .page-404 span { display: block; float: left; font-size: 236px; font-weight: bold; height: 172px; line-height: 172px; margin-top: 8px; width: 410px; } /*** Table Styles /////////////////////////////////// ***/ table { max-width:100%; background-color:transparent; border-collapse:collapse; border-spacing:0; } .table { width:100%; margin-bottom:20px; } .table th, .table td { padding:8px; line-height:20px; text-align:left; vertical-align:top; border-top:1px solid #dddddd; } .table th { font-weight:bold; } .table thead th { vertical-align:bottom; } .table caption + thead tr:first-child th, .table caption + thead tr:first-child td, .table colgroup + thead tr:first-child th, .table colgroup + thead tr:first-child td, .table thead:first-child tr:first-child th, .table thead:first-child tr:first-child td { border-top:0; } .table tbody + tbody { border-top:2px solid #dddddd; } .table .table { background-color:#ffffff; } .table-condensed th, .table-condensed td { padding:4px 5px; } /**** Icons Styles //////////////////////////////////////////////// ***/ [class^="icon-"], [class*=" icon-"] { display:inline-block; width:14px; height:14px; margin-top:1px; *margin-right:.3em; line-height:14px; vertical-align:text-top; background-image:url(../images/sprites.png); background-position:0px 0px; background-repeat:no-repeat; } .icon-location, .events-list-view .thumbnail:hover .icon-location { background-position:0px 4px; } .icon-ticket, .events-list-view .thumbnail:hover .icon-ticket { background-position:0 -36px; } .thumbnail:hover .icon-location, .thumbnail-featured .icon-location { background-position:-40px 4px; } .thumbnail:hover .icon-ticket, .thumbnail-featured .icon-ticket { background-position:-39px -36px; } .icon-time { width:14px; height:13px; background-position:0px -684px; } .icon-list { width:10px; height:13px; background-position:0px -726px; } .icon-comment { width:11px; height:13px; background-position:0px -766px; } .icon-vimeo { width:35px; height:12px; background-position:0px -809px; } .icon-email { width:11px; height:10px; margin-top:4px; margin-right:10px; background-position:0px -897px; } .icon-contact { width:12px; height:11px; margin-top:4px; margin-right:10px; background-position:0px -937px; } /*** Buttons Style ///////////////////////////////////// ***/ .close { float:right; font-size:20px; font-weight:bold; line-height:20px; color:#000000; text-shadow:0 1px 0 #ffffff; opacity:0.2; filter:alpha(opacity=20); } .close:hover { color:#000000; text-decoration:none; cursor:pointer; opacity:0.4; filter:alpha(opacity=40); } button.close { padding:0; cursor:pointer; background:transparent; border:0; -webkit-appearance:none; } .btn { display:inline-block; *display:inline; padding:8px 20px 8px 20px; margin-bottom:0; *margin-left:.3em; font-size:14px; line-height:20px; color:#ffffff; text-align:center; text-transform:uppercase; vertical-align:middle; cursor:pointer; background-color:#e71a75; *border:0; text-shadow:-1px 1px 0 rgba(0,0,0,0.2); -moz-text-shadow:-1px 1px 0 rgba(0,0,0,0.2); -webkit-text-shadow:-1px 1px 0 rgba(0,0,0,0.2); } .btn:hover, .btn:active, .btn.active, .btn.disabled, .btn[disabled] { color:#ffffff; text-decoration:none; } .btn-blue { background-color:#006dcc; } .btn-yallow { background-color:#faa732; } .btn-red { background-color:#c50b0b; } .btn-green { background-color:#5bb75b; } .btn-cyan { background-color:#6bbded; } .btn-black { background-color:#363636; } .btn:active, .btn.active { background-color:#cccccc \9; } .btn:first-child { *margin-left:0; } .btn:focus { outline:none; outline:0px auto -webkit-focus-ring-color; outline-offset:-2px; } .btn.active, .btn:active { outline:0; } .btn.disabled, .btn[disabled] { cursor:default; background-image:none; opacity:0.65; filter:alpha(opacity=65); } .btn-large { padding:11px 19px; font-size:17.5px; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .btn-large [class^="icon-"], .btn-large [class*=" icon-"] { margin-top:4px; } .btn-small { padding:2px 10px; font-size:11.9px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .btn-small [class^="icon-"], .btn-small [class*=" icon-"] { margin-top:0; } .btn-mini [class^="icon-"], .btn-mini [class*=" icon-"] { margin-top:-1px; } .btn-mini { padding:0 6px; font-size:10.5px; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; } .btn-block { display:block; width:100%; padding-right:0; padding-left:0; -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; } .btn-block + .btn-block { margin-top:5px; } input[type="submit"].btn-block, input[type="reset"].btn-block, input[type="button"].btn-block { width:100%; } button.btn, input[type="submit"].btn { padding:10px 20px 9px 20px; line-height:18px; border:0px; } button.btn::-moz-focus-inner, input[type="submit"].btn::-moz-focus-inner { padding:0; border:0; } button.btn.btn-large, input[type="submit"].btn.btn-large { *padding-top:7px; *padding-bottom:7px; } button.btn.btn-small, input[type="submit"].btn.btn-small { *padding-top:3px; *padding-bottom:3px; } button.btn.btn-mini, input[type="submit"].btn.btn-mini { *padding-top:1px; *padding-bottom:1px; } /*** Button Group ***/ .btn-group { position:relative; display:inline-block; *display:inline; *margin-left:.3em; font-size:0; white-space:nowrap; vertical-align:middle; *zoom:1; } .btn-group:first-child { *margin-left:0; } .btn-group + .btn-group { margin-left:5px; } .btn-group > .btn { position:relative; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-group > .btn + .btn { margin-left:-1px; } .btn-group > .btn, .btn-group > .dropdown-menu, .btn-group > .popover { font-size:14px; } .btn-group > .btn-mini { font-size:10.5px; } .btn-group > .btn-small { font-size:11.9px; } .btn-group > .btn-large { font-size:17.5px; } .btn-group > .btn:first-child { margin-left:0; -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px; } .btn-group > .btn:last-child, .btn-group > .dropdown-toggle { -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; } .btn-group > .btn.large:first-child { margin-left:0; -webkit-border-bottom-left-radius:4px; border-bottom-left-radius:4px; -webkit-border-top-left-radius:4px; border-top-left-radius:4px; -moz-border-radius-bottomleft:4px; -moz-border-radius-topleft:4px; } .btn-group > .btn.large:last-child, .btn-group > .large.dropdown-toggle { -webkit-border-top-right-radius:4px; border-top-right-radius:4px; -webkit-border-bottom-right-radius:4px; border-bottom-right-radius:4px; -moz-border-radius-topright:4px; -moz-border-radius-bottomright:4px; } .btn-group > .btn:hover, .btn-group > .btn:focus, .btn-group > .btn:active, .btn-group > .btn.active { z-index:2; } .btn-group-vertical { display:inline-block; *display:inline; *zoom:1; } .btn-group-vertical > .btn { display:block; float:none; max-width:100%; -webkit-border-radius:0; -moz-border-radius:0; border-radius:0; } .btn-group-vertical > .btn + .btn { margin-top:-1px; margin-left:0; } .btn-group-vertical > .btn:first-child { -webkit-border-radius:3px 3px 0 0; -moz-border-radius:3px 3px 0 0; border-radius:3px 3px 0 0; } .btn-group-vertical > .btn:last-child { -webkit-border-radius:0 0 3px 3px; -moz-border-radius:0 0 3px 3px; border-radius:0 0 3px 3px; } .btn-group-vertical > .btn-large:first-child { -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .btn-group-vertical > .btn-large:last-child { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } /**** Alert Styles ///////////////////////////////////// ****/ .alert { padding:8px 35px 8px 14px; margin-bottom:20px; text-shadow:0 1px 0 rgba(255, 255, 255, 0.5); background-color:#fcf8e3; border:1px solid #fbeed5; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; } .alert, .alert h4 { color:#c09853; } .alert h4 { margin:0; } .alert .close { position:relative; top:-2px; right:-21px; line-height:20px; } .alert-success { color:#468847; background-color:#dff0d8; border-color:#d6e9c6; } .alert-success h4 { color:#468847; } .alert-danger, .alert-error { color:#b94a48; background-color:#f2dede; border-color:#eed3d7; } .alert-danger h4, .alert-error h4 { color:#b94a48; } .alert-info { color:#3a87ad; background-color:#d9edf7; border-color:#bce8f1; } .alert-info h4 { color:#3a87ad; } .alert-block { padding-top:14px; padding-bottom:14px; } .alert-block > p, .alert-block > ul { margin-bottom:0; } .alert-block p + p { margin-top:5px; } /*** Nav Tabs Style ///////////////////////////////////////// ***/ .nav { margin-bottom:20px; margin-left:0; list-style:none; } .nav > li > a { display:block; } .nav > li > a:hover { text-decoration:none; background-color:#eeeeee; } .nav > li > a > img { max-width:none; } .nav > .pull-right { float:right; } .nav-tabs { *zoom:1; border-bottom:1px solid #ddd; } .nav-tabs:before, .nav-tabs:after { display:table; line-height:0; content:""; } .nav-tabs:after { clear:both; } .nav-tabs > li { float:left; margin-bottom:-1px; } .nav-tabs > li > a { padding-right:12px; padding-left:12px; margin-right:2px; line-height:14px; } .nav-tabs > li > a { padding-top:8px; padding-bottom:8px; line-height:20px; border:1px solid transparent; -webkit-border-radius:4px 4px 0 0; -moz-border-radius:4px 4px 0 0; border-radius:4px 4px 0 0; } .nav-tabs > li > a:hover { border-color:#eeeeee #eeeeee #dddddd; } .nav-tabs > .active > a, .nav-tabs > .active > a:hover { color:#555555; cursor:default; background-color:#ffffff; border:1px solid #ddd; border-bottom-color:transparent; } .tabbable { *zoom:1; } .tabbable:before, .tabbable:after { display:table; line-height:0; content:""; } .tabbable:after { clear:both; } .tab-content { overflow:auto; } .tab-content > .tab-pane { display:none; } .tab-content > .active { display:block; } .nav > .disabled > a { color:#999999; } .nav > .disabled > a:hover { text-decoration:none; cursor:default; background-color:transparent; } /*** Tab Below ***/ .tabs-below > .nav-tabs, .tabs-right > .nav-tabs, .tabs-left > .nav-tabs { border-bottom:0; } .tabs-below > .nav-tabs { border-top:1px solid #ddd; } .tabs-below > .nav-tabs > li { margin-top:-1px; margin-bottom:0; } .tabs-below > .nav-tabs > li > a { -webkit-border-radius:0 0 4px 4px; -moz-border-radius:0 0 4px 4px; border-radius:0 0 4px 4px; } .tabs-below > .nav-tabs > li > a:hover { border-top-color:#ddd; border-bottom-color:transparent; } .tabs-below > .nav-tabs > .active > a, .tabs-below > .nav-tabs > .active > a:hover { border-color:transparent #ddd #ddd #ddd; } /**** Tab Left ***/ .tabs-left > .nav-tabs > li, .tabs-right > .nav-tabs > li { float:none; } .tabs-left > .nav-tabs > li > a, .tabs-right > .nav-tabs > li > a { min-width:74px; margin-right:0; margin-bottom:3px; } .tabs-left > .nav-tabs { float:left; margin-right:19px; border-right:1px solid #ddd; } .tabs-left > .nav-tabs > li > a { margin-right:-1px; -webkit-border-radius:4px 0 0 4px; -moz-border-radius:4px 0 0 4px; border-radius:4px 0 0 4px; } .tabs-left > .nav-tabs > li > a:hover { border-color:#eeeeee #dddddd #eeeeee #eeeeee; } .tabs-left > .nav-tabs .active > a, .tabs-left > .nav-tabs .active > a:hover { border-color:#ddd transparent #ddd #ddd; *border-right-color:#ffffff; } /*** Tab Right ***/ .tabs-right > .nav-tabs { float:right; margin-left:19px; border-left:1px solid #ddd; } .tabs-right > .nav-tabs > li > a { margin-left:-1px; -webkit-border-radius:0 4px 4px 0; -moz-border-radius:0 4px 4px 0; border-radius:0 4px 4px 0; } .tabs-right > .nav-tabs > li > a:hover { border-color:#eeeeee #eeeeee #eeeeee #dddddd; } .tabs-right > .nav-tabs .active > a, .tabs-right > .nav-tabs .active > a:hover { border-color:#ddd #ddd #ddd transparent; *border-left-color:#ffffff; } /*** Breadcrumb Style /////////////////////////////////// ***/ .breadcrumb { float:right; list-style:none; font-size:11px; } .breadcrumb > li { margin-left:1px; display:inline-block; *display:inline; *zoom:1; float:left; } .breadcrumb > li > a { padding:2px 16px 2px 8px; color:#fff; background-color:#4b4b4b; display:inline-block; position:relative; } .breadcrumb > li > a:after { width:6px; height:11px; content:''; display:inline-block; background:url(../images/sprites.png) 0 -643px no-repeat; position:absolute; top:7px; right:6px; } .breadcrumb > .active { color:#999999; } /*** Pagination Style /////////////////////////////////////////// ****/ .pagination { margin:0px 0 30px 0; padding-top:10px; text-align:center; border-top:1px solid #c7c7c7; } .pagination-more-space { margin:40px 0 60px 0; } .pagination ul { display:inline-block; *display:inline; margin-bottom:0; margin-left:0; *zoom:1; } .pagination ul > li { display:inline; margin:0 5px; } .pagination ul > li > a, .pagination ul > li > span { padding:4px 12px; line-height:20px; text-decoration:none; border-left-width:0; } .pagination ul > .active > a, .pagination ul > .active > span { background-color:#f5f5f5; } .pagination ul > .active > a, .pagination ul > .active > span { color:#999999; cursor:default; } .pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover { color:#999999; cursor:default; background-color:transparent; } .pagination-centered { text-align:center; } .pagination-right { text-align:right; } .pagination-large ul > li > a, .pagination-large ul > li > span { padding:11px 19px; font-size:17.5px; } .pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span { -webkit-border-bottom-left-radius:6px; border-bottom-left-radius:6px; -webkit-border-top-left-radius:6px; border-top-left-radius:6px; -moz-border-radius-bottomleft:6px; -moz-border-radius-topleft:6px; } .pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span { -webkit-border-top-right-radius:6px; border-top-right-radius:6px; -webkit-border-bottom-right-radius:6px; border-bottom-right-radius:6px; -moz-border-radius-topright:6px; -moz-border-radius-bottomright:6px; } .pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span { -webkit-border-bottom-left-radius:3px; border-bottom-left-radius:3px; -webkit-border-top-left-radius:3px; border-top-left-radius:3px; -moz-border-radius-bottomleft:3px; -moz-border-radius-topleft:3px; } .pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span { -webkit-border-top-right-radius:3px; border-top-right-radius:3px; -webkit-border-bottom-right-radius:3px; border-bottom-right-radius:3px; -moz-border-radius-topright:3px; -moz-border-radius-bottomright:3px; } .pagination-small ul > li > a, .pagination-small ul > li > span { padding:2px 10px; font-size:11.9px; } .pagination-mini ul > li > a, .pagination-mini ul > li > span { padding:0 6px; font-size:10.5px; } /*** Progress Bar /////////////////////////////////// ***/ .progress { height:20px; margin-bottom:20px; overflow:hidden; background-color:#f7f7f7; background-image:-moz-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#f5f5f5), to(#f9f9f9)); background-image:-webkit-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:-o-linear-gradient(top, #f5f5f5, #f9f9f9); background-image:linear-gradient(to bottom, #f5f5f5, #f9f9f9); background-repeat:repeat-x; -webkit-border-radius:4px; -moz-border-radius:4px; border-radius:4px; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#fff5f5f5', endColorstr='#fff9f9f9', GradientType=0); -webkit-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); -moz-box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); box-shadow:inset 0 1px 2px rgba(0, 0, 0, 0.1); } .progress .bar { float:left; width:0; height:100%; font-size:12px; color:#ffffff; text-align:center; text-shadow:0 -1px 0 rgba(0, 0, 0, 0.25); background-color:#0e90d2; background-image:-moz-linear-gradient(top, #149bdf, #0480be); background-image:-webkit-gradient(linear, 0 0, 0 100%, from(#149bdf), to(#0480be)); background-image:-webkit-linear-gradient(top, #149bdf, #0480be); background-image:-o-linear-gradient(top, #149bdf, #0480be); background-image:linear-gradient(to bottom, #149bdf, #0480be); background-repeat:repeat-x; filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff149bdf', endColorstr='#ff0480be', GradientType=0); -webkit-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 0 -1px 0 rgba(0, 0, 0, 0.15); -webkit-box-sizing:border-box; -moz-box-sizing:border-box; box-sizing:border-box; -webkit-transition:width 0.6s ease; -moz-transition:width 0.6s ease; -o-transition:width 0.6s ease; transition:width 0.6s ease; } .progress .bar + .bar { -webkit-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); -moz-box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); box-shadow:inset 1px 0 0 rgba(0, 0, 0, 0.15), inset 0 -1px 0 rgba(0, 0, 0, 0.15); } .progress-striped .bar { background-color:#149bdf; background-image:-webkit-gradient(linear, 0 100%, 100% 0, color-stop(0.25, rgba(255, 255, 255, 0.15)), color-stop(0.25, transparent), color-stop(0.5, transparent), color-stop(0.5, rgba(255, 255, 255, 0.15)), color-stop(0.75, rgba(255, 255, 255, 0.15)), color-stop(0.75, transparent), to(transparent)); background-image:-webkit-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-moz-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:-o-linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); background-image:linear-gradient(45deg, rgba(255, 255, 255, 0.15) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, 0.15) 50%, rgba(255, 255, 255, 0.15) 75%, transparent 75%, transparent); -webkit-background-size:40px 40px; -moz-background-size:40px 40px; -o-background-size:40px 40px; background-size:40px 40px; } .progress.active .bar { -webkit-animation:progress-bar-stripes 2s linear infinite; -moz-animation:progress-bar-stripes 2s linear infinite; -ms-animation:progress-bar-stripes 2s linear infinite; -o-animation:progress-bar-stripes 2s linear infinite; animation:progress-bar-stripes 2s linear infinite; } @-webkit-keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } } @-moz-keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } } @-ms-keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } } @-o-keyframes progress-bar-stripes { from { background-position:0 0; } to { background-position:40px 0; } } @keyframes progress-bar-stripes { from { background-position:40px 0; } to { background-position:0 0; } }