From 20b976733dff9adb66b1746abcbbc96b2d92b054 Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 13 Mar 2018 19:40:22 +0100 Subject: [PATCH 01/11] Issue #35: fix item no. 1 --- mockup1/assets/76f6034.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index 15a1b39..254b348 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -29,7 +29,7 @@ ul#container li { } #filters fieldset { - margin: 0 1rem 1rem 0; + margin: .5rem; } #filters input[type='reset'], From 71d74ae59e30befe6c7f4f196c88299dee2f332f Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 13 Mar 2018 20:11:27 +0100 Subject: [PATCH 02/11] Issue #35: fix item no. 2 --- mockup1/assets/filtering.js | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/mockup1/assets/filtering.js b/mockup1/assets/filtering.js index 8e7fc87..ef7b1e3 100644 --- a/mockup1/assets/filtering.js +++ b/mockup1/assets/filtering.js @@ -137,7 +137,10 @@ const TOGGLE_STICKY= () => { if (window.scrollY > filtersOffset) { filters.classList.add('stuck'); - list.style.marginTop = (filters.clientHeight + 16) + 'px'; + if (window.innerWidth >= 768) + list.style.marginTop = (filters.clientHeight + 16) + 'px'; + else + list.style.marginTop = 0; } else { filters.classList.remove('stuck'); list.style.marginTop = 0; From 702e7d4318e52bfe4b075d9227dfc47e198ded9c Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 13 Mar 2018 20:12:19 +0100 Subject: [PATCH 03/11] Fix typo in CSS Because of this, specs hiding/showing might appear temporarily on top of the filters --- mockup1/assets/76f6034.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index 254b348..421a32a 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -20,7 +20,7 @@ ul#container li { @media (min-width: 768px) { #filters.stuck { position: fixed; - z-inder: 100; + z-index: 100; top: 0; left: 22.5%; width: 75.5%; From 09c0daee9833584a436d846550d85ac1bbbd9193 Mon Sep 17 00:00:00 2001 From: tripu Date: Fri, 16 Mar 2018 11:13:40 +0100 Subject: [PATCH 04/11] Simplify redundant CSS rules --- mockup1/assets/76f6034.css | 11 +---------- 1 file changed, 1 insertion(+), 10 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index 421a32a..fc3c4c2 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -672,17 +672,8 @@ ul#container{ } .Retired::after, .LastCall::after, .WorkingDraft::after, .CandidateRecommendation::after, .ProposedRecommendation::after, .Recommendation::after, .GroupNote::after, .ProposedEditedRecommendation::after, .ObsoleteRec::after { - margin-left: 15px; - background-color: #036; - color: white; font-size: 9px; - padding: 4px 15px; - text-transform: uppercase; - letter-spacing: 0.2em; - cursor: pointer; - vertical-align: middle; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -} + } h2.WorkingDraft, h2.Retired, h2.LastCall, h2.CandidateRecommendation, h2.ProposedRecommendation, h2.Recommendation, h2.GroupNote, h2.ProposedEditedRecommendation, h2.ObsoleteRec { font-size: 125%; From 4c12e9cf4bc1cb58d94ed89b8192f2dd358438c8 Mon Sep 17 00:00:00 2001 From: tripu Date: Fri, 16 Mar 2018 11:29:04 +0100 Subject: [PATCH 05/11] Issue #35: progress towards item no. 4 --- mockup1/index.html | 4 ++-- 1 file changed, 2 insertions(+), 2 deletions(-) diff --git a/mockup1/index.html b/mockup1/index.html index bc823a6..beeea20 100644 --- a/mockup1/index.html +++ b/mockup1/index.html @@ -13987,9 +13987,9 @@

-

Core Presentation Characteristics: Requirements and Use Cases

+

Core Presentation Characteristics: Requirements and Use Cases

Device Independence Working Group

-

2003-05-10 - History +

