AddQuicktagインポート用 JSONファイルのサンプル
WordPressプラグイン「AddQuicktag」のインポート用JSONファイルのサンプルです。
こんな感じになります↓
ダウンロードはこちら
ダウンロードはこちら
スタイルシート(例:style.css)には、以下のソースコードを貼り付けてください。
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97 98 99 100 101 102 103 104 105 106 107 108 109 110 111 |
/*------------------------------------------------------------ font-size・・・フォントサイズの設定 -------------------------------------------------------------*/ .b{ font-weight: bold!important; }/*太字*/ .big{ font-size: 1.2em!important; }/*文字(大)*/ .big2{ font-size: 1.5em!important; }/*文字(特大)*/ .big3{ font-size: 1.8em!important; }/*文字(特特大)*/ .small{ font-size: 0.8em!important; }/*文字(小)*/ /*------------------------------------------------------------ フォントカラーの設定 -------------------------------------------------------------*/ .red{ color: #ff0000!important; }/*赤*/ .green{ color: #008000!important; }/*緑*/ .orange{ color: #ff6600!important; }/*オレンジ*/ /*------------------------------------------------------------ 蛍光ペンのようなボックスの設定 -------------------------------------------------------------*/ .box-yellow{ padding:2px;background-color: #ff9!important; }/*黄色*/ .box-aqua{ padding:2px;background-color: #9ff!important; }/*水色*/ .box-gray{ padding:2px;background-color: #eee!important; }/*灰色*/ .box-red{ padding:2px;background-color: #fcc!important; }/*赤色*/ /*------------------------------------------------------------ 【下線の設定】 -------------------------------------------------------------*/ .bd-red{border-bottom:2px solid #FDA2A2} /* 赤色の下線 */ .bd-blue{border-bottom:2px solid #3094DD} /* 青色の下線 */ .bd-green{border-bottom:2px solid #1ABC9C} /* 緑色の下線 */ .bd-yellow{border-bottom:2px solid #F7D745} /* 黄色の下線 */ .bd-orange{border-bottom:2px solid #F39C12} /* 橙色の下線 */ .bd-black{border-bottom:2px solid #000} /* 黒色の下線 */ /*------------------------------------------------------------ 【ボックスの設定】 -------------------------------------------------------------*/ .box_shadow { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); width: 88%; margin: 48px auto; padding: 5%; overflow: hidden; }/*BOX(影)*/ .box_gray { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); width: 88%; margin: 48px auto; padding: 5%; background-color: #FBFAF8; overflow: hidden; }/*BOX(グレー)*/ .box_red { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); width: 88%; margin: 48px auto; padding: 5%; background-color: #FADBDA; overflow: hidden; }/*BOX(赤)*/ .box_blue { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); width: 88%; margin: 48px auto; padding: 5%; background-color: #99CCFF; overflow: hidden; }/*BOX(青)*/ .box_green { -webkit-box-shadow: 0 0 3px rgba(0,0,0,.3); box-shadow: 0 0 3px rgba(0,0,0,.3); width: 88%; margin: 48px auto; padding: 5%; background-color: #66CC99; overflow: hidden; }/*BOX(緑)*/ /*------------------------------------------------------------ align・・・文字の横位置 -------------------------------------------------------------*/ .al-c{ text-align: center; }/*中央寄せ*/ .al-r{ text-align: right; }/*右寄せ*/ .al-l{ text-align: left; }/*左寄せ*/ /*------------------------------------------------------------ 余白(下) -------------------------------------------------------------*/ .m10-b{ margin-bottom: 10px!important; } .m20-b{ margin-bottom: 20px!important; } .m30-b{ margin-bottom: 30px!important; } .m40-b{ margin-bottom: 40px!important; } .m50-b{ margin-bottom: 50px!important; } .m60-b{ margin-bottom: 60px!important; } .m70-b{ margin-bottom: 70px!important; } .m80-b{ margin-bottom: 80px!important; } .m90-b{ margin-bottom: 90px!important; } |