#vocabgrabber { margin:25px; width: 900px; } #vocabgrabber a { outline: none; } #vgHeader { background: transparent url('/vocabgrabber/images/vocabgrabber-1lx0sgf.gif') no-repeat scroll 0 0; position: relative; height: 60px; z-index: 9; /* FIX IE Z-ORDER BUG */ } #vgHeader h1 { font-size:28px; line-height:60px; margin:0; padding:0; text-indent:-5000px; } #vgUtilities { position: absolute; top: 5px; right: 0px; font-size: 12px; color: #777; line-height: 16px; } #vgUtilities img { float: left; padding-right: 3px; } #vgUtilities a.item { float: left; padding-right: 8px; border-right: 1px solid #ccc; text-decoration: none; } #vgUtilities a.item:hover { text-decoration: underline; } #vgUtilities a#toolbarAdd { padding: 0 20px 0 9px; background: url('/vocabgrabber/images/button-addtotoolbar-18x0kqv.gif') 100% 0 no-repeat; border: none; } #vgUtilities a.toolbarAddExpanded#toolbarAdd { background: url('/vocabgrabber/images/button-addtotoolbar-up-36jtlk.gif') 100% 0 no-repeat; } #vgUtilities #toolbarHelp { background-color: white; border:1px solid #BBBBBB; border-bottom-width: 2px; border-right-width: 2px; color: black; display:none; font-size:12px; position:absolute; right: 0; top:19px; width:300px; z-index: 9; } #toolbarHelp p { margin: 0; padding: 10px; } #toolbarHelp .toolbarButton { background-color: #dddddd; color: black; text-decoration: none; padding: 3px 5px; border: 1px solid #cccccc; border-top-color: #eeeeee; border-left-color: #eeeeee; font-weight: bold; } #vocabgrabber a.lookup { font-weight: bold; padding-right: 12px; background: url('/vocabgrabber/images/icon-lookup-1l2ga3o.gif') 100% 0 no-repeat; } #createWordList { float: right; background: #7BAF15 url('/vocabgrabber/images/button-bg-vuy2yk.gif') repeat-x; color: #fff; font-size: 12px; padding: 6px 12px; border: 1px solid #bbb; cursor: pointer; } /* ========================= Page Layout ========================= */ #resultsArea { display: none; } #vocabgrabber .leftCol { float: left; width: 500px; margin-right: 10px; } #vocabgrabber .rightCol { float: right; width: 380px; position: relative; } .section { margin-bottom: 18px; } /* ========================= Header Bars ========================= */ .section .header { margin: 0; padding: 5px 0 4px 0; background: #ddd url('/vocabgrabber/images/bar-bg-10aqmd1.gif') repeat-x; border-top: 1px solid #d8d8d8; border-bottom: 1px solid #aaa; position: relative; } .header h2 { margin: 0; padding: 0 0 0 25px; font-size: 16px; color: #222; background: url('/vocabgrabber/images/arrow-collapsed-1ggoxtb.gif') 8px 5px no-repeat; cursor: pointer; } .header h2.expanded { background: url('/vocabgrabber/images/arrow-expanded-1pb3yw5.gif') 8px 5px no-repeat; cursor: default; } .header #startOver { background:transparent url('/vocabgrabber/images/icon-startover-1m6slek.gif') no-repeat 0 0; display:inline; font-size:12px; line-height:15px; padding-left:16px; position:absolute; right:10px; text-decoration:none; top:8px; } .subheader { padding: 5px 8px; background: url('/vocabgrabber/images/bar-bg-10aqmd1.gif') repeat-x; border-top: 1px solid #f8f8f8; border-bottom: 1px solid #aaa; } .subheader h3 { cursor: pointer; margin: 0; padding: 0 0 0 14px; color: #000; font-size: 12px; background: url('/vocabgrabber/images/arrow-collapsed-sm-gcjc1z.gif') top left no-repeat; } .subheader h3.expanded { background: url('/vocabgrabber/images/arrow-expanded-sm-1hl5f6x.gif') top left no-repeat; } /* ========================= Parser ========================= */ #entryArea { padding: 12px 12px 14px 12px; background-color: #EAEFF4; text-align: center; position: relative; } #loadingProgress { top: 85px; left: 215px; position: absolute; } #entryArea textarea { width: 100%; height: 210px; font-size: 13px; border: 1px solid #999; } #entryArea textarea[disabled] { color: #cccccc; background-color: white; } #entryArea .charsRemaining { text-align: right; font-size: 80%; color: 8f8f8f; } #parseButton { background: #7BAF15 url('/vocabgrabber/images/button-bg-vuy2yk.gif') repeat-x; color: #fff; margin-top: 6px; padding: 4px 16px; font-weight: bold; font-size: 12px; border: 1px solid #999; } /* ========================= RESULTS: Header / Nav ========================= */ #listHeader { position: relative; margin-bottom: 15px; font-size: 12px; padding-bottom: 6px; border-bottom:3px solid #EAEFF4; } #listHeader .label { font-weight: bold; font-size:11px; } #viewSelector a { float: left; height: 28px; width: 28px; text-decoration: none; background-color: #fff; margin-right: -1px; border: 1px solid #bbb; background-position: 50% 50%; background-repeat: no-repeat; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } #viewSelector a:hover { background-color: #C2D4EF; } #viewSelector #listView { background-image: url('/vocabgrabber/images/view-list-ft4eao.gif'); } #viewSelector #galleryView { background-image: url('/vocabgrabber/images/view-gallery-1vjsjml.gif'); } #viewSelector #tagcloudView { background-image: url('/vocabgrabber/images/view-tagcloud-1i87pah.gif'); } .filterSelector { position: relative; background-color:#EAEFF4; color:#333333; font-size:12px; margin-bottom:10px; padding:6px 0 10px; float: left; width: 100%; } .subjectOptions { float: right; width: 72%; } .subjectOptions ul { list-style: none; margin: 0; padding: 0; } .subjectOptions ul li { float: left; width: 50%; white-space: nowrap; } .subjectOptions li span { font-size: 90%; } .subjectOptions li input { position: relative; top: 1px; } .subjectOptions label { padding: 1px 0 3px 20px; background-position: 0 50%; background-repeat: no-repeat; color: black; height: 16px; /* FIX IE BUG */ } .subjectOptions label.tagALL { padding-left: 0px; font-weight: bold; } #relevanceSelector { border-right:1px dotted #AAAAAA; float: left; padding: 0 15px; } #relevanceSelector #relevance5 { width:90%; } #relevanceSelector #relevance4 { width:75%; } #relevanceSelector #relevance3 { width:60%; } #relevanceSelector #relevance2 { width:45%; } #relevanceSelector #relevance1 { width:30%; } #relevanceSelector a { background-color:#FFFFFF; border:1px solid #CCCCCC; color:#555555; cursor:pointer; display:block; font-size:11px; margin-top:-1px; padding: 1px 0px; text-indent:8px; text-decoration:none; } #relevanceSelector a:hover { background-color:#C2D4EF; border-color:#999999; color:#333333; } #listHeader a.selected { color: #333; border-color: #999; background-color: #AFCCFF; z-index: 400; position: relative; } #sortOptions { float: left; margin: 0 0 0 10px; } #sortOptions a { border-right:1px solid #BBBBBB; padding:1px 4px; text-decoration:none; } #sortOptions .label { padding-left: 4px; } #sortOptions a.descending, #sortOptions a.ascending { background-image: url('/vocabgrabber/images/sort-down-z61mev.gif'); background-repeat: no-repeat; background-position: 97% 50%; color:#333333; font-weight:bold; padding-right: 15px; } #sortOptions a.descending { background-image: url('/vocabgrabber/images/sort-up-1s6d1x7.gif'); } #sortOptions a.ascending { background-image: url('/vocabgrabber/images/sort-down-z61mev.gif'); } /* ========================= RESULTS: List View ========================= */ .wordlistOptions { margin: 8px 0; padding: 10px; background-color: #EAEFF4; font-size: 12px; color: #333; border: 1px solid #bbb; border-right: 2px solid #aaa; border-bottom: 2px solid #aaa; display: none; } .editmode .wordlistOptions { display: block; } .wordlistOptions .label { font-weight: bold; margin-bottom: 3px; } .wordlistOptions input.text { width: 100%; } #saveWordListButton, #cancelWordListButton { float: right; background: #7BAF15 url('/vocabgrabber/images/button-bg-vuy2yk.gif') repeat-x; color: #fff; font-size: 12px; padding: 4px 12px; border: 1px solid #bbb; margin: 5px 0 5px 5px; } #listPanel #selectAllWords { display: none; } table.resultsTable { width: 500px; margin: 0; padding: 0; } table.resultsTable th { font-size: 11px; text-align: left; padding: 2px 8px; } table.resultsTable td { cursor: pointer; } table.resultsTable tr.hover { background-color: #EBFFBF; color: #000; } table.resultsTable td { padding: 4px 8px; border-top: 1px solid #e3e3e3; } table.resultsTable .info { width: 15%; text-align: center; color: #777; } table.resultsTable tr.active { background-color: #D3EF95; text-decoration: none; } table.resultsTable a { text-decoration: none; color: #333; } table.resultsTable a:hover { color: #000; } table.resultsTable a.active { color: #000; font-weight: bold; } table.resultsTable th a { color: #369; } /* ========================= Subjects ========================= */ .PER { background-image: url('/vocabgrabber/images/subj-people-1y68qcx.gif'); color: #ad01e6; } .GEO { background-image: url('/vocabgrabber/images/subj-geography-98ys5x.gif'); color: #2490ff; } .ART { background-image: url('/vocabgrabber/images/subj-arts-18ct7gn.gif'); color: #f14ebb; } .SOC { background-image: url('/vocabgrabber/images/subj-social-yl6pgx.gif'); color: #c9b401; } .MAT { background-image: url('/vocabgrabber/images/subj-math-1xcxitz.gif') ; color: #e60000; } .SCI { background-image: url('/vocabgrabber/images/subj-science-1jbttc1.gif'); color: #4da400; } .VOC { background-image: url('/vocabgrabber/images/subj-vocabulary-1wandcs.gif'); color: #814601; } td.tags a { padding: 0 8px; height: 16px; background-repeat: no-repeat; background-position: 0 50%; } /* ========================= My Word Lists ========================= */ ol#wordlists { margin: 0; padding: 0 0 0 20px; } ol#wordlists li { padding: 2px 0; } /* ========================= RESULTS: RIGHT COLUMN ========================= */ #wordInfo { width: 380px; padding: 5px 0; background-color: #D3EF95; text-align: center; display: none; } #mapRoot { position: relative; overflow: hidden; width: 97%; height: 190px; margin: 0 auto; background-color: #fff; background-repeat: no-repeat; background-position: 50% 50%; border-bottom: 1px solid #ccc; } #definitions, #exampleSentences { width: 97%; margin: 0 auto; background-color: #fff; text-align: left; } #definitions h4 { margin: 0; padding: 6px 6px 3px 6px; font-size: 12px; border-bottom: 1px solid #ddd; } #definitions li { border-bottom: 1px solid #ddd; padding: 4px 4px 4px 24px; background-repeat: no-repeat; background-position: 6 .6em; } #definitions ul { margin: 0; padding: 0; list-style: none; } #nouns li { background-image: url('/images/dictview/noun-10m62s.gif'); } #verbs li { background-image: url('/images/dictview/verb-1cgtf4s.gif'); } #adjectives li { background-image: url('/images/dictview/adjective-1dknyqr.gif'); } #adverbs li { background-image: url('/images/dictview/adverb-omlxfb.gif'); } #exampleSentences ul { margin: 0; padding: 0; list-style: none; } #exampleSentences li { padding: 8px 14px 8px 24px; border-bottom: 1px solid #ccc; position: relative; } #exampleSentences input { position: absolute; top: 5px; left: 0px; } #exampleSentences .usage { font-weight: bold; } #exampleSentences .example { padding: 5px 0px; border-bottom: 1px solid black; } #exampleSentences .hover { background-color: #EBFFBF; color: #000; } /* =============== Tag Cloud View =================== */ #tagcloudPanel a { background-image: none; text-decoration: none; padding-right: 5px; } #tagcloudPanel a:hover { text-decoration: underline; } #tagcloudPanel a.f6 { font-size: 220%; } #tagcloudPanel a.f5 { font-size: 210%; } #tagcloudPanel a.f4 { font-size: 180%; } #tagcloudPanel a.f3 { font-size: 150%; } #tagcloudPanel a.f2 { font-size: 120%; } #tagcloudPanel a.f1 { font-size: 90%; } #galleryPanel a { background-position:50% 50%; background-repeat:no-repeat; border:1px solid #CCCCCC; cursor:pointer; float:left; height:112px; width:112px; margin: 0 5px 10px 6px; display: block; text-decoration: none; } /*===================== HELP ====================*/ .help h3 { color:#333333; font-size:16px; margin:0 0 5px; } #howTo ol { list-style-image:none; list-style-position:outside; list-style-type:none; margin: 0 0 18px; padding:0; } #howTo ol li { line-height:44px; margin:0; padding:0 0 0 45px; background-repeat: no-repeat; background-position: 0 50%; } #howTo li.step1 { background-image: url('/vocabgrabber/images/step1-1h5vj4s.gif'); } #howTo li.step2 { background-image: url('/vocabgrabber/images/step2-14xomad.gif'); } #howTo li.step3 { background-image: url('/vocabgrabber/images/step3-1xr9eqc.gif'); } #howTo ul { margin:0; padding:0 0 0 60px; } #howTo ul li { margin:0; padding:2px 0; } #howTo .pointerLeft { background:transparent url('/vocabgrabber/images/pointer-left-wp2pld.gif') no-repeat 0 50%; line-height:43px; margin:0; padding:0 0 0 46px; } #productFeatures { background:#FFFFFF url('/vocabgrabber/images/features-bg-pt3m81.gif') repeat-x 0 0; border-top:1px solid #D3EF95; padding:6px 0; } #productFeatures dl { border-top:1px dotted #CEEF86; clear:right; margin:0 0 0 18px; padding:0; } #productFeatures dl.first { border:0 none; } #productFeatures dt { color:#82AF15; font-size:16px; margin:0; padding:18px 0 10px; width:460px; } #productFeatures dd { margin:0; padding-bottom:20px; width:460px; } #productFeatures dd.img { float:right; margin:-25px 5px 0 0; padding-bottom:12px; width:auto; } @MEDIA print { .noprint { display: none !important; } #vgHeader { display: list-item; list-style-image: url('/vocabgrabber/images/vocabgrabber-1lx0sgf.gif'); list-style-position: inside; } #resultsArea .header h2 { background: none !important; padding: 0 !important; } #resultsArea .header { margin-bottom: .5em !important; } #wordInfo { border: 1px solid #AAAAAA; } }