/* ==========---common---============================================================ */ /* #sbheader */ #sbheader { width: 100%; min-width: 1120px; height: 40px; background-color: rgb(64,64,64); border-bottom: 1px solid rgb(32,32,32); } #sbheader #sbmenu { width: 980px; height: 40px; margin: 0 auto; list-style-type: none; } #sbheader #sbmenu li { display: inline-block; vertical-align: middle; list-style: none; height: 40px; margin-right: 20px; color: white; } #sbheader #sbmenu li { display: block; height: 40px; font-size: 11px; font-weight: bold; text-align: center; line-height: 40px; float: left; overflow: hidden; list-style: none; } #sbheader #sbmenu li a { color: white; } #sbheader #sbmenu li a:hover { text-decoration: none; background-color: #555 } #sbheader #sbmenu li.home { vertical-align: top; width: 112px; } #sbheader #sbmenu li.ad { font-size: 12px; float: right; } #sbheader #sbmenu li.ad a { font-size: 16px; position: relative; top: 2px; color: rgb(80,160,255); } #sbheader #sbmenu li.ad img { vertical-align: baseline; position: relative; top: 4px; } /* ol.list */ ol.list { margin: auto; padding: 8px 8px 8px 3em; list-style-type: decimal-leading-zero; background-color: rgb(255,255,255); background: -webkit-linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); background: -moz-linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); background: -ms-linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); background: -o-linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); background: linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); -pie-background: linear-gradient( top, rgba(128,128,128,0.05) 0%, rgba(255,255,255,0.05) 100% ); border-top: 1px dashed rgba(0, 0, 0, 0.05); border-bottom: 1px dashed rgba(0, 0, 0, 0.05); -webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); -moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); -ms-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); -o-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.2); behavior: url(/script/js/PIE.htc); } /* .talk [old] */ .talk { width: 628px; padding-left: 52px; min-height: 52px; background-repeat: no-repeat; background-position: top left; } .talk_rev { width: 628px; padding-right: 52px; min-height: 52px; background-repeat: no-repeat; background-position: top right; } .t_dr { background-image: url(./image/img-face-doctor.png); } .t_dr_cry { background-image: url(./image/img-face-doctor-cry.png); } .t_r_dr { background-image: url(./image/img-face-doctor_rev.png); } .t_r_dr_cry { background-image: url(./image/img-face-doctor-cry_rev.png); } .t_good { background-image: url(./image/img-face-goodboy.png); } .t_norm { background-image: url(./image/img-face-normboy.png); } .t_bad { background-image: url(./image/img-face-badboy.png); } .t_s_dr { background-image: url(./image/img-face-doctor-s.png); } .t_s_dr_cry { background-image: url(./image/img-face-doctor-cry-s.png); } .t_s_r_dr { background-image: url(./image/img-face-doctor_rev-s.png); } .t_s_r_dr_cry { background-image: url(./image/img-face-doctor-cry_rev-s.png); } .t_s_good { background-image: url(./image/img-face-goodboy-s.png); } .t_s_norm { background-image: url(./image/img-face-normboy-s.png); } .t_s_bad { background-image: url(./image/img-face-badboy-s.png); } .t_s_dummy { background-image: url(./image/img-face-dummy-s.png); } .talk .balloon , .talk_rev .balloon { display: block; position: relative; margin: 0 0 0.5em 16px; padding: 8px; width: 572px; background-color: white; border: 1px solid lightgrey; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; behavior: url(/script/js/PIE.htc); } .talk .balloon:before , .talk_rev .balloon:before { content: ''; width: 0; height: 0; display: block; position: absolute; z-index: 1; top: 11px; left: -16px; border-width: 16px 16px 0 0; border-style: solid; border-color: transparent lightgrey transparent transparent; } .talk .balloon:after , .talk_rev .balloon:after { content: ''; width: 0; height: 0; display: block; position: absolute; z-index: 2; top: 12px; left: -14px; border-width: 14px 14px 0 0; border-style: solid; border-color: transparent white transparent transparent; } .talk_rev .balloon:before { top: 11px; left: 656px; border-width: 16px 0 0 16px; border-style: solid; border-color: transparent transparent transparent lightgrey; } .talk_rev .balloon:after { top: 12px; left: 656px; border-width: 14px 0 0 14px; border-style: solid; border-color: transparent transparent transparent white; } .talk span.text , .talk_rev span.text { display: none; } /* .button */ #content #entry .button a { color: white; } #content #entry .button { display: inline-block; margin-bottom: 0.5em; color: white; font-weight: bold; padding: 0.25em 0.5em; text-shadow: 0px -1px 0 rgba(0,0,0,0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid rgb(34,124,177); background-color: rgb(34,124,177); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -webkit-box-shadow: 0px 1px 2px #999999; -moz-box-shadow: 0px 1px 2px #999999; -ms-box-shadow: 0px 1px 2px #999999; -o-box-shadow: 0px 1px 2px #999999; box-shadow: 0px 1px 2px #999999; behavior: url(/script/js/PIE.htc); } #content #entry .button:hover { border: 1px solid rgb(254,203,49); background-color: rgb(254,203,49); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); behavior: url(/script/js/PIE.htc); } #content #entry .button:hover a { text-decoration: none; } #content #entry .button:active { position: relative; top: 1px; text-shadow: 0px -1px 0 rgb(40,40,40); border: 1px solid rgb(178,126,25); background-color: rgb(178,126,25); background: -webkit-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -moz-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -ms-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -o-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -pie-background: linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; behavior: url(/script/js/PIE.htc); } /* #link>.amazlet */ #link #amazon .amazlet-box { margin-bottom: 0.5em !important; padding: 8px; border-width: 1px; border-style: solid; border-color: rgb(252,250,232) rgb(204,202,168) rgb(204,202,168) rgb(201,199,165); background-color: rgb(252,250,216); background: -webkit-linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); background: -moz-linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); background: -ms-linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); background: -o-linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); background: linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); -pie-background: linear-gradient( top, rgb(255,249,234) 0%, rgb(251,250,218) 100% ); behavior: url(/script/js/PIE.htc); -webkit-box-shadow: 0px 2px 4px rgb(153,153,153); -moz-box-shadow: 0px 2px 4px rgb(153,153,153); -ms-box-shadow: 0px 2px 4px rgb(153,153,153); -o-box-shadow: 0px 2px 4px rgb(153,153,153); box-shadow: 0px 2px 4px rgb(153,153,153); behavior: url(/script/js/PIE.htc); } #link #amazon .amazlet-box .amazlet-image { float: left; margin: 0 !important; border: 1px solid rgba(0,0,0,0.25); } #link #amazon .amazlet-box .amazlet-image img { max-height: 100px; max-width: 70px; } #link #amazon .amazlet-box .amazlet-info { float:left; width: 128px; margin-bottom: 0 !important; } #link #amazon .amazlet-box .amazlet-name { margin-bottom: 0 !important; padding-left: 8px; font-size: 90%; line-height: 1em; font-weight: bold; border-bottom: 1px solid lightgrey; } #link #amazon .amazlet-box .amazlet-powered-date { font-size: 8px; color: #776666; font-weight: normal; text-align: right; margin-top: 1px; } #link #amazon .amazlet-box .amazlet-detail { display: none; } #link #amazon .amazlet-sub-info { margin-left: 8px; } #link #amazon .amazlet-box .amazlet-link { font-size: 75%; text-align: right; } #link #amazon .amazlet-box .amazlet-link a { color: rgb(155,104,0); border: 1px solid rgb(204,170,102); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; padding: 2px 4px; background-color: rgb(128,128,128); background: -webkit-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); background: -moz-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); background: -ms-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); background: -o-linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); background: linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); -pie-background: linear-gradient( top, rgb(255,241,234) 0%, rgb(255,238,204) 100% ); text-shadow: 1px 1px 0 rgb(255,255,255); -webkit-box-shadow: 0px 1px 2px rgb(170,166,166); -moz-box-shadow: 0px 1px 2px rgb(170,166,166); -ms-box-shadow: 0px 1px 2px rgb(170,166,166); -o-box-shadow: 0px 1px 2px rgb(170,166,166); box-shadow: 0px 1px 2px rgb(170,166,166); behavior: url(/script/js/PIE.htc); } #link #amazon .amazlet-box .amazlet-footer { width: 1px; } /* ==========.ptcm2index============================================================ */ /* .ptcm2index>#container */ body.ptcm2index #container { background-color: white; } body.ptcm2index #container #content { background-color: white; } /* .ptcm2index>#container>#content>#chart */ body.ptcm2index #chart { display: block; width: 800px; height: 640px; margin: 32px auto; position: relative; background: transparent url(./image/img-index-chart.png) no-repeat; z-index: 10; } body.ptcm2index #chart a { z-index: 20; } body.ptcm2index #chart a#beginnerlink { display: inline-block; width: 202px; height: 100px; position: absolute; top: 314px; left: 260px; color: transparent; } body.ptcm2index #chart a#a40link { display: inline-block; width: 168px; height: 84px; position: absolute; top: 440px; left: 405px; color: transparent; } body.ptcm2index #chart a#upgraderlink { display: inline-block; width: 174px; height: 100px; position: absolute; top: 516px; left: 540px; color: transparent; } body.ptcm2index #chart img#beginner { display: none; } body.ptcm2index #chart img#a40 { display: none; } body.ptcm2index #chart img#upgrader { display: none; } /* .ptcm2index>#container>#entrybookmark */ body.ptcm2index #container #entrybookmark { background-color: rgb(237,232,220); background: -webkit-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -moz-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -ms-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -o-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); -pie-background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); behavior: url(/script/js/PIE.htc); } /* .ptcm2index>#container>#footer */ body.ptcm2index #container #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 72px; padding-top: 8px; background-color: rgb(48,48,48); background: -moz-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -ms-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -o-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -webkit-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); -pie-background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); behavior: url(/script/js/PIE.htc); } /* ==========.ptcm2main============================================================ */ /* .ptcm2main */ body.ptcm2main { background: -webkit-radial-gradient(black 15%, transparent 16%) 0 0, -webkit-radial-gradient(black 15%, transparent 16%) 8px 8px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -webkit-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background: -ms-radial-gradient(black 15%, transparent 16%) 0 0, -ms-radial-gradient(black 15%, transparent 16%) 8px 8px, -ms-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -ms-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; background: -o-radial-gradient(black 15%, transparent 16%) 0 0, -o-radial-gradient(black 15%, transparent 16%) 8px 8px, -o-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, -o-radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; -pie-background: radial-gradient(black 15%, transparent 16%) 0 0, radial-gradient(black 15%, transparent 16%) 8px 8px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 0 1px, radial-gradient(rgba(255,255,255,.1) 15%, transparent 20%) 8px 9px; behavior: url(/script/js/PIE.htc); background-color: rgb(60,60,60); background-size: 16px 16px; } body.ptcm2main #container { background-color: rgb(240,239,234); width: 1000px; margin: auto; position: relative; min-height: 100%; background-color: rgb(128,128,128); background: -webkit-linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); background: -moz-linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); background: -ms-linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); background: -o-linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); background: linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); -pie-background: linear-gradient( left, rgb(100,100,100) 0px, rgb(100,100,100) 96px, rgb(80,80,80) 100px, rgb(243,241,231) 100px, rgb(243,241,231) 1000px ); -webkit-box-shadow: 0 0 8px rgb(0,0,0); -moz-box-shadow: 0 0 8px rgb(0,0,0); -ms-box-shadow: 0 0 8px rgb(0,0,0); -o-box-shadow: 0 0 8px rgb(0,0,0); box-shadow: 0 0 8px rgb(0,0,0); behavior: url(/script/js/PIE.htc); } /* .ptcm2main>#container>#title */ body.ptcm2main #container #title { width: 1000px; height: 140px; background-color: rgb(255,255,255); background: -webkit-linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); background: -moz-linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); background: -ms-linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); background: -o-linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); background: linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); -pie-background: linear-gradient( top, rgb(255,255,255) 0%, rgb(230,230,230) 100% ); behavior: url(/script/js/PIE.htc); } /* .ptcm2main>#container>#summary */ body.ptcm2main #container #summary { width: 1000px; height: 60px; background-color: rgb(100,100,100); background: -webkit-linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); background: -moz-linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); background: -ms-linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); background: -o-linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); background: linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); -pie-background: linear-gradient( top, rgb(50,50,50) 0%, rgb(100,100,100) 10%, rgb(100,100,100) 100% ); behavior: url(/script/js/PIE.htc); } body.ptcm2main #container #summary dl { height: 60px; padding: 16px 8px; } body.ptcm2main #container #summary dd , body.ptcm2main #container #summary dt { margin: 0; } body.ptcm2main #container #summary dl div.left { float: left; margin-left: 16px; } /* .ptcm2main>#container>#content */ body.ptcm2main #container #content { width: 1000px; position: relative; padding-bottom: 72px; } /* .ptcm2main>#content>#entry */ body.ptcm2main #content #entry { width: 670px; float: left; background-color: rgb(243,241,231); padding: 16px; } /* .ptcm2main>#content>#entry>.screen */ body.ptcm2main #content #entry .screen { margin: 0 16px; background-color: black; border: 4px solid rgb(60,60,60); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; behavior: url(/script/js/PIE.htc); } /* .ptcm2main>#content>#entry>.button */ body.ptcm2main #content #entry .button a { color: white; } body.ptcm2main #content #entry .button { display: inline-block; margin-bottom: 0.5em; color: white; font-weight: bold; padding: 0.25em 0.5em; text-shadow: 0px -1px 0 rgba(0,0,0,0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid rgb(34,124,177); background-color: rgb(34,124,177); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -webkit-box-shadow: 0px 1px 2px #999999; -moz-box-shadow: 0px 1px 2px #999999; -ms-box-shadow: 0px 1px 2px #999999; -o-box-shadow: 0px 1px 2px #999999; box-shadow: 0px 1px 2px #999999; behavior: url(/script/js/PIE.htc); } body.ptcm2main #content #entry .button:hover { border: 1px solid rgb(254,203,49); background-color: rgb(254,203,49); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); behavior: url(/script/js/PIE.htc); } body.ptcm2main #content #entry .button:hover a { text-decoration: none; } body.ptcm2main #content #entry .button:active { position: relative; top: 1px; text-shadow: 0px -1px 0 rgb(40,40,40); border: 1px solid rgb(178,126,25); background-color: rgb(178,126,25); background: -webkit-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -moz-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -ms-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -o-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -pie-background: linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; behavior: url(/script/js/PIE.htc); } /* .ptcm2main>#content>#entry>.heading */ body.ptcm2main #entry .heading { margin: 16px 0; } body.ptcm2main #entry .heading img.topicon { display: block; float: left; margin-right: 8px; } body.ptcm2main #entry .heading div.top { width: 560px; float: left; margin-bottom: 16px; } /* .ptcm2main>#container>#link */ body.ptcm2main #container #link { position: absolute; left: 800px; top: 20px; width: 220px; padding: 8px; background-color: rgb(128,128,128); background: -webkit-linear-gradient( top, rgb(236,227,206) 0%, rgb(224,216,196) 100% ); background: -moz-linear-gradient( top, rgb(239,227,203) 0%, rgb(230,216,186) 100% ); background: -ms-linear-gradient( top, rgb(239,227,203) 0%, rgb(230,216,186) 100% ); background: -o-linear-gradient( top, rgb(239,227,203) 0%, rgb(230,216,186) 100% ); background: linear-gradient( top, rgb(239,227,203) 0%, rgb(230,216,186) 100% ); -pie-background: linear-gradient( top, rgb(239,227,203) 0%, rgb(230,216,186) 100% ); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -ms-box-shadow: 0 1px 4px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 4px rgba(0,0,0,0.5); box-shadow: 0 1px 4px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); } body.ptcm2main #container #link #bann img { margin-bottom: 8px; } /* .ptcm2main>#container>#footer */ body.ptcm2main #container #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 92px; padding-top: 8px; background-color: rgb(48,48,48); background: -moz-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -ms-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -o-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -webkit-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); -pie-background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); behavior: url(/script/js/PIE.htc); } /* ==========.ptcm2a40============================================================ */ /* .ptcm2a40>#content>#entry>#heading-b */ body.ptcm2a40 #entry #heading-b p.topicon { float: left; margin-right: 8px; -webkit-box-shadow: 0px 4px 8px rgba(0,0,0,0.5); -moz-box-shadow: ; -ms-box-shadow: ; -o-box-shadow: ; box-shadow: ; behavior: url(/script/js/PIE.htc); } body.ptcm2a40 #entry #heading-b p.top { float: left; margin-top: 20px; margin-bottom: 16px; } /* .ptcm2a40>#container>h3 */ body.ptcm2a40 h3.column { margin-top: 1em; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2a40 div.column { padding: 0 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcm2a40 div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcm2a40 div.column p:first-letter { font-size: 150%; line-height: 1.75em; } /* ==========.ptcm2beginner============================================================ */ /* .ptcm2beginner>#content>#entry>#heading-b */ body.ptcm2beginner #entry #heading-b p.topicon { float: left; margin-right: 8px; } body.ptcm2beginner #entry #heading-b p.top { float: left; margin-top: 40px; margin-bottom: 16px; } /* .ptcm2beginner>#container>h3.column */ body.ptcm2beginner h3.column { margin: auto -16px; padding: 8px 16px; background-color: rgb(243,241,231); background: -webkit-linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); background: -o-linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); background: linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( left, rgb(215,213,201) 0%, rgb(229,228,215) 90%, rgb(243,241,231) 100% ); -webkit-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1); -moz-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1); -ms-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1); -o-box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1); box-shadow: 0 -1px 0 rgba(0,0,0,0.1), 0 1px 0 rgba(255,255,255,1); behavior: url(/script/js/PIE.htc); border-top: 1px solid rgba(255,255,255,0.75); border-bottom: 1px solid rgba(0,0,0,0.1); behavior: url(/script/js/PIE.htc); } body.ptcm2beginner div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcm2beginner div.column p:first-letter { font-size: 150%; line-height: 1.75em; } /* ==========.ptcm2upgrader============================================================ */ /* .ptcm2upgrader>#content>#entry>#heading-b */ body.ptcm2upgrader #entry #heading-b p.topicon { float: left; margin-right: 8px; } body.ptcm2upgrader #entry #heading-b p.top { float: left; margin-top: 40px; margin-bottom: 16px; } /* .ptcm2upgrader>#container>h3.column */ body.ptcm2upgrader h3.column { background-color: rgba(247,174,34,0.1); background: -webkit-linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); background: -moz-linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); background: -ms-linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); background: -o-linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); background: linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); -pie-background: linear-gradient( top, rgba(247,174,34,0.1) 0%, rgba(180,119,9,0.1) 100% ); border: 4px solid rgba(0,0,0,0.25); border-left: none; margin: 1em; margin-left: -16px; padding-left: 16px; padding-top: 8px; padding-bottom: 8px; -webkit-border-radius: 0 64px 64px 0; -moz-border-radius: 0 64px 64px 0; -ms-border-radius: 0 64px 64px 0; -o-border-radius: 0 64px 64px 0; border-radius: 0 64px 64px 0; -webkit-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); -moz-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); -ms-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); -o-box-shadow: 0px 2px 8px rgba(0,0,0,0.25); box-shadow: 0px 2px 8px rgba(0,0,0,0.25); behavior: url(/script/js/PIE.htc); } body.ptcm2upgrader h3.column p.h3icon { float: left; margin-right: 8px; } body.ptcm2upgrader h3.column p.h3 { float: left; } /* .ptcm2upgrader>#container>div.column */ body.ptcm2upgrader div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcm2upgrader div.column dl dt { display: inline-block; margin-left: 1em; margin-bottom: 0.25em; padding: 0 16px; background-color: rgb(147,74,0); background: -webkit-linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); background: -moz-linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); background: -ms-linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); background: -o-linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); background: linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); -pie-background: linear-gradient( top, rgb(247,174,34) 0%, rgb(254,203,49) 100% ); -webkit-border-radius: 16px; -moz-border-radius: 16px; -ms-border-radius: 16px; -o-border-radius: 16px; border-radius: 16px; -webkit-box-shadow: 0 -1px 2px rgba(0,0,0,0.25); -moz-box-shadow: ; -ms-box-shadow: ; -o-box-shadow: ; box-shadow: ; behavior: url(/script/js/PIE.htc); } body.ptcm2upgrader #endmore { margin: 1em; } /* ==========.ptcmpt============================================================ */ /* .ptcmpt>#content>#entry>#heading-b */ body.ptcmpt #entry #heading-b p.topicon { float: left; margin-right: 8px; } body.ptcmpt #entry #heading-b p.top { float: left; margin-top: 20px; margin-bottom: 16px; } /* .ptcmpt>#container>h3 */ body.ptcmpt h3.column { margin-top: 1em; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcmpt div.column { padding: 0 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcmpt div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcmpt div.column p:first-letter { font-size: 150%; line-height: 1.75em; } /* .ptcmpt>#content>#entry>.shadow */ body.ptcmpt #content #entry .shadow { margin: 0 16px; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 8px rgba(0,0,0,0.5); -o-box-shadow: 0 0 8px rgba(0,0,0,0.5); box-shadow: 0 0 8px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); } /* .ptcmpt>#container>#notice */ body.ptcmpt #container #notice { position: fixed !important; width: 1000px; background-color: rgba(255,255,255,0.75); z-index: 101; } body.ptcmpt #container #notice p { margin: 5em; text-align: center; color: red; font-weight: bold; } /* ==========.ptcm2sample============================================================ */ /* .ptcm2sample>#container>h3 */ body.ptcm2sample h3.column { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2sample div.column { padding: 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } /* ==========.ptcm2present============================================================ */ /* .ptcm2present>#container>h3 */ body.ptcm2present h3.column { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2present div.column { padding: 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcm2present div.download { display: inline-block; margin-left: 16px; margin-bottom: 1em; border: 1px solid rgb(71,71,67); background-color: rgba(255,255,255,0.5); -webkit-border-radius: 4px 4px 0 0; -moz-border-radius: 4px 4px 0 0; -ms-border-radius: 4px 4px 0 0; -o-border-radius: 4px 4px 0 0; border-radius: 4px 4px 0 0; -webkit-box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset; -moz-box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset; -ms-box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset; -o-box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset; box-shadow: 0 2px 4px rgba(0,0,0,0.25) inset; behavior: url(/script/js/PIE.htc); behavior: none¥9; /* IE8 and below */ *behavior: none; /* IE7 and below */ } body.ptcm2present div.download h4 { background-color: rgb(71,71,67); -webkit-box-shadow: 0 2px 2px rgb(0,0,0); -moz-box-shadow: 0 2px 2px rgb(0,0,0); -ms-box-shadow: 0 2px 2px rgb(0,0,0); -o-box-shadow: 0 2px 2px rgb(0,0,0); box-shadow: 0 2px 2px rgb(0,0,0); behavior: url(/script/js/PIE.htc); behavior: none¥9; /* IE8 and below */ *behavior: none; /* IE7 and below */ } body.ptcm2present div.download p { margin: 0.25em; } body.ptcm2present img.image { margin: 1em; padding: 0.25em; border: 1px solid rgb(128,128,128); background-color: rgba(127,98,79,0.5); } body.ptcm2present div.description { margin: 0.5em 1em 1em 1em; } body.ptcm2present div.description h5 { border-bottom: 1px solid rgb(177,177,167); } body.ptcm2present div.description ul { margin-left: 1em; } body.ptcm2present p.description { margin: 0.5em 1em 1em 1em; } /* ==========.ptcm2download============================================================ */ /* .ptcm2download>#container>h3 */ body.ptcm2download h3.column { margin-top: 1em; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2download div.column { padding: 0 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcm2download div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcm2download p.fontsample { display: inline-block; padding: 0.5em; background: white; border: 1px solid rgba(0,0,0,0.25); } /* ==========.ptcm2ogiri============================================================ */ /* .ptcm2ogiri>#container>h3 */ body.ptcm2ogiri h3.column { margin: 0 -16px; padding: 8px; background-color: rgb(0,121,231); border-right: 1px solid rgb(0,60,115); background: -webkit-linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); background: -moz-linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); background: -ms-linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); background: -o-linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); background: linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); -pie-background: linear-gradient( top, rgb(0,60,115) 0%, rgb(0,121,231) 10%, rgb(0,121,231) 90%, rgb(0,60,115) 100% ); behavior: url(/script/js/PIE.htc); } /* .ptcm2ogiri>#container>h4 */ body.ptcm2ogiri h4.column { margin: 0 -16px 8px -16px; padding: 4px; font-size: 1.5em; border: 1px solid rgba(0,0,0,0.1); border-top: 1px solid rgba(255,255,255,0.1); background-color: rgb(64,180,255); background: -webkit-linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); background: -moz-linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); background: -ms-linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); background: -o-linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); background: linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); -pie-background: linear-gradient( top, rgb(44,160,235) 0%, rgb(64,180,255) 100% ); -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.5); -o-box-shadow: 0 1px 1px rgba(0,0,0,0.5); box-shadow: 0 1px 1px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); } /* .ptcm2ogiri>#container>div */ body.ptcm2ogiri div.column { padding: 8px; margin-bottom: 3em; } body.ptcm2ogiri div.column p { margin-bottom: 1em; } /* .ptcm2ogiri>#container>p,dl,ol */ body.ptcm2ogiri p.box , body.ptcm2ogiri dl.box { border: 1px solid rgb(2,170,224); padding: 0.5em; background-color: rgba(59,193,235,0.3); background: -webkit-linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); background: -moz-linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); background: -ms-linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); background: -o-linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); background: linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); -pie-background: linear-gradient( top, rgba(59,193,235,0.3) 0%, rgba(2,170,224,0.3) 100% ); -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri dl.box dd { margin-left: 1.5em; } body.ptcm2ogiri ol.description { margin-bottom: 1em; } /* .ptcm2ogiri>#container>.mail */ body.ptcm2ogiri .mail label { display: block; } body.ptcm2ogiri .mail label.checkbox { display: inline; } body.ptcm2ogiri .mail textarea { display: block; } body.ptcm2ogiri .mail fieldset { border: 0px transparent solid; margin-bottom: 1em; } body.ptcm2ogiri .mail table.form { width: 660px; } body.ptcm2ogiri .mail table.form th { width: 12em; padding: 1em; } body.ptcm2ogiri .confirmbutton button { margin-top: 1em; font-size: 1em; padding: 0.5em; } body.ptcm2ogiri .confirmbutton button { display: inline-block; margin-bottom: 0.5em; margin-right: 0.5em; color: white; font-weight: bold; padding: 0.25em 0.5em; text-shadow: 0px -1px 0 rgba(0,0,0,0.75); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; border: 1px solid rgb(34,124,177); background-color: rgb(34,124,177); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(40,161,209) 2%, rgb(29,107,153) 100% ); -webkit-box-shadow: 0px 1px 2px #999999; -moz-box-shadow: 0px 1px 2px #999999; -ms-box-shadow: 0px 1px 2px #999999; -o-box-shadow: 0px 1px 2px #999999; box-shadow: 0px 1px 2px #999999; behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri .confirmbutton button:hover { border: 1px solid rgb(254,203,49); background-color: rgb(254,203,49); background: -webkit-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -moz-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -ms-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); background: -o-linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); -pie-background: linear-gradient( top, rgb(200,200,200) 0%, rgb(254,203,49) 2%, rgb(247,175,35) 100% ); behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri .confirmbutton button:hover a { text-decoration: none; } body.ptcm2ogiri .confirmbutton button:active { position: relative; top: 1px; text-shadow: 0px -1px 0 rgb(40,40,40); border: 1px solid rgb(178,126,25); background-color: rgb(178,126,25); background: -webkit-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -moz-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -ms-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); background: -o-linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -pie-background: linear-gradient( top, rgb(127,90,18) 0%, rgb(153,108,22) 10%, rgb(190,135,27) 100% ); -moz-box-shadow: none; -ms-box-shadow: none; -o-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri .error { color: red; } body.ptcm2ogiri .program { margin-bottom: 2em; padding: 0.5em; background: -webkit-linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); background: -moz-linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); background: -ms-linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); background: -o-linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); background: linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); -pie-background: linear-gradient( top, rgba(0,0,0,0.05) 0%, rgba(0,0,0,0.0) 100% ); -webkit-border-radius: 1em; -moz-border-radius: 1em; -ms-border-radius: 1em; -o-border-radius: 1em; border-radius: 1em; behavior: url(/script/js/PIE.htc); border-top: 1px solid rgba(0,0,0,0.2); } body.ptcm2ogiri .thanks { margin-bottom: 2em; padding: 0.5em; font-size: 0.8em; background-color: rgb(255,255,255); border: 1px solid lightgrey; -webkit-border-radius: 0.5em; -moz-border-radius: 0.5em; -ms-border-radius: 0.5em; -o-border-radius: 0.5em; border-radius: 0.5em; behavior: url(/script/js/PIE.htc); } /* .ptcm2ogiri>#container>.youtube */ body.ptcm2ogiri .youtubemovie { width: 600px; margin: auto; margin-bottom: 2em; text-align: center; } body.ptcm2ogiri .youtubemovie p { text-align: left; margin-top: 1em; } body.ptcm2ogiri .youtubemovie iframe { -webkit-box-shadow: 0 2px 8px rgba(0,0,0,0.75); -moz-box-shadow: 0 2px 8px rgba(0,0,0,0.75); -ms-box-shadow: 0 2px 8px rgba(0,0,0,0.75); -o-box-shadow: 0 2px 8px rgba(0,0,0,0.75); box-shadow: 0 2px 8px rgba(0,0,0,0.75); behavior: url(/script/js/PIE.htc); } /* .ptcm2ogiri>#container>.award */ body.ptcm2ogiri .award { margin: 0 10px 2em 20px; padding-top: 10px; padding-bottom: 10px; background-color: rgb(128,128,128); background: -webkit-linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); background: -moz-linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); background: -ms-linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); background: -o-linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); background: linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); -pie-background: linear-gradient( top, rgb(255,255,255) 0%, rgb(234,238,239) 100% ); -webkit-box-shadow: 0 2px 4px rgba(64,48,0,0.5); -moz-box-shadow: 0 2px 4px rgba(64,48,0,0.5); -ms-box-shadow: 0 2px 4px rgba(64,48,0,0.5); -o-box-shadow: 0 2px 4px rgba(64,48,0,0.5); box-shadow: 0 2px 4px rgba(64,48,0,0.5); behavior: url(/script/js/PIE.htc); border: 2px solid rgb(234,238,239); } /* .ptcm2ogiri>#container>.award>.ribbon */ body.ptcm2ogiri .ribbon-wrapper { position: relative; width: 640px; margin-bottom: 10px; } body.ptcm2ogiri h4.ribbon { position: relative; left: -24px; background-color: rgb(106,0,3); background: -webkit-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -moz-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -ms-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -o-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); -pie-background: linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 4px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); height: 1em; padding: 0.5em; font-weight: bold; border: 1px solid rgba(255,120,120,0.5); font-size: 1.5em; line-height: 1em; color: rgb(230,228,163); text-shadow: 0 1px 1px rgba(255,128,128,0.75), 0 -1px 1px rgba(0,0,0,0.5); } body.ptcm2ogiri h4.ribbon:before { content: ""; display: block; position: absolute; top: 2em; left: 0px; height: 0px; width: 0px; border-style: solid; border-color: transparent rgb(49,0,4) transparent transparent; border-width: 0 20px 12px 0; } body.ptcm2ogiri h4.ribbon .star { color: rgb(106,0,3); padding: 0 0.25em; } body.ptcm2ogiri h4.ribbon_gold { background-color: rgb(255,235,15); background: -webkit-linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); background: -moz-linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); background: -ms-linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); background: -o-linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); background: linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); -pie-background: linear-gradient( top, rgb(255,235,15) 0%, rgb(160,148,6) 100% ); -webkit-box-shadow: 0px 0px 16px rgba(196,160,0,1); -moz-box-shadow: 0px 0px 16px rgba(196,160,0,1); -ms-box-shadow: 0px 0px 16px rgba(196,160,0,1); -o-box-shadow: 0px 0px 16px rgba(196,160,0,1); box-shadow: 0px 0px 16px rgba(196,160,0,1); behavior: url(/script/js/PIE.htc); border: 1px solid rgba(255,255,120,0.5); color: rgb(100,60,0); text-shadow: 0 1px 1px rgba(255,255,255,0.75), 0 -1px 1px rgba(0,0,0,0.5); } body.ptcm2ogiri h4.ribbon_gold .star { color: rgb(180,156,0); padding: 0 0.25em; } /* .ptcm2ogiri>#container>.centerribbon */ body.ptcm2ogiri .centerribbon-wrapper { margin: auto; position: relative; margin-bottom: 0em; } body.ptcm2ogiri .centerribbon-wrapper h4.centerribbon , body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-left , body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-right { position: relative; background-color: rgb(106,0,3); background: -webkit-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -moz-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -ms-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: -o-linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); background: linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); -pie-background: linear-gradient( top, rgb(176,0,5) 0%, rgb(106,0,3) 100% ); -webkit-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -moz-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -ms-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); -o-box-shadow: 0px 2px 4px rgba(0,0,0,0.5); box-shadow: 0px 2px 4px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); height: 1em; padding: 0.5em; font-weight: bold; border: 1px solid rgba(255,120,120,0.5); font-size: 1.5em; line-height: 1em; color: rgb(230,228,163); text-shadow: 0 1px 1px rgba(255,128,128,0.75), 0 -1px 1px rgba(0,0,0,0.5); z-index: 2; } body.ptcm2ogiri .centerribbon-wrapper h4.centerribbon { width: 490px; margin: auto;} body.ptcm2ogiri h4.centerribbon:before { content: ""; display: block; position: absolute; bottom: -11px; left: -2px; height: 0px; width: 0px; border-style: solid; border-color: transparent rgb(49,0,4) transparent transparent; border-width: 0 20px 10px 0; } body.ptcm2ogiri h4.centerribbon:after { content: ""; display: block; position: absolute; bottom: -11px; right: -22px; height: 0px; width: 0px; border-style: solid; border-color: transparent transparent transparent rgb(49,0,4); border-width: 0 20px 10px 20px; } body.ptcm2ogiri h4.centerribbon .star { color: rgb(106,0,3); padding: 0 0.25em; } body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-left , body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-right { position: absolute; top: 12px; width: 14px; z-index: 1; } body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-left { left: 20px; } body.ptcm2ogiri .centerribbon-wrapper .ribbon-back-right { right: 20px; } /* .ptcm2ogiri>#container>.award> */ body.ptcm2ogiri .award .title { font-size: 1.5em; margin: 0 0.5em; } body.ptcm2ogiri .award .title ruby { line-height: 1em; } body.ptcm2ogiri .award .author { font-weight: bold; font-size: 1.25em; margin: 0 0.5em; padding: 0.25em 0.25em 0.5em 0.25em; background-color: transparent; background: -webkit-linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); background: -moz-linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); background: -ms-linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); background: -o-linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); background: linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); -pie-background: linear-gradient( top, rgba(128,128,192,0.25) 0%, rgba(64,96,128,0.1) 5%, rgba(32,64,128,0) 20% ); behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri .award ul.odai { margin: 1em; margin-top: 0; font-size: 80%; } body.ptcm2ogiri .award ul.odai li { border-bottom: 1px solid rgb(192,212,220); } body.ptcm2ogiri .award .graph-wrapper { float: left; width: 280px; margin-right: 16px; } body.ptcm2ogiri .award .graph-wrapper-long { width: 408px; } body.ptcm2ogiri .award .graph-wrapper .screen { float: none; width: 256px; } body.ptcm2ogiri .award .graph-wrapper-long .screen { width: 384px; } body.ptcm2ogiri .award .graph-wrapper .button { margin: 16px; } body.ptcm2ogiri .award .words { float: left; width: 316px; } body.ptcm2ogiri .award .words-short { width: 190px; } body.ptcm2ogiri .award .item { font-size: 0.8em; } body.ptcm2ogiri .award .selecter { margin-top: 1em; padding: 0.5em; font-size: 0.9em; -webkit-border-radius: 8px; -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; border-radius: 8px; background-color: rgb(145,204,232); background: -webkit-linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); background: -moz-linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); background: -ms-linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); background: -o-linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); background: linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); -pie-background: linear-gradient( top, rgb(145,204,232) 0%, rgb(135,213,218) 100% ); behavior: url(/script/js/PIE.htc); } body.ptcm2ogiri .award .selectertalk .balloon { margin-top: 0.5em; margin-left: 4px; padding: 0.5em; width: 260px; font-size: 0.8em; line-height: 1.25em; } body.ptcm2ogiri .award .selectertalk_l { margin-top: 16px; margin-left: 16px; } body.ptcm2ogiri .award .selectertalk_l .balloon { width: 520px; } body.ptcm2ogiri .award .selecter h5 { color: white; font-size: 1em; text-shadow: 0px -1px 1px rgba(0,0,0,0.25); margin-bottom: 0.5em; } body.ptcm2ogiri .award .selecter h5 strong { font-size: large; } body.ptcm2ogiri .award .selecter li { line-height: 1.25em; margin-bottom: 0.5em; } body.ptcm2ogiri .award .selecter li:before { content: "“"; color: rgba(28,106,138,1); font-size: 2em; } body.ptcm2ogiri .award .talk-ceo-normal { font-size: 80%; margin-top: 2em; } body.ptcm2ogiri .award .talk-pron-normal { font-size: 80%; margin-top: 2em; } /* ==========.ptcm2command============================================================ */ /* .ptcm2command>#container>h3 */ body.ptcm2command h3.column { margin-top: 1em; -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2command div.column { padding: 0 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcm2command div.column p { margin-bottom: 1em; line-height: 1.75em; } body.ptcm2command p.fontsample { display: inline-block; padding: 0.5em; background: white; border: 1px solid rgba(0,0,0,0.25); } /* ==========.ptcm2info============================================================ */ /* .ptcm2info>#container>h3 */ body.ptcm2info h3.column { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2info div.column { padding: 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } /* ==========.ptcm2bug============================================================ */ /* .ptcm2bug>#container>.column */ body.ptcm2bug h3.column { -webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 1px 1px rgba(0,0,0,0.1) inset; -webkit-border-radius: 8px 8px 2px 2px; -moz-border-radius: 8px 8px 2px 2px; -ms-border-radius: 8px 8px 2px 2px; -o-border-radius: 8px 8px 2px 2px; border-radius: 8px 8px 2px 2px; background: -webkit-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -moz-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -ms-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: -o-linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); -pie-background: linear-gradient( top, rgb(234,233,220) 0%, rgb(243,241,231) 100% ); behavior: url(/script/js/PIE.htc); padding: 8px; } body.ptcm2bug div.column { padding: 8px; margin-bottom: 3em; -webkit-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -moz-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -ms-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; -o-box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; box-shadow: 0 -1px 1px rgba(0,0,0,0.1) inset; border-bottom: 1px solid white; -webkit-border-radius: 2px 2px 8px 8px; -moz-border-radius: 2px 2px 8px 8px; -ms-border-radius: 2px 2px 8px 8px; -o-border-radius: 2px 2px 8px 8px; border-radius: 2px 2px 8px 8px; } body.ptcm2bug h4.column { margin-bottom: 4px; padding: 4px 8px; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; behavior: url(/script/js/PIE.htc); } body.ptcm2bug ul.column li { margin-bottom: 4px; padding: 4px 8px; background-color: rgba(0,0,0,0.1); -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px; behavior: url(/script/js/PIE.htc); } body.ptcm2bug div.column dd { padding-bottom: 0.5em; } /* ==========.ptcm2pop============================================================ */ /* .ptcm2pop */ body.ptcm2pop { background-color: rgb(60,60,60); } body.ptcm2pop #container { position: relative; min-height: 100%; background-color: rgb(243,241,231); } /* .ptcm2pop>#container>#content */ body.ptcm2pop #container #content { position: relative; padding-bottom: 40px; margin: 12px 0; } /* .ptcm2pop>#container>#title */ body.ptcm2pop #container #title { height: 40px; background-color: rgb(255,255,255); background: -webkit-linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); background: -moz-linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); background: -ms-linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); background: -o-linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); background: linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); -pie-background: linear-gradient( top, rgb(230,230,230) 0px, rgb(238,238,238) 36px, rgb(238,238,238) 36px, rgb(160,160,160) 40px ); behavior: url(/script/js/PIE.htc); } /* .ptcm2pop>#container>#entry>div#movie */ body.ptcm2pop #container #entry div#movie { width: 256px; margin: auto; border: 4px solid rgb(60,60,60); -webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; -webkit-box-shadow: 0 0 16px rgba(0,0,0,0.5); -moz-box-shadow: 0 0 16px rgba(0,0,0,0.5); -ms-box-shadow: 0 0 16px rgba(0,0,0,0.5); -o-box-shadow: 0 0 16px rgba(0,0,0,0.5); box-shadow: 0 0 16px rgba(0,0,0,0.5); behavior: url(/script/js/PIE.htc); } /* .ptcm2pop>#container>#entrybookmark */ .ptcm2pop #container #entrybookmark { background-color: rgb(237,232,220); background: -webkit-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -moz-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -ms-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -o-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); -pie-background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); behavior: url(/script/js/PIE.htc); } /* .ptcm2pop>#container>#footer */ .ptcm2pop #container #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 40px; padding-top: 8px; background-color: rgb(48,48,48); background: -moz-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -ms-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -o-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -webkit-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); -pie-background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); behavior: url(/script/js/PIE.htc); } /* ==========.ptcm3============================================================ */ /* .ptcm3 */ body.ptcm3 #container #footer { width: 100%; height: 92px; padding-top: 8px; background-color: rgb(48,48,48); } /* .ptcm3>#container> */ body.ptcm3 #container { text-align: center; } body.ptcm3 #container #h1 { background-color: rgb(170,85,78); } body.ptcm3 #container #h2 { background-color: rgb(203,98,88); } body.ptcm3 #container #h3 { background-color: rgb(238,126,115); } body.ptcm3 #container #h4 { background-color: rgb(255,149,138); } body.ptcm3 #container #h5 { background-color: rgb(255,160,150); } body.ptcm3 #container video { margin: 32px 8px; box-shadow: 0px 0px 16px rgba(255,200,200,0.75); } /* .ptcm3>#container>#footer */ .ptcm3 #container #footer { font-size: 60%; color: #ccc; text-align: center; } .ptcm3 #container #footer img { margin-bottom: 8px; } /* ==========.ptcm2teaser============================================================ */ /* .ptcm2teaser1 */ body.ptcm2teaser1 { background-color: rgb(237,232,220); } /* .ptcm2teaser1>#container>#content */ body.ptcm2teaser1 #container #content { padding-bottom: 72px; } /* .ptcm2teaser1>#container>#content>.slide */ body.ptcm2teaser1 #content .slide { margin-top: 100px; -webkit-box-shadow: 0 0 32px rgb(255,255,255); -moz-box-shadow: 0 0 32px rgb(255,255,255); -ms-box-shadow: 0 0 32px rgb(255,255,255); -o-box-shadow: 0 0 32px rgb(255,255,255); box-shadow: 0 0 32px rgb(255,255,255); behavior: url(/script/js/PIE.htc); } /* .ptcm2teaser1>#container>#content>#comingsoon */ body.ptcm2teaser1 #content #comingsoon { margin: 100px auto; padding-top: 112px; width: 320px; height: 128px; background-color: black; background: -moz-linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); background: -ms-linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); background: -o-linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); background: -webkit-linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); background: linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); -pie-background: linear-gradient( top, rgb(0,0,0) 0%, rgb(60,60,60) 100% ); -moz-border-radius: 8px; -ms-border-radius: 8px; -o-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; behavior: url(/script/js/PIE.htc); } /* .ptcm2teaser1>#container>#entrybookmark */ .ptcm2teaser1 #container #entrybookmark { background-color: rgb(237,232,220); background: -webkit-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -moz-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -ms-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: -o-linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); -pie-background: linear-gradient( top, rgb(167,162,150) 0%, rgb(167,162,150) 80%, rgb(137,132,120) 100% ); behavior: url(/script/js/PIE.htc); } /* .ptcm2teaser1>#container>#footer */ .ptcm2teaser1 #container #footer { position: absolute; bottom: 0; left: 0; width: 100%; height: 72px; padding-top: 8px; background-color: rgb(48,48,48); background: -moz-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -ms-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -o-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: -webkit-linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); -pie-background: linear-gradient( top, rgb(0,0,0) 0%, rgb(48,48,48) 10%, rgb(48,48,48) 100%); behavior: url(/script/js/PIE.htc); }