2003-05-10 - History

  • Markus Lauff
  • Amy Yu
    • From 924c05c386b00a0c922bae5bf02fde3baf63d691 Mon Sep 17 00:00:00 2001 From: tripu Date: Fri, 16 Mar 2018 12:29:26 +0100 Subject: [PATCH 06/11] Remove obsolete CSS rules --- mockup1/assets/76f6034.css | 14 -------------- 1 file changed, 14 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index fc3c4c2..89b1336 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -389,15 +389,6 @@ div#triggers > span:hover { background-color: rgba(0, 0, 0, 0.1); } -div#placeHolder::before{ - content: "Filters: "; - font-weight: bold; -} - -div#placeHolder > ul { - display: inline-block; -} - .Retired::after,.LastCall::after,.WorkingDraft::after,.CandidateRecommendation::after,.ProposedRecommendation::after,.Recommendation::after,.GroupNote::after,.ProposedEditedRecommendation::after, .ObsoleteRec::after { margin-left: 15px; background-color: #036; @@ -701,11 +692,6 @@ ul#container{ padding: 0px 3px; } - #placeHolder{ - font-size: 90%; - padding: 0 15px; - } - .tMargin{ margin-top: 0 !important; } From 76d9689cd12358a27822ed6fa706ac7cb06d723b Mon Sep 17 00:00:00 2001 From: tripu Date: Fri, 16 Mar 2018 13:47:46 +0100 Subject: [PATCH 07/11] Issue #35: fix items no. 3 and no. 4 --- mockup1/assets/76f6034.css | 95 +++++++++++++++----------------------- mockup1/index.html | 12 +++-- 2 files changed, 46 insertions(+), 61 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index 89b1336..ab3dfa9 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -78,8 +78,8 @@ ul.ft-menu * { line-height: 1; position: relative; text-align: left; - font: normal normal 100% sans-serif; - text-transform: capitalize; + font: normal normal 100% sans-serif; + text-transform: capitalize; } ul.ft-menu { @@ -332,14 +332,33 @@ ul.ft-menu > li.ft-field { margin: 5px; } +#container h2 { + margin: 0 0 .6em 0; + padding: 0; + line-height: 1; +} + ul#container > li { -display: inline-block; -width: 23em; -vertical-align: top; + box-sizing: border-box; + display: inline-block; + width: 50%; + min-width: 14em; + max-width: 24em; + margin: 1em auto 0 auto; + border-style: solid; + border-color: #d2cfcf; + border-width: 1px 0 0 0; + padding: .5em 1em; + vertical-align: top; +} + +ul#container > li > p, +ul#container > li > ul { + padding: 0; } ul#container > li > p { - margin-bottom: 0; + margin-bottom: .2em; } ul.taglist li{ @@ -350,9 +369,8 @@ ul.taglist li{ line-height: 10px; padding: 4px 8px; margin: 2px 0.5px; - cursor: pointer; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; } + ul.editorlist { margin-top: 4px; padding-left:20px; @@ -389,29 +407,16 @@ div#triggers > span:hover { background-color: rgba(0, 0, 0, 0.1); } -.Retired::after,.LastCall::after,.WorkingDraft::after,.CandidateRecommendation::after,.ProposedRecommendation::after,.Recommendation::after,.GroupNote::after,.ProposedEditedRecommendation::after, .ObsoleteRec::after { +.profile { + float: right; margin-left: 15px; background-color: #036; color: white; - font-size: 0.7em; - padding: 3px 8px; - text-transform: uppercase; - letter-spacing: 0.1em; - cursor: pointer; - vertical-align: 2px; - line-height: 1.3em; - font-family: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; -} + font-size: 10px; + font-weight: 600; + padding: 4px 8px; -.Retired::after {content: "\52\65\74\69\72\65\64";} -.LastCall::after {content: "\4C\43";} -.WorkingDraft::after {content: "\57\44";} -.CandidateRecommendation::after {content: "\43\52";} -.ProposedRecommendation::after {content: "\50\52";} -.Recommendation::after {content: "\52\45\43";} -.GroupNote::after {content: "\4E\6F\74\65";} -.ProposedEditedRecommendation::after {content: "\50\45\52";} -.ObsoleteRec::after {content: "\4F\42\53\4C";} +} div#legend > p > em { margin-right: 5px; @@ -441,21 +446,6 @@ input#search { /* == Cosmetic enhancements == */ -h2.WorkingDraft, h2.Retired, h2.LastCall, h2.CandidateRecommendation, h2.ProposedRecommendation, h2.Recommendation, h2.GroupNote, h2.ProposedEditedRecommendation, h2.ObsoleteRec{ - font-size: 125%; - margin-bottom: 0.6em; -} - -ul.taglist{margin: 0.5em 0 1.5em;} - -ul#container > li::before { - content: ""; - display: block; - width: 80%; - padding-top: 10px; - border-top: 1px solid #d2cfcf; -} - li.accessibility {background-color: #ede5f4} li.browser {background-color: #a8c5a9} li.css {background-color: #a7cd78} @@ -618,7 +608,7 @@ a.trhelp:focus span { /* == RWD == */ -ul#container{ +ul#container { display: flex; flex-direction: row; flex-wrap: wrap; @@ -628,11 +618,11 @@ ul#container{ /* Smartphones & tablets */ @media all and (max-width: 920px) { - ul#container > li{ - width: 45%; - padding-left: 3%; - font-size: 90%; - margin: 0 auto;} + + ul#container > li { + min-width: 8em; + padding: .5em; + } h3.category .ribbon{ font-size: 90%; @@ -662,15 +652,6 @@ ul#container{ padding-bottom: 10px; } - .Retired::after, .LastCall::after, .WorkingDraft::after, .CandidateRecommendation::after, .ProposedRecommendation::after, .Recommendation::after, .GroupNote::after, .ProposedEditedRecommendation::after, .ObsoleteRec::after { - font-size: 9px; - } - - h2.WorkingDraft, h2.Retired, h2.LastCall, h2.CandidateRecommendation, h2.ProposedRecommendation, h2.Recommendation, h2.GroupNote, h2.ProposedEditedRecommendation, h2.ObsoleteRec { - font-size: 125%; - padding-bottom: 3px; - } - ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { width:80%; } diff --git a/mockup1/index.html b/mockup1/index.html index beeea20..9bc390b 100644 --- a/mockup1/index.html +++ b/mockup1/index.html @@ -126,7 +126,8 @@

    4 specs (no filters)

    • -

      Vibration API

      +
      PER
      +

      Vibration API

      Device and Sensors Working Group

      2016-08-18 - History - Editor's Draft @@ -140,7 +141,8 @@

      -

      Web App Manifest

      +
      WD
      +

      Web App Manifest

      Web Platform Working Group

      2016-07-18 - History

        @@ -150,7 +152,8 @@

        -

        Subresource Integrity

        +
        REC
        +

        Subresource Integrity

        Web Application Security Working Group

        2016-06-23 - History - Editor's Draft @@ -167,7 +170,8 @@

        -

        Page Visibility 2

        +
        WD
        +

        Page Visibility 2

        Web Performance Working Group

        2016-06-23 - History - Editor's Draft From a19932e7cc5180ffd948523a6d32a050edbcf1b5 Mon Sep 17 00:00:00 2001 From: tripu Date: Mon, 19 Mar 2018 17:15:11 +0100 Subject: [PATCH 08/11] Tweak layout: Add an extra .5em of top-padding to specs. Don't do multiple columns unless there's enough width (min 768px for 2, min 992px for 3, min 1200px for 4). --- mockup1/assets/76f6034.css | 27 +++++++++++++++++++-------- 1 file changed, 19 insertions(+), 8 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index ab3dfa9..d7df87e 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -341,14 +341,12 @@ ul.ft-menu > li.ft-field { ul#container > li { box-sizing: border-box; display: inline-block; - width: 50%; - min-width: 14em; - max-width: 24em; + width: 100%; margin: 1em auto 0 auto; border-style: solid; border-color: #d2cfcf; border-width: 1px 0 0 0; - padding: .5em 1em; + padding: 1em 1em 0 1em; vertical-align: top; } @@ -615,14 +613,27 @@ ul#container { justify-content: center; } -/* Smartphones & tablets */ +@media all and (min-width: 768px) { + ul#container > li { + width: 50%; + } +} -@media all and (max-width: 920px) { +@media all and (min-width: 992px) { + ul#container > li { + width: 33%; + } +} +@media all and (min-width: 1200px) { ul#container > li { - min-width: 8em; - padding: .5em; + width: 25%; } +} + +/* Smartphones & tablets */ + +@media all and (max-width: 920px) { h3.category .ribbon{ font-size: 90%; From e635dc43fc1bd56a7644d22af3d1e4cd7972ff69 Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 20 Mar 2018 11:45:12 +0100 Subject: [PATCH 09/11] Be conservative with columns, break long titles --- mockup1/assets/76f6034.css | 11 +++-------- 1 file changed, 3 insertions(+), 8 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index d7df87e..cc1dac5 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -336,6 +336,7 @@ ul.ft-menu > li.ft-field { margin: 0 0 .6em 0; padding: 0; line-height: 1; + overflow-wrap: break-word; } ul#container > li { @@ -613,21 +614,15 @@ ul#container { justify-content: center; } -@media all and (min-width: 768px) { - ul#container > li { - width: 50%; - } -} - @media all and (min-width: 992px) { ul#container > li { - width: 33%; + width: 50%; } } @media all and (min-width: 1200px) { ul#container > li { - width: 25%; + width: 33%; } } From 5d9f47f872388037d34c86111ec0e5ae6fdcd5aa Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 20 Mar 2018 11:50:21 +0100 Subject: [PATCH 10/11] Spec columns: setting a conservative min-width --- mockup1/assets/76f6034.css | 1 + 1 file changed, 1 insertion(+) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index cc1dac5..bd2228d 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -343,6 +343,7 @@ ul#container > li { box-sizing: border-box; display: inline-block; width: 100%; + min-width: 20em; margin: 1em auto 0 auto; border-style: solid; border-color: #d2cfcf; From 90911ad80641b414711c4513006293adbe39413f Mon Sep 17 00:00:00 2001 From: tripu Date: Tue, 20 Mar 2018 11:59:58 +0100 Subject: [PATCH 11/11] Remove CSS remnants of old Filtrify stuff --- mockup1/assets/76f6034.css | 271 ------------------------------------- 1 file changed, 271 deletions(-) diff --git a/mockup1/assets/76f6034.css b/mockup1/assets/76f6034.css index bd2228d..ce2d798 100644 --- a/mockup1/assets/76f6034.css +++ b/mockup1/assets/76f6034.css @@ -69,269 +69,6 @@ ul#container li { animation-timing-function: linear; } -/* reset */ -ul.ft-menu, -ul.ft-menu * { - margin: 0; - border: 0; - padding: 0; - line-height: 1; - position: relative; - text-align: left; - font: normal normal 100% sans-serif; - text-transform: capitalize; -} - -ul.ft-menu { - list-style: none; -} - -ul.ft-menu > li.ft-field { - display: inline-block; - *display: inline; - *zoom: 1; - margin-right: 30px; - background: none !important; - position: relative !important; -} - -ul.ft-menu > li.ft-field > span.ft-label { - cursor: pointer; -} -ul.ft-menu > li.ft-field > span.ft-label:before { - font-family: "FiltrifyRegular"; - content: "\25CF"; - color: red; - display: inline-block; - *display: inline; - *zoom: 1; - width: 20px; -} -ul.ft-menu > li.ft-field > span.ft-label:after { - font-size: 80%; - content: " \25bc"; -} -ul.ft-menu > li.ft-field > span.ft-label.ft-active:before { - content: "\25CF"; - color: green; -} -ul.ft-menu > li.ft-field > span.ft-label.ft-opened:after { - content: " \25b2"; -} - -ul.ft-menu > li.ft-field > div.ft-panel { - position: absolute; - min-width: 400px; - background-clip: padding-box; - border: 5px solid #333333; - border: 5px solid rgba(0, 0, 0, 0.3); - top: 100%; - margin-top: 15px; - left: 100%; - margin-left: -105px; - z-index: 9999; - box-shadow: 0 3px 5px rgba(0, 0, 0, 0.3); -} -ul.ft-menu > li.ft-field > div.ft-panel:before, -ul.ft-menu > li.ft-field > div.ft-panel:after { - position: absolute; - content: " "; - height: 0; - width: 0; - left: 10%; -} -ul.ft-menu > li.ft-field > div.ft-panel:before { - border-left: 10px solid transparent; - border-right: 10px solid transparent; - border-bottom: 10px solid #333333; - border-bottom: 10px solid rgba(0, 0, 0, 0.3); - top: -15px; - margin-left: -10px; -} -ul.ft-menu > li.ft-field > div.ft-panel:after { - content: " "; - height: 0; - width: 0; - border-left: 8px solid transparent; - border-right: 8px solid transparent; - border-bottom: 8px solid #F5F3EE; - top: -8px; - margin-left: -8px; -} - -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected { - padding: 10px 10px 0 10px; - background: #F5F3EE; -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li { - font-size: 10px; - display: inline-block; - *display: inline; - *zoom: 1; - margin: 1px; - cursor: pointer; - padding: 0px 5px 1px 5px; - color: white; - text-shadow: 0 -1px 0 rgba(0, 0, 0, .25); - border: 1px solid #057ED0; - border: 1px solid rgba(5, 126, 208, 0.7); - -webkit-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); - -moz-box-shadow: inset 0 1px 0 rgba(255,255,255,.1); - box-shadow: inset 0 1px 0 rgba(255,255,255,.1); - background: #019AD2; - background: -webkit-linear-gradient(#33BCEF, #019AD2); - background: -moz-linear-gradient(#33BCEF, #019AD2); - background: -o-linear-gradient(#33BCEF, #019AD2); - background: -ms-linear-gradient(#33BCEF, #019AD2); - background: linear-gradient(#33BCEF, #019AD2); -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:after { - content: " \00D7"; - color: white; -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-selected > li:active { - background: #33BCEF; - background: -webkit-linear-gradient(#019AD2, #33BCEF); - background: -moz-linear-gradient(#019AD2, #33BCEF); - background: -o-linear-gradient(#019AD2, #33BCEF); - background: -ms-linear-gradient(#019AD2, #33BCEF); - background: linear-gradient(#019AD2, #33BCEF); -} - -ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search { - padding: 10px; - background: #F5F3EE; - background: -webkit-linear-gradient(#F5F3EE, #D0CDC9); - background: -moz-linear-gradient(#F5F3EE, #D0CDC9); - background: -o-linear-gradient(#F5F3EE, #D0CDC9); - background: -ms-linear-gradient(#F5F3EE, #D0CDC9); - background: linear-gradient(#F5F3EE, #D0CDC9); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#F5F3EE", EndColorStr="#D0CDC9"); -} -ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search:before { - font: normal normal 12px "FiltrifyRegular"; - content: ""; - position: absolute; - width: 20px; - bottom: 15px; - left: 18px; - color: #BBB; - text-shadow: none; - z-index: 1; -} -ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { - outline: none; - display: block; - width: 90%; - padding: 4px 10px 4px 25px; - color: gray; - background: white; - box-shadow: inset 0 1px 3px rgba(0,0,0,.4), inset 0 1px 0 rgba(0,0,0,.3); -} - -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags { - position: relative !important; - max-height: 200px !important; - border-top: 1px solid #33373D; - overflow-x: hidden; - overflow-y: auto; - width: 100%; -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li { - font-size: 12px; - display: block; - border-bottom: 1px solid #33373D; - box-shadow: inset 0 1px 0 0 #878e98; - display: block; - font-weight: bold; - color: white; - text-shadow: 0 1px 0 rgba(0, 0, 0, .5); - padding: 8px 35px 8px 15px; - cursor: pointer; - background: #616975; - background: -webkit-linear-gradient(#727A86, #505864); - background: -moz-linear-gradient(#727A86, #505864); - background: -o-linear-gradient(#727A86, #505864); - background: -ms-linear-gradient(#727A86, #505864); - background: linear-gradient(#727A86, #505864); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#727a86", EndColorStr="#505864"); -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li:after { - content: attr(data-count); - font-size: 11px; - font-weight: normal; - display: inline-block; - *display: inline; - *zoom: 1; - position: absolute; - right: 15px; - top: 50%; - margin-top: -9px; - padding: 3px 6px; - color: white; - background: #48515C; - box-shadow: inset 0px 1px 3px 0px rgba(0, 0, 0, .26), 0px 1px 0px 0px rgba(255, 255, 255, .15); -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight { - border-bottom: 1px solid #103C56; - box-shadow: inset 0px 1px 0px 0px #6ad2ef; - background: #35AFE3; - background: -webkit-linear-gradient(#45C7EB, #2698DB); - background: -moz-linear-gradient(#45C7EB, #2698DB); - background: -o-linear-gradient(#45C7EB, #2698DB); - background: -ms-linear-gradient(#45C7EB, #2698DB); - background: linear-gradient(#45C7EB, #2698DB); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#45c7eb", EndColorStr="#2698db"); -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:active { - background: -webkit-linear-gradient(#2698DB, #45C7EB); - background: -moz-linear-gradient(#2698DB, #45C7EB); - background: -o-linear-gradient(#2698DB, #45C7EB); - background: -ms-linear-gradient(#2698DB, #45C7EB); - background: linear-gradient(#2698DB, #45C7EB); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#2698DB", EndColorStr="#45C7EB"); -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags > li.ft-highlight:after { - background: #2173A1; -} - -ul.ft-menu > li.ft-field > div.ft-panel > div.ft-mismatch { - font-size: 11px; - padding: 10px 15px; - color: white; - background: #555555; - background: -webkit-linear-gradient(#555555, #333333); - background: -moz-linear-gradient(#555555, #333333); - background: -o-linear-gradient(#555555, #333333); - background: -ms-linear-gradient(#555555, #333333); - background: linear-gradient(#555555, #333333); - filter: progid:DXImageTransform.Microsoft.gradient(GradientType=0,StartColorStr="#555555", EndColorStr="#333333"); -} - -/* REQUIRED! */ -.ft-hidden { display: none !important; } - - -/* Custom webkit scrollbars */ -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar { - width: 10px; -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-track { - box-shadow: inset 0 0 5px rgba(0,0,0,0.5); - background: #DDD; -} -ul.ft-menu > li.ft-field > div.ft-panel > ul.ft-tags::-webkit-scrollbar-thumb { - box-shadow: 0 0 5px rgba(0,0,0,0.7); - background: #EEE; -} - -ul.ft-menu > li.ft-field { - border: 2px solid #CCC; - line-height: 10px; - padding: 5px 9px; - margin: 5px; -} - #container h2 { margin: 0 0 .6em 0; padding: 0; @@ -659,14 +396,6 @@ ul#container { padding-bottom: 10px; } - ul.ft-menu > li.ft-field > div.ft-panel > fieldset.ft-search > input { - width:80%; - } - - ul.ft-menu > li.ft-field > div.ft-panel{ - min-width: 180px; - left:105%; - } } /* Smartphones only */